多元好玩的科技廟會-好運中國年“新”體驗
新技術新體驗。今年春節(jié),好運中國年這一活動你知道嘛?這是百度APP推出的科技廟會,將在這篇文章中詳細講解。已有五年歷史的活動今年應用眾多新技術,創(chuàng)新科技廟會理念,值得一讀。推薦對活動運營與設計等感興趣的童鞋閱讀。
前言
每當臨近春節(jié)時,互聯(lián)網(wǎng)大廠的新年福利活動都會相擁而至,大家在各種活動中紅包拿到手軟。此時,百度APP的「好運中國年」系列活動也如期與大家見面,毫不吝嗇的把“好運”傳遞給每個用戶。
2019年至今,「好運中國年」已進行了五年,每年都會在品牌和玩法體驗上進行探索與創(chuàng)新,今年進行了更深入的打磨,給用戶一種“新”體驗。在設計理念上,通過具有科技感和年俗氣息的視覺創(chuàng)新,打造一場百度獨有的“科技廟會”;活動玩法方面,較以往也更加豐富,包括了百度經(jīng)典集卡玩法和多種紅包玩法,給用戶多元有趣的活動體驗。今年春節(jié)的活動周期比往年更長,近一個月的好運中國年讓用戶樂此不疲。
01 打造好玩好逛的科技廟會
活動初期,我們從產(chǎn)品、用戶、社會三個角度進行分析,確定活動的設計目標。
百度APP是百度在移動搜索方向的核心產(chǎn)品,代表了百度先進的搜索技術能力,具備很強的科技屬性。今年團隊設計的重點目標就是將活動與產(chǎn)品屬性相結(jié)合,因此今年開始嘗試打造「科技感」春節(jié)活動。
好的活動體驗可以加深用戶對活動的記憶,為了讓用戶對「好運中國年」印象深刻,我們結(jié)合多種玩法營造科技廟會的氛圍;而這么多的活動需要一個“集合體”來承載,“它”既要多元又要契合團隊探索的有社會價值的年俗工藝,因此選用了“廟會”這個形式來承載。
經(jīng)過分析,最終確定以好玩好逛的“科技廟會”作為本次活動的設計理念,給用戶“新”的體驗感受。
02 來場對“科技廟會”的探索
“科技廟會”是什么樣子呢?通過將詞拆解的方法,以“科技”和“廟會”為關鍵詞進行思維發(fā)散,想象以什么樣的視覺來呈現(xiàn)今年的春節(jié)活動。
探索過程中嘗試AI繪畫,用新的科技手段輔助尋找靈感。
03 定調(diào)
經(jīng)探索,廟會的圖像特征越來越清晰,它是一場熱鬧的具有多元文化載體的文化現(xiàn)象,擁有像舞獅/臺戲/商鋪/古樓/燈籠/風竹等事物,是民間藝術的結(jié)合體,描繪了老百姓新年期間的市井生活。
「科技感」則是一種視覺感知,既可以通過點、線、抽象圖形進行感受,是粒子、發(fā)光體、光環(huán)、全息;又可以通過機器人、移動設備、全息屏幕等具象物體體現(xiàn),是圖形元素間的動態(tài)穿插或是一種變化發(fā)展的趨勢。
我們將射線、光環(huán)、粒子、全息圖像、速度感圖形等元素植入具有人文特征的廟會中,切入“科技廟會”主題風格,進而確定視覺調(diào)性。
最終通過KV將探索的“科技廟會”視覺調(diào)性展示出來。打造出的視覺情緒是新奇熱鬧的,整體營造一場充滿科技氛圍的春節(jié)集市。
以兔子形象IP為故事主體,講述一個“兔年春節(jié)逛科技廟會”的世界觀。通過“兔子舞獅”、“古鎮(zhèn)建筑”、“商品小攤”等元素來體現(xiàn)廟會,道路上的全息路標、遠處向上延伸的科技立光、城市建筑上的懸浮光圈來增加科技感。
04 定義“科技特色”的品牌體系
從確定設計理念開始,今年「好運中國年」的品牌設計就被貼上了“不一樣”的標簽。有別于往年的關鍵點是,需要在字體、圖形和IP上充分體現(xiàn)今年“不一樣”的“科技感”。
1. 品牌字體
首先把“科技感”植入品牌字體中,形成獨特的字體風格?!翱萍肌斌w現(xiàn)的是一種發(fā)展與進步、速度與前進,代表了“硬”實力,我們把這種氣質(zhì)體現(xiàn)在今年的品牌字體中。與去年較圓潤的字體相比,今年的字體更為硬朗,在此基礎上字的斜度統(tǒng)一為12度,起落筆則用“尖角”延伸,整套字體現(xiàn)出科技創(chuàng)新帶來的活力激發(fā)。
2. 品牌圖形
輔助圖形是品牌的重要記憶點之一,能夠強化品牌特征,提升用戶對品牌的認知。今年的輔助圖形保留了去年的基礎形,不一樣的是增加了「科技感」特色的圖形元素,結(jié)合點、線、以及方格符號元素,進一步烘托科技氛圍,在延續(xù)去年視覺感受的基礎上增添了新的概念。
UI組件也注入科技感,在紅包、btn、輔助入口等組件中增加科技感點線元素的點綴,信息載體使用半透明效果的異形面板,指引箭頭則運用馬賽克表現(xiàn)形式。將這些UI組件進行復用,科技氣質(zhì)貫穿到各活動中,確保在不同玩法上呈現(xiàn)統(tǒng)一的視覺感受。
3. 品牌IP
今年的活動IP形象更具親和力和辨識度。在兔子形象的設定過程中我們嘗試多種頭身比例,最終選用的比例為2:1,大頭形象在面部特征和表情上能夠體現(xiàn)更多細節(jié),使整體更具親和力,同時也可以讓科技感的全息眼鏡顯得更為突出。IP貫穿活動始末,起到統(tǒng)一活動主題調(diào)性、強化引導,增加新年氛圍和親和力的作用。
05 舊瓶裝新酒:經(jīng)典重塑,打造多元好玩的集卡活動
集卡是百度歷年春節(jié)的經(jīng)典玩法,是用戶最喜愛的玩法之一,也是「好運中國年」系列活動中在線時間最長的活動,無論在視覺還是玩法上都要更加豐富多元。
1. 玩法升級,傳承創(chuàng)新
過去兩年中,活動采用雙層卡玩法,集齊「好」「運」「中」「國」「年」基礎卡后合成高級卡,集齊高級卡后獎勵會翻倍。然而通過洞察研究發(fā)現(xiàn),用戶在高級卡階段容易失去熱情、感到無聊,由此發(fā)現(xiàn)高級卡階段的活動體驗仍有改善空間,因此嘗試在今年進行了“新”的玩法體驗創(chuàng)新。
今年團隊在傳統(tǒng)集卡玩法上探索變化,傳承經(jīng)典的同時,提出“新”的集卡闖關玩法。用戶集齊「好」「運」「中」「國」「年」基礎卡后,開啟新的階段,合成高級卡獲得新春祝福語圖鑒,通關全套祝福語圖鑒獲得終極獎勵,同時整體降低集卡難度,讓用戶更容易玩下去。
2. 傳統(tǒng)工藝,氛圍拉滿
“新酒”還體現(xiàn)在工藝的多樣上,與去年單一的年畫工藝相比,今年的集卡高級卡場景中展示了四種工藝,汲取了廟會中出現(xiàn)的民俗文化和民間藝術品-剪紙、燈籠、爆竹、團扇。通過科技感的全息影像將每個場景串聯(lián),打造了一種科技廟會的感知。
四個場景從家到國,層層遞進,各場景結(jié)構(gòu)源于品牌logo的熊掌元素,向用戶傳遞著年俗文化、透傳品牌,宣揚科技興國的理念。
燈籠:
說到春節(jié),家家戶戶都會準備各式各樣的燈籠來期盼闔家團圓。
因此活動中選擇燈籠做為構(gòu)建高級卡場景一的主元素,同時也是文字的主承載物,每個燈籠呈現(xiàn)不同的造型,「團」字的兔子造型和場景中的兔子IP,來呼應兔年生肖。通過地臺上的廟會建筑和糖葫蘆等元素的結(jié)合營造出廟會年俗氛圍。
卡片則采用了較高挑的燈籠輪廓做為基礎造型,強化卡片屬性,也能夠更好的承載文字和品牌的透傳。
剪紙:
剪紙藝術作為高級卡第二個場景的視覺呈現(xiàn),帶領用戶感受其豐富內(nèi)涵,感受設計對民俗生活的理解、對生活之美的追求。
場景中高級卡下端增加了以全息影像方式展現(xiàn)的廟會場景,同樣營造出科技廟會的氛圍。
爆竹:
隨著春節(jié)的腳步越來越近,人們最期待的便是新年的第一聲爆竹,中國的爆竹文化,蘊含著華夏兒女的精神寄寓,表達著所有民族的共同期盼。近年來,隨著大眾環(huán)保意識的加強,爆竹聲已離我們逐漸遠去。因此,“爆竹”元素做為第三關高級卡的主元素,目的是為用戶營造久違的爆竹帶春聲,配合一席冬雪,向用戶描繪大自然對大地和人類的厚愛。
團扇:
團扇是中國傳統(tǒng)工藝品及藝術品,有著深厚的文化底蘊。同樣寓意著吉祥如意。結(jié)合卡面文字,第四個高級卡主元素被設定為團扇。其外觀分別為圓形、花瓣形、芭蕉式等。通過設計手法展現(xiàn)團扇的刺繡工藝,細致到邊角和裝飾。而場景層則通過掐絲琺瑯的形式向用戶展現(xiàn)了祖國的大好河山。卡的后面還點綴了具有科技屬性的衛(wèi)星元素,預示著未來科技的蓬勃發(fā)展。
3. 科技廟會,獨具特色
集卡是好運中國年系列活動中最先與大家見面的,為了讓用戶了解陸續(xù)開啟的更多活動,我們在集卡活動頁下方開辟了一個活動聚合專區(qū),在設計上將傳統(tǒng)與科技融合,打造了一個豐富又獨具特色的廟會場景。前期提煉的科技元素轉(zhuǎn)化為環(huán)繞道路的彩色全息路標,行駛中的百度無人車,LED光感的廟會建筑等,與各活動入口共同打造一個科技感十足的廟會街道。
06 親朋共團圓:疫情后我們第一次團聚
在過去新冠疫情肆虐的三年中,大家與親人朋友團聚的機會變得格外珍貴。在后疫情時代的第一個新年,活動從除夕到元宵節(jié),逐步開啟多個紅包福利活動,與去年相比,在玩法上更多樣,增加了3個邀好友和2個紅包雨活動,為用戶與親朋創(chuàng)造了豐富多樣的線上互動場景。
除夕和元宵節(jié)是春節(jié)的首尾時刻,通過紅包雨游戲為用戶發(fā)放福利。在除夕夜,特別開設了多個時段的大額紅包玩法,用戶與家人一起守歲搶紅包、迎接新年到來。
團圓紅包、新春大紅包、開工領紅包,是春節(jié)系列活動中的3個各不相同的邀好友活動,我們通過差異化的設計形態(tài),向用戶呈現(xiàn)豐富多樣的紅包福利。
在春節(jié)假期到來前,團圓紅包活動的互動方式主打線上分享,提前為用戶創(chuàng)造與家人線上聯(lián)系領福利的場景。
而在春節(jié)假期后期推出的掃碼領紅包活動中,迎合朋友見面聚會場景,設計上強化掃碼互動方式,便于線下面對面拉好友參與。
開工領現(xiàn)金是今年百度春節(jié)新增的特殊玩法,貼合新年后開工利是的現(xiàn)代習俗,吸引用戶向身邊的同事朋友分享這份好彩頭。
1. 年俗文化鏈通全局
當然這些活動的視覺也少不了科技和年俗文化的碰撞,將這些細節(jié)元素貫穿在各個活動中給用戶更加統(tǒng)一完整的沉浸體驗,如此多的年俗物件,是在去年活動中沒出現(xiàn)過的。
07 傾聽用戶聲音,點滴之中打磨更好的細節(jié)體驗
今年的“新”體驗也體現(xiàn)在我們的細節(jié)打磨上。秉承用戶體驗至上的原則,從去年春節(jié)活動開始,團隊嘗試通過投放問卷了解用戶參與活動的感受,在今年為用戶打造了更好的細節(jié)體驗。
通過細致入微的設計思考、克制的細節(jié)處理,打磨出「更簡單」、「更生活」、「更生動」的體驗。在今年的體驗反饋中,獲得了很多用戶的稱贊。
1. 更生活
更生活體現(xiàn)在高級卡的場景設計上,將燈籠的點亮態(tài)和未點亮態(tài)通過顏色和質(zhì)感進行區(qū)分,通過集卡逐一點亮燈籠,制造小的驚喜點,寓意照亮全家人的平安與幸福。
2. 更簡單
為了讓活動更易于上手,我們將主頁和彈窗中的主按鈕文字放大,提高主按鈕的視覺層級,這種設計讓白發(fā)人群也可輕松參與到活動中。
同樣的,掃碼活動中二維碼的展示也進行了放大處理,節(jié)省了點擊再放大的步驟,更便于識別和用戶之間的面對面分享。
3. 更生動
在紅包雨活動中,為了保證用戶的游戲體驗,使用了二維游戲引擎,增強動畫流暢度。同時在多種道具上增加了點擊實時反饋,強化道具的生命力。
在開工領紅包活動中使用動作捕捉數(shù)據(jù),讓人物的動作更真實,更靈活。同時設計了金幣的碰撞反饋,提升用戶的點擊感和爽感。給用戶更好的游戲感體驗。
07 結(jié)語
近幾年,各個團體進入快速發(fā)展的賽道,使得一些新技術層出不窮,從虛擬貨幣到元宇宙再到今年的ChatGDP,未來仍然是高速發(fā)展的趨勢。作為百度的核心設計團隊之一,我們將繼續(xù)擁抱新的事物和新的挑戰(zhàn),作有文化底蘊/科技含量/人文關懷的設計,專注于探索和研究具有百度特色的運營活動,創(chuàng)造更高價值的作品,更“新”體驗的活動。
2024,值得期待!
作者:設計橫向職能組
來源公眾號:百度MEUX(ID:baidumeux),百度移動生態(tài)用戶體驗設計中心,負責百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗設計。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @百度MEUX 授權(quán)發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Pexels,基于 CC0 協(xié)議
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。
請問界面中的插圖是建模做的嗎?屬于UI的職責么?還是說另外請團隊做的?
看著挺有意思的,畫面很精美,也增加了很多有意思的玩法,期待期待
實在太棒了,科技與年俗文化的碰撞融合做得十分到位,細節(jié)也打磨得很好。