2023-3-8 資深UI設(shè)計(jì)者
2022年新建裝扮中心整合各類(lèi)裝扮的分發(fā)入口。搭建皮膚商城、主頁(yè)背景商城、頭像商城、掛件商城4大裝扮基建;高效擴(kuò)充皮膚、掛件、個(gè)人主頁(yè)封面和頭像等個(gè)性化裝扮資產(chǎn),受到年輕用戶的喜愛(ài),佩戴裝扮用戶迅速增長(zhǎng)數(shù)以百萬(wàn)計(jì)。
0-1搭建拓裝扮資產(chǎn)規(guī)模的經(jīng)驗(yàn),今日與大家分享。
一 整合升級(jí)四大裝扮基建,搭建系統(tǒng)裝扮能力
拓新裝扮場(chǎng)景,提升裝扮曝光:百度APP個(gè)性化裝扮場(chǎng)景已覆蓋首頁(yè)皮膚、個(gè)人中心皮膚、個(gè)人主頁(yè)封面、個(gè)性化掛件和頭像。
我們將百度APP原有的裝扮能力整合升級(jí),新建“裝扮中心”統(tǒng)一分發(fā),并在個(gè)人中心增加了一級(jí)入口,為更多的裝扮形式與玩法創(chuàng)造更多可能。通過(guò)裝扮中心、皮膚商城、個(gè)人主頁(yè)背景商城、掛件商城、頭像商城“四大裝扮基建”支撐百度APP個(gè)性化裝扮的分發(fā)和佩戴操作。
提供易用的裝扮佩戴體驗(yàn),增強(qiáng)裝扮展現(xiàn)的吸引力,是裝扮基建方向的設(shè)計(jì)目標(biāo)。
1. 易用性
我們?cè)谌珗?chǎng)景提供實(shí)時(shí)預(yù)覽能力,裝扮預(yù)覽所見(jiàn)即所得;按裝扮類(lèi)型統(tǒng)一界面布局,降低理解成本。
2. 增強(qiáng)裝扮吸引力
2-1 提升裝扮展現(xiàn)豐富度:
裝扮中心作為裝扮聚合展現(xiàn)核心場(chǎng)景,提供套裝裝扮,界面內(nèi)融入豐富動(dòng)效、定義刷新策略持續(xù)推薦新內(nèi)容,增加對(duì)裝扮運(yùn)營(yíng)展現(xiàn)能力。
2-2 串聯(lián)互通增強(qiáng)可逛性:
各裝扮能力之間串聯(lián)互通,通過(guò)分發(fā)場(chǎng)景間跳轉(zhuǎn)進(jìn)行交叉推薦增強(qiáng)裝扮吸引力。我們從三條路徑上為裝扮拓展了分發(fā)入口。第一條:裝扮功能內(nèi)的場(chǎng)景,在裝扮商城之間增加相關(guān)功能跳轉(zhuǎn)、在皮膚和套裝的預(yù)覽頁(yè)底部拓展更多推薦入口。第二條:在用戶的非裝扮使用路徑上拓展入口,如在頭像預(yù)覽頁(yè)、個(gè)人主頁(yè)背景預(yù)覽頁(yè)引導(dǎo)用戶設(shè)置頭像和個(gè)人主頁(yè)背景。第三條:以非常駐的彈窗形式,推薦裝扮活動(dòng),吸引用戶體驗(yàn)裝扮功能。
2-3 豐富裝扮玩法:
a. 限時(shí)免費(fèi)裝扮:精品套裝裝扮包括動(dòng)態(tài)皮膚、動(dòng)態(tài)頭像、掛件、個(gè)人主頁(yè)封面,支持一鍵佩戴四項(xiàng)個(gè)性化裝扮,是百度APP的付費(fèi)裝扮功能。我們探索限時(shí)開(kāi)放給用戶免費(fèi)使用玩法,效果超預(yù)期,收獲了一大波裝扮新用戶。
b. 結(jié)合任務(wù)活動(dòng):將“佩戴裝扮”作為運(yùn)營(yíng)任務(wù),幫助用戶獲取任務(wù)金幣,也把熱門(mén)裝扮作為任務(wù)獎(jiǎng)勵(lì)。
c. 與大型運(yùn)營(yíng)活動(dòng)結(jié)合:與世界杯大型運(yùn)營(yíng)活動(dòng)結(jié)合,設(shè)計(jì)度曉曉世界杯16強(qiáng)球隊(duì)套裝皮膚,通過(guò)限免使用,提升裝扮滲透。
二 持續(xù)擴(kuò)充皮膚/掛件/個(gè)人主頁(yè)封面/頭像等個(gè)性化裝扮資產(chǎn)
裝扮資產(chǎn)擴(kuò)規(guī)模,重點(diǎn)考量通過(guò)提升設(shè)計(jì)質(zhì)量增加裝扮吸引力和快速擴(kuò)規(guī)模的效能如何提升。
1. 精細(xì)化打磨,打造百度APP裝扮套裝
1-1 表現(xiàn)手法-本能層:
深入研究畫(huà)面風(fēng)格,在年輕化現(xiàn)代審美指導(dǎo)下,選擇偏東方的設(shè)計(jì)風(fēng)格,如國(guó)風(fēng)、二次元風(fēng)格等,因?yàn)檫@類(lèi)風(fēng)格多用圖形、線條、顏色來(lái)處理空間關(guān)系,畫(huà)面不會(huì)過(guò)于厚重,既迎合年輕用戶喜好,又不過(guò)多打擾APP內(nèi)容區(qū)域閱讀消費(fèi)。
舉例:七月中元節(jié)的裝扮設(shè)計(jì)中,整體配色偏暗、低飽和度的深紫色、偏灰的藍(lán)色,可以傳達(dá)出靜謐、神秘的氛圍。在色彩構(gòu)圖中沒(méi)有用過(guò)多的色彩搭配,使用高明度差來(lái)刻畫(huà)畫(huà)面結(jié)構(gòu),因?yàn)槊鞫确床钐幱谌艘曈X(jué)的最底層。如果能用黑白反差區(qū)分層次,會(huì)首選黑白。在周?chē)h(huán)境色中使用偏灰的藍(lán)、紫色,并且與人身上的暖色對(duì)比,讓人物更加突出。而在畫(huà)面元素的刻畫(huà)上增加飄帶、魚(yú)尾的流動(dòng)感,這種帶有東方感的元素,這種留白、平衡構(gòu)圖和俠氣感,也有很強(qiáng)的東方特征,同時(shí)通過(guò)厚涂風(fēng)格中常用的使用飽和度差異、大透視效果營(yíng)造場(chǎng)景的空間感,增加畫(huà)面的細(xì)膩程度。
1-2 內(nèi)容-行為層:
在裝扮具體的內(nèi)容繪制中融入共情元素,吸引用戶注意。比如結(jié)合節(jié)日、大事件推送套裝,并在繪制中增加洛麗塔、國(guó)風(fēng)、JK等年輕用戶感興趣的元素。
1-3 內(nèi)涵-反思層:
通過(guò)積極情緒引導(dǎo)、激發(fā)思考,讓用戶感到心之向往或心生愉悅,可使用神情、動(dòng)作、裝飾花的花語(yǔ)等多種手段進(jìn)行情緒暗示。
2 單品擴(kuò)量,保證各類(lèi)裝扮的更新頻率
與套裝制作不同,單品的更新需要更加短、頻、快,需要更加直接解決Z世代用戶痛點(diǎn)。
2-1 協(xié)助用戶搭建社交符號(hào):
頭像,作為用戶在網(wǎng)絡(luò)世界身份的象征,我們從橫向團(tuán)隊(duì)項(xiàng)目中大量引入能代表身份狀態(tài)、游戲愛(ài)好等方面的資源,快速補(bǔ)充頭像單品資源庫(kù),我們也根據(jù)用戶調(diào)研了解到有76%用戶愿意和朋友使用“閨蜜/情侶頭像”,我們?cè)陬^像庫(kù)中上線情侶頭像,并將完善“頭像分享卡”等功能形成體驗(yàn)閉環(huán)。
2-2 幫助用戶表達(dá)自我:
百度APP頭像掛件和游戲、社交、直播場(chǎng)景中的頭像框不同,并不為了彰顯關(guān)系、體現(xiàn)出社交關(guān)系中的尊貴感,百度APP用戶更希望借助頭像掛件來(lái)表達(dá)觀點(diǎn),為自己的主張、個(gè)性貼標(biāo)簽。
2-3 結(jié)合用戶興趣引起關(guān)注和共鳴:
在羅盤(pán)大數(shù)據(jù)中,我們發(fā)現(xiàn),王者榮耀、和平精英、元神等游戲中,25歲以下年輕用戶的占比都非常大,并且都愿意花錢(qián)購(gòu)買(mǎi)皮膚裝扮。二次元的游戲、動(dòng)漫內(nèi)容不僅僅受Z世代喜愛(ài),且Z世代的滲透率最為突出。各大手游設(shè)計(jì)中也在不斷的融入二次元元素,我們借力百度AI畫(huà)圖技術(shù)-文心大模型快速補(bǔ)充了二次元、游戲等風(fēng)格方向的裝扮。
三 建立規(guī)范平臺(tái),提物料輸出效率
為了展現(xiàn)更好的效果、適配更多的裝扮場(chǎng)景,且兼顧歷史與開(kāi)發(fā)成本等原因,裝扮物料規(guī)則復(fù)雜,且種類(lèi)繁多。《百度APP裝扮體系設(shè)計(jì)規(guī)范平臺(tái)》應(yīng)運(yùn)而生,它涵蓋 5 項(xiàng)裝扮能力、2項(xiàng)運(yùn)營(yíng)能力;每項(xiàng)能力均配有一鍵預(yù)覽及導(dǎo)出物料模板。隨功能迭代及時(shí)更新,保障了裝扮物料的高效輸出。
結(jié)語(yǔ)
目前百度APP裝扮已經(jīng)完成了第一階段的建設(shè),沉淀出一批受用戶喜歡的裝扮資產(chǎn),未來(lái)我們也將不斷探索、創(chuàng)新更多裝扮玩法,未來(lái)也將探索出共創(chuàng)平臺(tái),成為一個(gè)裝扮生態(tài)。
藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
。藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net