藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
遙望app的設(shè)計(jì)在整體上的風(fēng)格化很強(qiáng),有自己的獨(dú)特性。為了讓用戶之間的粘性更好,更是在活動(dòng)上、動(dòng)效上花了很多心思,給用戶帶來(lái)很多有趣且良好的體驗(yàn),讓我?guī)闳ンw驗(yàn)一下吧
整個(gè)app的設(shè)計(jì)語(yǔ)言貫穿了星形、圓形和三角形 ,同時(shí)增加上面三種圖形的線性來(lái)點(diǎn)綴設(shè)計(jì)。tab圖標(biāo)是圓形和三角形的排列組合,同時(shí)增加線的形式點(diǎn)綴其中,層次更加豐富。其他頁(yè)面的設(shè)計(jì)也是同理,通過(guò)將上面3種圖形排列組合,貫穿到整個(gè)頁(yè)面,設(shè)計(jì)語(yǔ)言十分統(tǒng)一。
空界面的設(shè)計(jì)運(yùn)用手的動(dòng)作將每個(gè)頁(yè)面的情緒感拉的滿滿的,在互動(dòng)消息的版塊,從關(guān)注到@我,每一個(gè)頁(yè)面通過(guò)不同的情緒表達(dá)方式極大了緩解了用戶的焦慮,同時(shí)也增加了一些趣味性。
勛章是根據(jù)你的確幸值的多少,等級(jí)的高低,送禮物的多少,以及你在平臺(tái)的表現(xiàn)會(huì)給你發(fā)放不同的勛章,以此讓用戶享受到尊享和定制的感覺(jué),增加用戶的參與感和在平臺(tái)的粘性。
遙望app的動(dòng)效設(shè)計(jì)也是十分的流暢和有趣,線性的風(fēng)格特征的插畫(huà)、溫暖的文案和趣味的動(dòng)效,帶來(lái)的絲滑體驗(yàn)感十分強(qiáng)烈。
遙望app首頁(yè)上面的頭像是匹配器,隨著頭像慢慢的流過(guò),頭像旁邊還有對(duì)話框彈出介紹用戶的信息,點(diǎn)擊會(huì)有兩只手彼此召喚,再點(diǎn)擊幸會(huì)就可以和其他的朋友打招呼了。在匹配器下面的“遙望一下”點(diǎn)擊也可進(jìn)入到好友快速閃過(guò)的頁(yè)面,點(diǎn)擊可以同樣到打招呼頁(yè)面,多個(gè)入口引導(dǎo)用戶相互吸引從而形成社交動(dòng)機(jī)。
加載的動(dòng)態(tài)效果加入了遙望的IP形象,一個(gè)是像地球一樣的自轉(zhuǎn),一個(gè)是像風(fēng)箏一樣在天空飛的效果,動(dòng)態(tài)十分流暢且有趣。
記錄心情這個(gè)是個(gè)很有趣的設(shè)計(jì)細(xì)節(jié),在記錄心情發(fā)表后,在查看心情的小罐子里就能夠看到你的心情小表情,并且還有心情占比、情緒波動(dòng)分析,最后在日歷上還能看到每日心情的狀態(tài),可以很好的記錄每日的心情。
查看心情
放個(gè)氣球把心情寫(xiě)進(jìn)氣球發(fā)送出去,可以抒發(fā)自己的情緒。同時(shí),你想自己接收就可以點(diǎn)收一個(gè),出現(xiàn)氣球動(dòng)效加載,就會(huì)接收到別人發(fā)出的信息,不想要了,可以點(diǎn)放飛消息就沒(méi)有了。
收氣球
雖然泡泡這種形式很常見(jiàn),但是遙望在細(xì)節(jié)處做的設(shè)計(jì)還是很用心,很容易觸動(dòng)用戶。發(fā)射泡泡很容易讓然想到泡泡相機(jī),加上“biubiu”的音效,有很強(qiáng)的場(chǎng)景感。
配配app的設(shè)計(jì)可以說(shuō)是以IP形象為切入的設(shè)計(jì),app里面有著各種各樣的表情和動(dòng)勢(shì),生動(dòng)且逗比。而且配配在設(shè)計(jì)的時(shí)候會(huì)融入很多小的細(xì)節(jié),也能帶給我們很多不一樣的感受。整個(gè)ip融入可以說(shuō)做的很徹底,能夠讓用戶的品牌感知十分深刻。
貼貼功能用了一個(gè)超大的特殊的文字字體設(shè)計(jì),十分醒目,在瀑布流的頁(yè)面對(duì)用戶的信息區(qū)分的比較清楚,但是對(duì)于用戶的照片也形成了遮擋,有的時(shí)候并不是很好。發(fā)布貼貼的超大字體的設(shè)計(jì)很少有人這么設(shè)計(jì),雖然看起來(lái)粗糙,但是卻與眾不同。
配配app讓人印象比較深刻的就是這個(gè)IP的形象了,在頁(yè)面的各種地方都能看到他,無(wú)論是在催促你、還是在悠閑的吃東西,還是舉起手或是一起打call,哪里都少不了它。它的設(shè)定非常生活化,也很貼近我們的日常,所以這樣才更夠親近。
點(diǎn)亮設(shè)計(jì)就是點(diǎn)擊后,寫(xiě)下一個(gè)故事就可以和其他用戶打招呼了,點(diǎn)亮后燈泡會(huì)發(fā)出光,然后有星星散落下來(lái),將表情運(yùn)用在按鈕上也是很新穎的設(shè)計(jì)方法了。
發(fā)布動(dòng)態(tài)的功能IP會(huì)向你招招手,引導(dǎo)用戶參與發(fā)布動(dòng)態(tài)。
配配的動(dòng)態(tài)背景很有意思,打call、吃蘋果、打盹,根據(jù)不同用戶展示不同的動(dòng)態(tài)背景。
糖果app的設(shè)計(jì)在于匹配器和其他的很與眾不同,像是在一起炫舞的樣子,看起來(lái)很有場(chǎng)景感。糖果app的整體視覺(jué)風(fēng)格比較中規(guī)中矩,
不過(guò)有一些的功能設(shè)計(jì)和設(shè)計(jì)小細(xì)節(jié)值得體驗(yàn)一下。
糖果的首頁(yè)的匹配器設(shè)計(jì)是一群人在廣場(chǎng)上一起炫舞,然后各自擺著不同的怪異的姿勢(shì),設(shè)計(jì)上十分新穎。
戀愛(ài)上上簽就像我們?nèi)ニ聫R里求姻緣一樣,通過(guò)搖晃簽子就可以找尋到好姻緣。罐子上的表情左看看右看看然后閉上眼睛,最后終于連接上一個(gè)十分匹配的好友。
解憂罐子就是把心情放在罐子里,發(fā)送出去,別人可以看到你的罐子,然后你自己也可以做罐子發(fā)送給別人。
無(wú)聊嗶嗶雞就是一只雞不停的晃動(dòng),可以發(fā)送一句消息直接可以連接到好友。
Blurrr app是一款功能強(qiáng)大的視頻剪輯軟件,Blurrr雖然是一款工具軟件,但是在配色和設(shè)計(jì)上還是十分大膽,熒光綠的顏色和黑色的結(jié)合,十分亮眼,里面的動(dòng)效也十分細(xì)膩,非常吸引人的眼球。
引導(dǎo)頁(yè)的設(shè)計(jì)用多彩的圖形設(shè)計(jì)+表情+動(dòng)效設(shè)計(jì)的方式,打造了靈動(dòng)的引導(dǎo)頁(yè)設(shè)計(jì),形成了自己很獨(dú)特的風(fēng)格。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
一、Photoshop(Beta)版本安裝
PS的AI功能需要在Beta版本中才能使用,安裝過(guò)程很簡(jiǎn)單,可以從下列這個(gè)網(wǎng)址前往Adobe官網(wǎng)下載Photoshop(Beta)版本:
https://helpx.adobe.com/cn/photoshop/using/generative-fill.html
點(diǎn)擊「試用」按鈕,會(huì)調(diào)起電腦中的Creative Cloud應(yīng)用,正常來(lái)說(shuō)大家電腦里有Adobe軟件一般都會(huì)有Creative Cloud,沒(méi)下載的話按提示下載就可。
在Creative Cloud中找到①Beta應(yīng)用程序,點(diǎn)擊②安裝按鈕,再點(diǎn)擊③打開(kāi)按鈕,就可以啟動(dòng)Beta版PS啦!(我這里已經(jīng)安裝過(guò),所以直接顯示了安裝按鈕)
Beta版PS白色的logo和有趣的啟動(dòng)頁(yè)面??
二、AI創(chuàng)意填充功能
Midjourney生成的圖默認(rèn)是方形,主體位于畫(huà)面的中央。如果我們想把主體的位置移到畫(huà)面左側(cè)或右側(cè),需要花費(fèi)很大的精力,而PS(Beta)的AI創(chuàng)意填充功能可以很好解決這個(gè)痛點(diǎn)問(wèn)題!
下圖是在Midjourney中生成的例圖,人物在畫(huà)面的正中間,關(guān)鍵詞描述:
「A portal to another dimension, with a blonde woman dressed as space girl, cyber punk style, hyperrealism, 4k, natural light. --v 5.1」
如果我想在不摳像、不變形拉伸的情況下,把圖片變成橫版尺寸,并把人物移到畫(huà)面右邊,需要在PS(Beta)中怎么操作呢?
① 先把例圖拖到PS中,用[C]裁剪工具在畫(huà)布左邊拉一個(gè)空白。
② 切換到[M]選框工具,框選剛才拉出的空白畫(huà)布,下方會(huì)出現(xiàn)一個(gè)工具欄。
③ 點(diǎn)擊工具欄的第一個(gè)「創(chuàng)成式填充」按鈕,進(jìn)入到AI創(chuàng)意填充功能。
PS的創(chuàng)意填充看起來(lái)很像把Midjourney的輸入框移植到PS中,但功能上又和Midjourney不太一樣:
·PS的輸入框沒(méi)有復(fù)雜的指令,只需要輸入關(guān)鍵詞描述,就能夠在選區(qū)內(nèi)生成想要的內(nèi)容;
·支持不輸入內(nèi)容,直接點(diǎn)擊「生成」按鈕,AI會(huì)根據(jù)畫(huà)面周圍的內(nèi)容智能填充選區(qū)。
三、不輸入內(nèi)容直接生成
第一次體驗(yàn)我沒(méi)有輸入任何內(nèi)容,直接點(diǎn)擊PS的「生成」按鈕,一次能生成3張圖片。點(diǎn)擊左右箭頭可以切換查看3張圖,如果覺(jué)得不滿意可以再點(diǎn)擊「生成」,再生成3張?zhí)畛鋱D。
效果圖1??
效果圖2??
效果圖3??
第一次測(cè)試生成的圖片效果遠(yuǎn)超出預(yù)期,和原圖風(fēng)格也很接近,唯一不足的地方是和原圖拼接處有一條白線,看起來(lái)有點(diǎn)礙眼。
經(jīng)過(guò)多次嘗試后,終于發(fā)現(xiàn)了問(wèn)題所在:如果框選時(shí)剛好只選取了空白畫(huà)布,生成出來(lái)的新圖和原圖之間就會(huì)產(chǎn)生明顯的接縫。簡(jiǎn)單高效的解決方式是在框選畫(huà)布的時(shí)候多框一點(diǎn)點(diǎn)原圖。
這樣再點(diǎn)擊「生成」按鈕,運(yùn)算出來(lái)就會(huì)有很完美的過(guò)渡,看不出破綻。
四、輸入關(guān)鍵詞描述
體驗(yàn)完不輸入關(guān)鍵詞直接生成后,接下來(lái)體驗(yàn)一下輸入關(guān)鍵詞描述后生成的圖片效果如何~這次使用同樣的方法在例圖右側(cè)先拉出一個(gè)空白畫(huà)布,輸入關(guān)鍵詞描述:
「Particle effect, sense of technology」
生成的圖片效果很棒,和原圖完美地融合在一起,不得不服啊太厲害了!
效果圖1??
效果圖2??
右側(cè)的屬性欄會(huì)記錄你剛輸入的關(guān)鍵詞,可以隨時(shí)修改關(guān)鍵詞,點(diǎn)擊再次生成3張圖,依次類推,生成的所有圖都會(huì)保留下來(lái),方便選擇。
最后
通過(guò)這次體驗(yàn)感覺(jué)PS的AI填充非常強(qiáng)大,而且效果很精準(zhǔn),誰(shuí)能想到在PS中就能完成對(duì)一張圖的拉伸和智能填充。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
首先說(shuō)明,競(jìng)品調(diào)研的方法有很多,本文只提供一種方法供參考,建議大家活學(xué)活用。
建議從下面4個(gè)方面入手:
1)調(diào)研背景
主要說(shuō)一些為什么要調(diào)研,希望通過(guò)調(diào)研答達(dá)到什么樣的目的?是視覺(jué)升級(jí)、體驗(yàn)升級(jí)還是為了提升轉(zhuǎn)化率?只有了解為什么做調(diào)研這件事情,才能知道從哪幾個(gè)維度調(diào)研。
2)調(diào)研樣本
建議選幾個(gè)直接競(jìng)品,再選幾個(gè)優(yōu)秀的次要競(jìng)品也是可以的,可以幫助補(bǔ)齊盲點(diǎn)。
3)調(diào)研維度
調(diào)研維度要根據(jù)調(diào)研目的來(lái)確定,例如如果是為了視覺(jué)升級(jí),那么調(diào)研維度主要就集中在視覺(jué)效果上,如果是體驗(yàn)升級(jí),那么調(diào)研維度主要集中在交互體驗(yàn)層面。
所以維度的選擇一定是和此次調(diào)研的目的緊密相關(guān)的,不過(guò),倒也不是說(shuō)如果是視覺(jué)升級(jí)就只調(diào)研視覺(jué)方面的內(nèi)容,而是咱們要有一個(gè)主要的調(diào)研方向,啥都想要,最后啥都做不好。
4)結(jié)論
結(jié)論是最重要的,畢竟,做這次的調(diào)研不就是為了這份結(jié)論嗎?所以最后一定要有結(jié)論,也就是咱們通過(guò)調(diào)研得到了什么結(jié)論。
我公司這個(gè)項(xiàng)目是做一個(gè)官網(wǎng)的改版,官網(wǎng)主要就改版主要目標(biāo)有兩個(gè):
第一個(gè)目標(biāo)是視覺(jué)體驗(yàn)升級(jí),拆解下來(lái)就是界面更好看,內(nèi)容更好找。
第二個(gè)目標(biāo)是提升用戶轉(zhuǎn)化率,更細(xì)致的拆解一下就是讓更多的用戶點(diǎn)擊【咨詢】按鈕。
可以得到關(guān)鍵詞:界面更好看、內(nèi)容更好找、咨詢客服的人數(shù)更多。
好,咱們繼續(xù),下一步是找樣本。
前面提到過(guò),樣本最好是直接競(jìng)品+間接競(jìng)品(主要是一線大廠競(jìng)品)。
所以這次調(diào)研我選擇了幾個(gè)直接競(jìng)品的官網(wǎng),以及華為、飛書(shū)等這樣的做的比較優(yōu)秀的產(chǎn)品進(jìn)行輔助分析。
調(diào)研維度又可以分為兩大部分:整體結(jié)構(gòu)、內(nèi)容拆解。
了解整體架構(gòu)是每個(gè)競(jìng)品調(diào)研都離不開(kāi)的步驟,可以幫助我們快速了解行業(yè)內(nèi)的通識(shí)性做法,畢竟站在巨人的肩膀上才能看得更遠(yuǎn)嘛。
1)整體架構(gòu)
我當(dāng)時(shí)的做法是把主要競(jìng)品的官網(wǎng)都截圖下來(lái),然后一個(gè)模塊一個(gè)模塊的去分析,其實(shí)看下來(lái)你會(huì)發(fā)現(xiàn),大家的做法都是有跡可循的。
看下面的圖片,我把他們類似的模塊用同樣的顏色框出來(lái),框出來(lái)后就會(huì)發(fā)現(xiàn),哦,原來(lái),這就是行業(yè)內(nèi)的通識(shí)性做法。
然后我把這種通識(shí)性做法歸納總結(jié)出來(lái),發(fā)現(xiàn),其實(shí)官網(wǎng)首頁(yè)可以劃分為四大板塊:
你看,看似有很多復(fù)雜內(nèi)容的官網(wǎng), 其實(shí)也就這幾個(gè)模塊,這樣看是不是就清晰多了。
既然咱們通過(guò)架構(gòu)梳理來(lái)了官網(wǎng)的內(nèi)容,下一步就進(jìn)行內(nèi)容的拆解了,拆解什么內(nèi)容?就是拆解上面總結(jié)出來(lái)的規(guī)律呀。
2)內(nèi)容拆解
為啥要拆解內(nèi)容呢?
因?yàn)樵蹅兏?jìng)品分析的目的不就是要做到“人有我優(yōu)”嘛,咱們競(jìng)品分析是為了青出于藍(lán)而勝于藍(lán)呀,所以咱們不能直接抄人家的內(nèi)容,這是無(wú)效設(shè)計(jì),咱們要做的是分析他們的優(yōu)點(diǎn),然后借鑒,然后超越。
進(jìn)行內(nèi)容拆解的時(shí)候,建議先定幾個(gè)拆解維度,不然會(huì)沒(méi)有方向,這里我分了三個(gè)維度來(lái)進(jìn)行拆解:
我就拿【建立認(rèn)知】板塊來(lái)舉例。
官網(wǎng)首頁(yè)的建立認(rèn)知是什么?
是讓進(jìn)來(lái)的用戶對(duì)整個(gè)網(wǎng)站有一個(gè)基礎(chǔ)的認(rèn)知,顧客來(lái)了,對(duì)店鋪總要有一個(gè)第一印象吧。
通過(guò)前面的架構(gòu)拆解我們發(fā)現(xiàn),首頁(yè)一般使用4種方法來(lái)對(duì)用戶建立認(rèn)知,哪四種?
banner、產(chǎn)品介紹、解決方案、產(chǎn)品優(yōu)勢(shì)
一個(gè)用戶看了banner,瀏覽了產(chǎn)品介紹和解決方案,看了產(chǎn)品優(yōu)勢(shì),是不是對(duì)咱們的產(chǎn)品有了一個(gè)認(rèn)知了,這就是建立認(rèn)知的過(guò)程。
那么咱們?nèi)绾稳シ治瞿兀?br />
我的做法是一個(gè)個(gè)板塊分析,有些麻煩啊,但是相信我,值得。
下面我就拿建立認(rèn)知里面的“產(chǎn)品介紹”來(lái)舉例子,看看如何去分析產(chǎn)品介紹這個(gè)板塊。
使用3個(gè)維度來(lái)分析:
維度1:用戶訴求(用戶進(jìn)來(lái)之后的訴求)
產(chǎn)品介紹內(nèi)容是否有我需要的產(chǎn)品和功能?是否滿足我的需求?
維度2:業(yè)務(wù)策略(針對(duì)用戶訴求,業(yè)務(wù)是怎么解決的)
講清楚三個(gè)問(wèn)題,即“我們的產(chǎn)品是什么”、“我們能做什么”、“我們有什么優(yōu)勢(shì)“
維度3:常用表達(dá)形式(用什么樣的表達(dá)方式來(lái)實(shí)現(xiàn)策略)
拆解下來(lái),是不是對(duì)產(chǎn)品介紹板塊很了解了,產(chǎn)品介紹板塊主要的目的就是為了講清楚咱們是誰(shuí),咱們的優(yōu)勢(shì)啊。王婆賣瓜,瓜雖好,但是咱們得讓來(lái)的人知道咱們的瓜好呀,所以表達(dá)方式也是至關(guān)重要的,用什么形式去表達(dá)這個(gè)板塊呢?其實(shí)競(jìng)品已經(jīng)有了很好的解決方案,那就是上面描述的。
你看,這樣一通分析,其實(shí)你的方案就自然而出來(lái)了,你知道往哪個(gè)方向去使勁了,而不是看別人有啥咱們就做啥。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
先問(wèn)你一個(gè)問(wèn)題。
拼多多、淘寶、京東這三家購(gòu)物平臺(tái),你認(rèn)為它們的區(qū)別是什么?
或者換個(gè)方式問(wèn)你。
買電器你去哪個(gè)平臺(tái)?
買衣服你去哪個(gè)平臺(tái)? 買垃圾袋你去哪個(gè)平臺(tái)?
是不是有了答案了?
沒(méi)猜錯(cuò)的話, 大部分人的答案是:買電器去京東、買衣服去淘寶、買垃圾袋去拼多多。
你看,這就是一個(gè)購(gòu)物心智模型,你的心里對(duì)這三家平臺(tái)已經(jīng)產(chǎn)生了固有的心智,如果讓你去京東買衣服,你會(huì)不會(huì)覺(jué)得,有些別扭?
沒(méi)錯(cuò),這就是心智模型。
百度百科對(duì)心智模型的定義是:
“深植我們心中關(guān)于我們自己、別人、組織及周圍世界每個(gè)層面的假設(shè)、形象和故事。并深受習(xí)慣思維、定勢(shì)思維、已有知識(shí)的局限?!?br />
關(guān)鍵詞是:故事、習(xí)慣、局限。
淘寶一開(kāi)始就我們講了一個(gè)故事,一個(gè)萬(wàn)能的集市,我們習(xí)慣在上面買衣服,但是也產(chǎn)生了局限性,那就是,當(dāng)我們想買大額電器的時(shí)候,還是會(huì)選擇京東。
我個(gè)人對(duì)心智模型的理解是:
我們內(nèi)心深處對(duì)一個(gè)事物的看法。
空口聊天多沒(méi)意思,下面舉個(gè)例子。
這是一尊陶俑,第一眼你覺(jué)得她像什么?
是不是覺(jué)得像米老鼠?
為什么?
因?yàn)樘召傅念^上的發(fā)髻和米老鼠標(biāo)志性的耳朵很像。
如果你從沒(méi)見(jiàn)過(guò)米老鼠,你還會(huì)覺(jué)得她像米老鼠嗎?
一定不會(huì)。
這就是心智模型,你對(duì)頭頂?shù)拇髨A形的心智是“米老鼠”,所以一旦你看到類似的形狀,米老鼠的形象就會(huì)浮現(xiàn)出來(lái),這個(gè)發(fā)髻的形狀和你心里對(duì)米老鼠的形象產(chǎn)生了匹配。
對(duì)心智模型有沒(méi)有一點(diǎn)印象了?
下面我們接著聊。
我不想用具體的界面來(lái)聊,那樣的話太散,我認(rèn)為要想理解一個(gè)概念,最好還是從“面”的角度來(lái)說(shuō),所以下面我會(huì)舉一些商業(yè)上的案例來(lái)輔助理解。
心智模型有哪三種運(yùn)用方式?
第一種:創(chuàng)建新的心智模型
第二種:改變舊的心智模型
第三種:匹配現(xiàn)有的心智模型
可以理解成一件事情的新生、改變和延續(xù)。
下面咱們一個(gè)個(gè)來(lái)。
第一種:創(chuàng)建新的心智模型
難度指數(shù):難啊。
記得《盜夢(mèng)空間》里最難的是什么嗎?
最難的不是盜夢(mèng),而是植入一個(gè)想法。
創(chuàng)建新的心智模型有異曲同工之妙,都是讓別人內(nèi)心接收一個(gè)事物,需要刻意培養(yǎng)。
舉幾個(gè)例子。
當(dāng)年外賣剛開(kāi)始的時(shí)候,家家搞補(bǔ)貼,很多時(shí)候幾乎不花錢就可以點(diǎn)外賣,后來(lái)這些福利沒(méi)有了,為啥?
因?yàn)辄c(diǎn)外賣的心智已經(jīng)培養(yǎng)好了,你離不開(kāi)它了,所以平臺(tái)可以“不慣著你了”。
還有唯品會(huì)的正品低價(jià)、瑞幸一開(kāi)始的星巴克平替,這些都是他們想要植入到用戶大腦中的心智。
為什么要費(fèi)勁植入一個(gè)新的想法?
因?yàn)橐坏┲踩肓?,就很難改變。
現(xiàn)在我身邊的很多朋友想買一些低價(jià)的品牌都會(huì)上唯品會(huì),買咖啡會(huì)喝瑞幸,一旦用戶的習(xí)慣養(yǎng)成就很難改變,意味著什么?
意味著留存和轉(zhuǎn)化的成本更低了。
第二種:改變舊的心智模型
難度指數(shù):也難。
《盜夢(mèng)空間》里小李子的妻子被他植入了一個(gè)想法“你不在現(xiàn)實(shí)世界里”,當(dāng)他和他妻子回到現(xiàn)實(shí)世界后,他妻子仍舊認(rèn)為自己不在現(xiàn)實(shí)世界里,這個(gè)被植入的想法已經(jīng)根深蒂固,很難改變。
所以改變舊的心智也不簡(jiǎn)單。
例如小米最初主打極致性價(jià)比,后來(lái)想往高端路線走,很難,大家心里已經(jīng)認(rèn)準(zhǔn)了小米就是“性價(jià)比之王”,也就是你的產(chǎn)品不僅要好還要便宜。
這就導(dǎo)致小米一漲價(jià),大家就罵他們忘了初心……所以小米拆分出了紅米主攻性價(jià)比,小米往高端發(fā)展,但是仍舊很難。
拼多多的百億補(bǔ)貼也是一樣的道理,一開(kāi)始的砍一刀深入人心,大家對(duì)拼多多的心智已經(jīng)成型:便宜,質(zhì)量一般。拼多多想改變這個(gè)心智,推出百億補(bǔ)貼,并承諾假一賠十,就是想告訴大家,我拼多多,也是有正品好貨的。不過(guò),效果嘛,見(jiàn)仁見(jiàn)智。
第三種:匹配現(xiàn)有的心智模型
難度指數(shù):相對(duì)簡(jiǎn)單。
其實(shí)匹配現(xiàn)有的心智模型,是相對(duì)最簡(jiǎn)單的方法,市場(chǎng)已經(jīng)幫你把用戶習(xí)慣培養(yǎng)好了,你直接使用,那肯定事半功倍,省時(shí)省力啊。
舉個(gè)例子,大家最近有關(guān)注小米的 13 Ultra 嗎?
小米和徠卡聯(lián)合研發(fā)的,主打徠卡調(diào)色的相機(jī)。
我有一個(gè)同事就直接把手里的微單換成了 13 Ultra ,因?yàn)榕恼兆銐蚝每炊冶銛y。
這里不是要推銷手機(jī)啊,是想讓你們了解 13 Ultra 是個(gè)什么東西。
然后給大家看看它的手柄(一個(gè)配角,可以拆卸)。
是不是有些熟悉?
和相機(jī)像不像?
這個(gè)手柄就是沿用了相機(jī)的心智模式。
小結(jié)一下:
心智模型有3種用法:
新建:創(chuàng)建新的心智模型
改變:改變舊的心智模型
延續(xù):匹配現(xiàn)有的心智模型
下面聊聊,咱們?cè)趺醋霾拍芨悠ヅ溆脩舻男闹悄P停?
同樣的,我不會(huì)拿具體頁(yè)面來(lái)舉例,還是希望把思考方式分享給大家,而不是某一個(gè)頁(yè)面的設(shè)計(jì)。
要想匹配用戶的心智模型其實(shí)就三步:
了解業(yè)務(wù)、了解用戶、競(jìng)品調(diào)研。
或者可以這么說(shuō), 在懂業(yè)務(wù)、懂用戶的基礎(chǔ)上,還要了解行業(yè)內(nèi)的通用做法。
1)了解業(yè)務(wù)
一定要了解業(yè)務(wù),為什么?
因?yàn)楹玫脑O(shè)計(jì)方案千千萬(wàn),但是匹配你的業(yè)務(wù)的方案才是好方案,如果不了解業(yè)務(wù),可能設(shè)計(jì)出來(lái)的方案就是自嗨,例如網(wǎng)上很多的dribble風(fēng)設(shè)計(jì)。
又比如說(shuō)手機(jī)瀏覽器一般都把搜索框放到屏幕頂部,而夸克瀏覽器卻把搜索框放到了下面。
為什么?
因?yàn)榭淇讼胪品瓊鹘y(tǒng)的瀏覽器,想打造一款更年輕更好用的瀏覽器,把搜索框放到下面也是滿足他們的業(yè)務(wù)訴求,現(xiàn)在手機(jī)屏幕越來(lái)越大,搜索框放在下面手指操作更加方便。
所以,一定要先去了解業(yè)務(wù)。
拼多多和淘寶同樣都是電商平臺(tái),可它們的用戶心智相差甚大,因?yàn)樽詈蠓桨冈O(shè)計(jì)是服務(wù)于最初的業(yè)務(wù)目標(biāo)的,業(yè)務(wù)不同,呈現(xiàn)的方案也不一樣,最后讓用戶形成的心智也不同。
2)了解用戶
為啥?給老人和小孩設(shè)計(jì)的界面能一樣嗎?
就拿顏色和文字來(lái)說(shuō)。
小孩喜歡高飽和、豐富的顏色,而老人則需要考慮在各種場(chǎng)景下都能看得清楚信息的顏色。
小孩喜歡圓潤(rùn)的卡通字體,而老人需要識(shí)別度更高的字體,更大的字號(hào)。
不同的用戶,采用的設(shè)計(jì)一定是不同的,只有了解了他們的喜好和痛點(diǎn),才能做出符合他們心智模型的設(shè)計(jì)。
3)競(jìng)品調(diào)研
為啥要競(jìng)品調(diào)研呢?
因?yàn)楦?jìng)品和我們的產(chǎn)品類似,那么意味著用戶大概率重合度也高,甚至業(yè)務(wù)上都有一定相似度,那么意味著,競(jìng)品的方案,大概率是經(jīng)過(guò)市場(chǎng)驗(yàn)證的符合用戶心智模型的方案。
你看,既然競(jìng)品已經(jīng)給咱們打了個(gè)樣,為何還要自己悶頭造輪子呢?
咱們目的是解決問(wèn)題,又不是為了證明自己很厲害。
但是,不要誤解,我不是說(shuō)照著競(jìng)品抄,而是取長(zhǎng)補(bǔ)短,所以不僅要調(diào)研,還要分析,分析就是把競(jìng)品的優(yōu)劣勢(shì)找出來(lái),好的地方咱們可以酌情借鑒,不好的地方,咱們也要避個(gè)雷嘛。
好了,小結(jié)一下,要想匹配用戶的心智模型,一定要了解業(yè)務(wù)、了解用戶,還要做競(jìng)品調(diào)研了解市場(chǎng)的通識(shí)性做法。
以上。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
什么是好的設(shè)計(jì)?好設(shè)計(jì),就是不改稿的設(shè)計(jì),甲方買單的設(shè)計(jì),這句話多大多數(shù)設(shè)計(jì)師來(lái)說(shuō)是沒(méi)錯(cuò)的。因?yàn)樵O(shè)計(jì)師也要吃飯的、要生活。只要客戶買單了,我們就能達(dá)到經(jīng)濟(jì)上的收益。
但是僅僅客戶買單就足夠了嗎?我覺(jué)得對(duì)于一個(gè)想要提升自己的設(shè)計(jì)師來(lái)說(shuō)并不足夠。這個(gè)客戶買單了說(shuō)明你在一定程度上,在當(dāng)前滿足了這個(gè)需求層次或者審美的客戶群體。
當(dāng)客戶發(fā)現(xiàn)設(shè)計(jì)并沒(méi)有在實(shí)際宣傳中達(dá)到目的,買完單的客戶也沒(méi)辦法回頭再找設(shè)計(jì)師退款,但是,可想而知這個(gè)客戶就流失了。而且如果只滿足于應(yīng)對(duì)這一需求層次的客戶,當(dāng)面對(duì)要求更高的客戶的時(shí)候,我們也會(huì)變得無(wú)能為力。只能看著客戶流失,或者勉強(qiáng)接下項(xiàng)目,卻在不斷的改稿中疲于奔命。
想了解什么是好的設(shè)計(jì),首先需要要了解什么是設(shè)計(jì),設(shè)計(jì)的目的是什么。
設(shè)計(jì)是有目的的策劃,平面設(shè)計(jì)是這些策劃將要采取的形式之一,在平面設(shè)計(jì)中你需要用視覺(jué)元素來(lái)傳播你的設(shè)想和計(jì)劃,用文字和圖形把信息傳達(dá)給受眾,讓人們通過(guò)這些視覺(jué)元素了解你想表達(dá)的信息,這才是我們?cè)O(shè)計(jì)的定義。平面設(shè)計(jì)的目的不僅是視覺(jué)表層的美觀度,更重要的、最根本的是信息的傳達(dá)。
所以好的設(shè)計(jì)就是,能準(zhǔn)確直觀的傳播設(shè)計(jì)目的,被受眾更有效、更愿意接收信息的設(shè)計(jì)。簡(jiǎn)單來(lái)講,信息(包括內(nèi)容信息和情感信息)傳達(dá)的是設(shè)計(jì)的基礎(chǔ),是設(shè)計(jì)中一切行為的第一準(zhǔn)則,是對(duì)的設(shè)計(jì)。在此基礎(chǔ)上具備良好的美感傳達(dá)就是好的設(shè)計(jì)。
我們可能在設(shè)計(jì)學(xué)習(xí)過(guò)程中學(xué)到了很多的設(shè)計(jì)法則,形式美法則、創(chuàng)意思維、排版原則、色彩原則、字體運(yùn)用原則。但是很多時(shí)候用到的時(shí)候就想不起來(lái),用了也沒(méi)達(dá)到效果?
我理解更多的是因?yàn)闆](méi)有從根本上理解這些法則存在的意義、運(yùn)用的目的。設(shè)計(jì)師應(yīng)該做最吝嗇的人,過(guò)程中每一個(gè)視覺(jué)元素的運(yùn)用都要有其目的性。這個(gè)目的性就應(yīng)該是信息傳達(dá)和美感傳達(dá)。以此為標(biāo)準(zhǔn)反復(fù)檢驗(yàn)自己的設(shè)計(jì)作品,相信我們能做出好的設(shè)計(jì)。
(一)客戶對(duì)設(shè)計(jì)的期待信息準(zhǔn)確有效傳遞,受眾對(duì)信息要求直觀、易讀。
這是一個(gè)高效時(shí)代,時(shí)間就是金錢。同時(shí)是一個(gè)信息大爆炸的時(shí)代,每天我們會(huì)面對(duì)各種不同媒介的信息,不斷沖擊這我們的視覺(jué)。我們不能要求受眾有時(shí)間和耐心完整仔細(xì)的觀看閱讀整個(gè)設(shè)計(jì)。這就要求我們的設(shè)計(jì),即便一眼,就能判斷設(shè)計(jì)究竟在表現(xiàn)什么信息,而不被其他不重要信息干擾。當(dāng)客戶對(duì)表達(dá)信息有一個(gè)直觀的概念后,希望繼續(xù)閱讀下去的話,我們就要在易讀方面進(jìn)行深化。
明確最重要的信息
對(duì)于設(shè)計(jì)需求的分析得出最重要的信息,最想傳達(dá)的信息
突出最重要的信息
將它擺放在突出的位置,整體的烘托,對(duì)比的凸顯,合適的構(gòu)圖
次要信息
相對(duì)最重要的信息較弱
信息的篩選
設(shè)計(jì)中包含的信息必須有明確的效用,而不被不必要的信息干擾導(dǎo)致失去閱讀興趣
設(shè)置重要等級(jí)
針對(duì)內(nèi)容設(shè)置重要性等級(jí),然后根據(jù)相應(yīng)等級(jí)進(jìn)行設(shè)計(jì)。
信息分組
這是受眾感知多條信息的前題,將相關(guān)的信息放置或整合為一體,這樣就可以實(shí)現(xiàn)分組。大多數(shù)情況下三至四個(gè)信息組已經(jīng)足夠了。
閱讀性文字排版 (閱讀性文字指的是需要受眾閱讀的,而非裝飾性、不需要識(shí)別性的)
在文字排版當(dāng)中易讀是必須追求的。
對(duì)齊:為了達(dá)到易讀效果,首先要從對(duì)齊開(kāi)始。
檢索:易于檢索目標(biāo)內(nèi)容,精心處理檢索方式。(依據(jù)版式設(shè)計(jì)原則中的對(duì)比,重復(fù)原則實(shí)現(xiàn))
記憶:要點(diǎn)便于記憶,突出主要內(nèi)容。(依據(jù)版式設(shè)計(jì)原則中的對(duì)比,重復(fù)原則實(shí)現(xiàn))
文字:文字大小、字間距、行距、字體、文字的排布五個(gè)方面。過(guò)小的字體、過(guò)大的字體,過(guò)度裝飾的字體,不符合視覺(jué)流程,不合理的版式布局。都是會(huì)影響閱讀的易讀性。
(二)客戶對(duì)設(shè)計(jì)的期待能引人注意、獲得好的反饋,受眾希望從設(shè)計(jì)中收到某種刺激、有所收獲。
人們每天沒(méi)數(shù)量驚人的信息淹沒(méi),面對(duì)潮水涌來(lái)的信息。我們的頭腦中會(huì)形成一個(gè)過(guò)濾器,只會(huì)對(duì)能引發(fā)我們興趣的信息,能夠得到某種刺激的信息,才能順利通過(guò)并留下清晰的印象。因此,想要設(shè)計(jì)從眾多信息中脫穎而出并抓住受眾的實(shí)現(xiàn)。就必須引人注目、傳遞刺激,讓受眾在你的設(shè)計(jì)上逗留。
美的視覺(jué)效果比較容易給人帶來(lái)刺激
這時(shí)候我們學(xué)習(xí)的各種原則知識(shí),構(gòu)成知識(shí)(點(diǎn)線面,平衡、對(duì)比、調(diào)和、節(jié)奏、變異.....)、版式知識(shí)(位置、比例、分割、留白、網(wǎng)格.....)等都可以充分發(fā)揮作用了。
滿足期待
人們希望沖設(shè)計(jì)只能夠得到收獲,包括有用的文字信息和情感上的。反過(guò)來(lái)如果已經(jīng)知道了,沒(méi)有興趣,無(wú)我無(wú)關(guān)的信息,是無(wú)法吸引受眾的。選用一種能夠傳達(dá)設(shè)計(jì)內(nèi)容及主題思想的吸睛元素就很有必要??梢允俏淖郑ǘY物、服務(wù)、免費(fèi)、抽獎(jiǎng)、限時(shí)、折扣等)或者圖形元素、圖片。
吸睛元素與設(shè)計(jì)需求要匹配
選取吸睛元素必須與設(shè)計(jì)主題信息密切相關(guān)。例如,在定位是高品質(zhì)的項(xiàng)目設(shè)計(jì)中,放置一個(gè)花哨刺眼的打折;在畫(huà)面中一個(gè)無(wú)關(guān)的美女。這確實(shí)很可能在短時(shí)間內(nèi)贏得受眾的注意,但是當(dāng)文字或圖片與設(shè)計(jì)需要傳達(dá)的信息完全無(wú)關(guān)的情況下。也會(huì)很快的失去他們的關(guān)注。
情感刺激
一個(gè)好的吸睛元素往往能激發(fā)受眾的情感——受眾會(huì)覺(jué)得驚喜,感覺(jué)自己的情感獲得了認(rèn)可,也可能會(huì)對(duì)設(shè)計(jì)產(chǎn)生共鳴。一旦感情上拉近了受眾與設(shè)計(jì)的距離,就有可能增加受眾良好的反饋行動(dòng)達(dá)到商業(yè)目的(購(gòu)買產(chǎn)品、產(chǎn)生消費(fèi)等)。
消極情感
人們被設(shè)計(jì)激發(fā)的情感并非總是積極正面的。更重要的是有針對(duì)性的激發(fā)觀眾的情感。應(yīng)該根據(jù)不同的設(shè)計(jì)目的,激發(fā)觀眾內(nèi)心相應(yīng)的情感。例如一個(gè)減肥中心的宣傳設(shè)計(jì),畫(huà)面營(yíng)造一種胖人失落的畫(huà)面(沒(méi)有偏見(jiàn)我自己也是個(gè)胖子~),從而激發(fā)受眾不安的消極情緒。這也可能引起受眾的關(guān)注,并愿意深入了解。
受眾反應(yīng)的不確定性
視覺(jué)會(huì)給人帶來(lái)一連串的生理上的、心理上的、情感上的、行動(dòng)上的反應(yīng),設(shè)計(jì)是視覺(jué)經(jīng)驗(yàn)的科學(xué)。他包括兩個(gè)方面,一個(gè)是不以人為而改變的即生理感受的人的基本反應(yīng),另一個(gè)是隨即的或不確定因素構(gòu)成。如個(gè)人喜好,性格等等、等等,導(dǎo)致我們無(wú)法完全確定受眾在面對(duì)設(shè)計(jì)時(shí)候的情感等反應(yīng)。
相對(duì)穩(wěn)定的方面: 主要是生理上的視知覺(jué),人們的一些視覺(jué)習(xí)慣、視覺(jué)流程、視覺(jué)邏輯,如從上到下,從左到右,喜歡連貫的、重復(fù),喜歡有對(duì)比的,還有在顏色方面人們最喜歡的其實(shí)是有對(duì)比的互補(bǔ)色等等。這都是跟人們的生理上的習(xí)慣有關(guān),都是人生理機(jī)能的本能反應(yīng)。作為設(shè)計(jì)師應(yīng)該對(duì)這些知識(shí)能充分了解、靈活運(yùn)用,設(shè)計(jì)是對(duì)人本的關(guān)注,首先應(yīng)對(duì)文化與人的感知方式這些相對(duì)穩(wěn)定的方面進(jìn)行研究,并且需要我們?cè)趯?shí)踐中去總結(jié)。
不穩(wěn)定的方面: 不穩(wěn)定的方面主要是指情感、素質(zhì)、品位、閱歷上的不同,在設(shè)計(jì)過(guò)程中你需要具備一定的判斷和把握能力,你需要客觀和克制,才能完成卓越的設(shè)計(jì)。
設(shè)計(jì)思維的科學(xué): 設(shè)計(jì)是必須具有科學(xué)的思維方法,能在相同中找到差別,能在不同當(dāng)中找到共同之處,能掌握運(yùn)用各種思維方法,如縱向關(guān)聯(lián)思維和橫向關(guān)聯(lián)思維以及發(fā)散式的思維,善于運(yùn)用科學(xué)的思維方式找到奇特的新的視覺(jué)形象,才能不斷發(fā)現(xiàn)新的可能。
設(shè)計(jì)學(xué)習(xí)過(guò)程中的總結(jié)和整理,有些內(nèi)容來(lái)自網(wǎng)絡(luò),如有冒犯請(qǐng)聯(lián)系我刪改!僅為自身學(xué)習(xí)提升的記錄,如果對(duì)內(nèi)容有更好的理解,歡迎交流探討。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ái),行業(yè)內(nèi)不斷探索廣告的新玩法,激勵(lì)視頻廣告成為一種愈加流行的廣告形式,當(dāng)前已經(jīng)是媒體主流變現(xiàn)模式之一,以滿足廣告主營(yíng)銷效果、媒體變現(xiàn)效率最大化。對(duì)用戶而言,觀看激勵(lì)視頻廣告能夠獲得相應(yīng)獎(jiǎng)勵(lì);對(duì)于客戶,激勵(lì)視頻廣告通過(guò)獎(jiǎng)勵(lì)機(jī)制,得到更長(zhǎng)時(shí)間的曝光來(lái)提升轉(zhuǎn)化率;對(duì)于平臺(tái),有更高的變現(xiàn)效率能帶來(lái)更高的收益。
百度激勵(lì)視頻廣告承載著百度APP任務(wù)系統(tǒng)、權(quán)益場(chǎng)景、活動(dòng)場(chǎng)景等的重要變現(xiàn)任務(wù),本文將從激勵(lì)視頻廣告的框架、提升轉(zhuǎn)化效果兩個(gè)方面,來(lái)闡述容器結(jié)構(gòu)設(shè)計(jì)與提升轉(zhuǎn)化效果的設(shè)計(jì)思考。
框架:建立場(chǎng)景核心轉(zhuǎn)化流程
激勵(lì)視頻廣告是獨(dú)立的視頻場(chǎng)景,場(chǎng)景內(nèi)的元素布局、容器結(jié)構(gòu)不依賴于所在的宿主場(chǎng)景,在整個(gè)交互鏈路中能夠采用更有創(chuàng)新的設(shè)計(jì)形式。
1、布局跨場(chǎng)景橫向一致
基于激勵(lì)視頻廣告的元素來(lái)明確內(nèi)容分區(qū),考慮元素作用與通用性可分為頂部框架區(qū)、附加掛載區(qū)、內(nèi)容信息區(qū)、轉(zhuǎn)化決策區(qū),在結(jié)構(gòu)設(shè)計(jì)上,將核心獎(jiǎng)勵(lì)計(jì)時(shí)組件置于頂部框架區(qū)并保持穩(wěn)定展現(xiàn),保證百度APP內(nèi)的視頻廣告在布局上橫向一致性,同時(shí)也有利于場(chǎng)景之間創(chuàng)意交叉驗(yàn)證與復(fù)用。
2、容器、元素組件選型
從激勵(lì)視頻的鏈路流程出發(fā),結(jié)合主動(dòng)交互行為的各類組件狀態(tài):獎(jiǎng)勵(lì)計(jì)時(shí)與完成、視頻播放與完播、瀏覽落地頁(yè)、退出挽留四種核心狀態(tài)。
1)獎(jiǎng)勵(lì)計(jì)時(shí)與完成:考慮獎(jiǎng)勵(lì)計(jì)時(shí)器會(huì)存在于多種不同場(chǎng)景情況,需要具備橫向統(tǒng)一的計(jì)時(shí)形式來(lái)穩(wěn)定用戶預(yù)期,以及通過(guò)視覺(jué)反饋給予用戶明確的狀態(tài)變化感知,來(lái)降低不同場(chǎng)景下的理解成本,通過(guò)ABtest的方式,最終選用場(chǎng)景元素圖標(biāo)與文本計(jì)時(shí)形式,圖標(biāo)能夠根據(jù)獎(jiǎng)勵(lì)的不同支持靈活配置,滿足多元化場(chǎng)景的適配訴求,同時(shí)選用視覺(jué)感知較弱的樣式與動(dòng)畫(huà)形式,盡可能避免與點(diǎn)擊、轉(zhuǎn)化無(wú)關(guān)的元素動(dòng)畫(huà)稀釋用戶對(duì)內(nèi)容的注意力,從而影響廣告效果。
2)視頻播放與完播:播放狀態(tài)下,為盡量降低對(duì)視頻內(nèi)容的遮擋,在轉(zhuǎn)化組件的呈現(xiàn)上,采用“延遲展現(xiàn)吸引觀看,漸進(jìn)式增強(qiáng)吸引點(diǎn)擊”的手段,視頻完播狀態(tài)下呈現(xiàn)視頻尾幀,尾幀增加再看一個(gè)視頻功能,為想要獲得金幣的用戶縮短操作步長(zhǎng),提升激勵(lì)視頻廣告的分發(fā)。
3)瀏覽落地頁(yè):瀏覽落地頁(yè)過(guò)程中也需明示獎(jiǎng)勵(lì)計(jì)時(shí),為了保證視頻場(chǎng)景和落地頁(yè)場(chǎng)景的計(jì)時(shí)延續(xù)與組件統(tǒng)一性,采用避讓計(jì)時(shí)組件的面板化落地頁(yè)容器。
4)退出挽留:當(dāng)用戶在不同獎(jiǎng)勵(lì)狀態(tài)下會(huì)在退出的主動(dòng)行為,挽留彈窗承載挽留與再看功能的重要作用,彈窗作為前后鏈路場(chǎng)景的共性組件,在彈窗設(shè)計(jì)上頂部承載所在場(chǎng)景主視覺(jué)IP,以滿足多元化場(chǎng)景的下活動(dòng)主視覺(jué)的延續(xù),使激勵(lì)視頻廣告更契合所在活動(dòng)場(chǎng)景。
3、轉(zhuǎn)化鏈路降步長(zhǎng)
在原有的基礎(chǔ)路徑上,獎(jiǎng)勵(lì)計(jì)時(shí)與倒計(jì)時(shí)結(jié)束的兩個(gè)環(huán)節(jié)僅有計(jì)時(shí)器形態(tài)的變化,元素變化是容易起到聚焦視覺(jué)的作用的,以倒計(jì)時(shí)結(jié)束為節(jié)點(diǎn),將用戶從"視頻場(chǎng)景"帶入到"決策場(chǎng)景",通過(guò)容器結(jié)構(gòu)形態(tài)的變化來(lái)解放停留在計(jì)時(shí)器上的視覺(jué)焦點(diǎn),面板結(jié)構(gòu)能承載更多的增益內(nèi)容,延展信息載量,視頻完播是判斷用戶對(duì)內(nèi)容感興趣的重要契機(jī),在視頻完播狀態(tài)自動(dòng)調(diào)起落地頁(yè),通過(guò)縮短轉(zhuǎn)化步長(zhǎng)提升轉(zhuǎn)化效率。
激勵(lì)視頻廣告容器每一步迭代都伴隨大量的前置思考、歸因分析、嚴(yán)謹(jǐn)實(shí)驗(yàn),經(jīng)歷多輪迭代最終完成流程框架搭建,后面我們?nèi)砸伎既绾瓮ㄟ^(guò)設(shè)計(jì)方法,在現(xiàn)有的框架上進(jìn)一步提升轉(zhuǎn)化效果。
提轉(zhuǎn):內(nèi)容化與獎(jiǎng)勵(lì)玩法助決策
在廣告創(chuàng)意視角下,通過(guò)內(nèi)容信息命中用戶訴求、滿足心理期望能夠提升轉(zhuǎn)化效果;在用戶目標(biāo)視角下,我們希望充分發(fā)揮激勵(lì)機(jī)制,給予用戶更多豐富的獎(jiǎng)勵(lì)交互與玩法,持續(xù)獲取收益與滿足感。
1、增益信息前置,助力轉(zhuǎn)化決策
輪播推薦詞:推薦詞輪播的形式來(lái)營(yíng)造場(chǎng)景內(nèi)互動(dòng)氛圍,在一些節(jié)日期間通過(guò)契合節(jié)日的情感化文案,讓內(nèi)容更貼合節(jié)日營(yíng)銷氛圍,同時(shí)將落地頁(yè)中的優(yōu)質(zhì)廣告賣點(diǎn)、數(shù)據(jù)生成的熱度等多元的營(yíng)銷信息前置,助力用戶決策。
行動(dòng)號(hào)召詞:不同廣告內(nèi)容之間的轉(zhuǎn)化文案存在差異化的表達(dá),通過(guò)符合廣告內(nèi)容的決策性文案披露,將固定文案升級(jí)為營(yíng)銷目標(biāo)及類型特征文案,輔助轉(zhuǎn)化決策,在容器內(nèi)每一個(gè)元素都應(yīng)該作為廣告創(chuàng)意的一部分。
2、分段獎(jiǎng)勵(lì)計(jì)時(shí),引導(dǎo)視頻完播
點(diǎn)擊率、轉(zhuǎn)化率隨視頻播放時(shí)長(zhǎng)的數(shù)據(jù)變化,發(fā)現(xiàn)呈現(xiàn)正相關(guān)的趨勢(shì),我們希望用戶能夠選擇看完視頻,核心思路是將用戶從低變現(xiàn)效率場(chǎng)景,引導(dǎo)至高變現(xiàn)效率的場(chǎng)景,由此我們通過(guò)兩段計(jì)時(shí)獎(jiǎng)勵(lì)的設(shè)計(jì)形式,激勵(lì)用戶可以拿到更多獎(jiǎng)勵(lì)并將視頻看完,考慮多種不同場(chǎng)景以及理解成本的問(wèn)題,最終選用兩段獎(jiǎng)勵(lì)計(jì)時(shí)組件的方式。
3、彩蛋營(yíng)造驚喜,提升轉(zhuǎn)化
為了更好的匹配各大電商平臺(tái)調(diào)起類廣告的預(yù)算,大促期間的突然出現(xiàn)的禮物彩蛋為用戶營(yíng)造節(jié)日驚喜感,在點(diǎn)擊行為后,紅包元素的彈窗與彩帶動(dòng)畫(huà)形式來(lái)承載金幣獎(jiǎng)勵(lì)與氛圍,獎(jiǎng)勵(lì)感知的觸達(dá)能夠提升用戶的獲得感,同時(shí)在獎(jiǎng)勵(lì)彈窗上進(jìn)一步承載調(diào)起任務(wù),從而更好的滿足客戶營(yíng)銷訴求。
4、強(qiáng)化轉(zhuǎn)化組件,增強(qiáng)獎(jiǎng)勵(lì)觸達(dá)
延續(xù)以上驚喜感獎(jiǎng)勵(lì)滿足促轉(zhuǎn)化的思路,針對(duì)下載類廣告,我們?cè)谵D(zhuǎn)化組件上進(jìn)行與獎(jiǎng)勵(lì)內(nèi)容的結(jié)合,在任務(wù)計(jì)時(shí)完成但并沒(méi)有形成轉(zhuǎn)化的時(shí)機(jī)下,通過(guò)變色與光效視覺(jué)吸引來(lái)傳遞獎(jiǎng)勵(lì)信息,通過(guò)強(qiáng)化獎(jiǎng)勵(lì)感知和轉(zhuǎn)化組件來(lái)助力轉(zhuǎn)化決策。
寫(xiě)在最后
激勵(lì)視頻廣告至今經(jīng)歷了多個(gè)不同的階段,如何在商業(yè)效果與用戶感知之間選取一個(gè)平衡點(diǎn),一直都是激勵(lì)視頻廣告的長(zhǎng)久的設(shè)計(jì)課題,目前也只是一個(gè)開(kāi)始,還有很多的設(shè)計(jì)提轉(zhuǎn)機(jī)會(huì)點(diǎn)等待我們?nèi)ド钔?,相信在不久的將?lái)能夠探索更加多元的激勵(lì)玩法,發(fā)現(xiàn)更多契合用戶訴求的場(chǎng)景,為更好的價(jià)值生產(chǎn)不斷迭代功能與體驗(yàn),我們希望能夠給予用戶、客戶、平臺(tái)更多的價(jià)值增益,做用戶喜歡、客戶滿意、平臺(tái)有利的商業(yè)設(shè)計(jì)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
19世紀(jì)末,意大利經(jīng)濟(jì)學(xué)家和工程師維爾弗雷多·帕累托(Vilfredo Pareto)發(fā)現(xiàn),自家花園中80%的豌豆產(chǎn)自于20%的豌豆莢,在隨后研究土地所有權(quán)和財(cái)富不平等的問(wèn)題中,再次發(fā)現(xiàn)意大利 80%的土地屬于 20%的人。
20世紀(jì)初,由管理學(xué)家約瑟夫·朱蘭(Joseph Juran)將其命名為帕累托法則,即80%的結(jié)果是20%的原因造成的,并且號(hào)召關(guān)注「重要的少數(shù)」而不是在「瑣碎的多數(shù)」當(dāng)中投注精力。后續(xù)在經(jīng)濟(jì)學(xué)中得出結(jié)論(80%的財(cái)富掌握在20%的人手里)更加證實(shí)了帕累托法則的觀點(diǎn)。
帕累托法則有很多不同的叫法,如帕列托法則、關(guān)鍵少數(shù)法則、二八法則、巴萊特定律、最省力的法則、不平衡原則等,后續(xù)筆者將其稱為「80/20法則」。
其實(shí),80/20法則是一個(gè)較為抽象的概念,可以理解為:大部分的效果由少數(shù)幾項(xiàng)關(guān)鍵的因素來(lái)決定。在實(shí)際的場(chǎng)景中,“大部分”不是精確的80%,“幾項(xiàng)關(guān)鍵因素”也不是固定的20%,數(shù)據(jù)會(huì)有所浮動(dòng),可能是70%+30%或者90%+10%,但不管這些數(shù)字如何波動(dòng),其背后蘊(yùn)含的規(guī)律(集中的投入將產(chǎn)出大于預(yù)期的結(jié)果)是不變的,并且生活中存在的許多不平衡現(xiàn)象,都與這個(gè)規(guī)律相當(dāng)接近。
80/20法則并不受人為直接控制,更多時(shí)候是自然而然的形成,其適用領(lǐng)域非常廣泛。早期大多數(shù)用于社會(huì)、經(jīng)濟(jì)、管理以及工程等領(lǐng)域,而在80年代末就已經(jīng)有設(shè)計(jì)師將其設(shè)計(jì)領(lǐng)域,在各行各業(yè)中,已經(jīng)有大量的案例證明了 80/20原則:
70年代中期出現(xiàn)圖形化界面,而到80年代末,80/20法則就已經(jīng)被設(shè)計(jì)師引用在設(shè)計(jì)規(guī)范當(dāng)中,后續(xù)經(jīng)過(guò)不斷的發(fā)展及優(yōu)化,現(xiàn)已深入設(shè)計(jì)中的方方面面,PM用來(lái)處理KPI、UX用來(lái)劃分權(quán)重、UI用來(lái)決策版面布局等。
界面設(shè)計(jì)中該如何應(yīng)用80/20法則,這就需要設(shè)計(jì)師時(shí)刻注意如何讓用戶更快找到目標(biāo)、如何更順暢的完成任務(wù)以及如何擁有更愉悅的心理感受。例如80%的用戶只會(huì)用到20%的功能,那么設(shè)計(jì)師就應(yīng)該將80%的時(shí)間、精力集中在這20%的功能上,不斷迎合用戶需求以及使用體驗(yàn)。
80/20法則能夠幫助我們提供決策思路、梳理設(shè)計(jì)方向,通過(guò)前面的了解,我們應(yīng)該清楚了產(chǎn)品80%的用戶只會(huì)用到20%的功能,而80%的收益也恰恰來(lái)自于20%的付費(fèi)用戶,甚至低于20%。
雖然一直呼吁盡量滿足所有用戶,但產(chǎn)品團(tuán)隊(duì)的重心始終要圍繞著20%來(lái)進(jìn)行,從產(chǎn)品到設(shè)計(jì)、再到開(kāi)發(fā)測(cè)試,都能以此為方向制定問(wèn)題的解決方案。
任何一款產(chǎn)品都不能忽略主次,每隔一段時(shí)間就要重新評(píng)估功能價(jià)值,以備后續(xù)的更新迭代,針對(duì)非關(guān)鍵性的80%切勿耗費(fèi)過(guò)多的精力,以免喧賓奪主,不僅得到不好的反饋、還會(huì)帶來(lái)不必要的損失,吃力不討好。
對(duì)于已經(jīng)過(guò)期的核心(曾經(jīng)20%)功能,需要及時(shí)降低權(quán)重以及精力的消耗,不然即便是掌聲一片、也可能無(wú)法變現(xiàn)。
用20%的部分創(chuàng)造80%的價(jià)值,并不意味著只關(guān)注20%的關(guān)鍵性指標(biāo)、其它的就可以被忽略,這樣做表面上看是挺誘人,但會(huì)讓其他很多指標(biāo)停滯,呈現(xiàn)出產(chǎn)品過(guò)度優(yōu)化的情況,造成短時(shí)間內(nèi)隱藏的負(fù)面影響。
團(tuán)隊(duì)?wèi)?yīng)該要有眾覽全局的眼光,考慮到各指標(biāo)間的相互影響,可視情況而定將時(shí)間和精力合理分配,如90%+10%、80%+20%、70%+30%等,只要是將大部分用在關(guān)鍵性指標(biāo)上即可。
在UI設(shè)計(jì)中,我們會(huì)將主要精力花費(fèi)在20%的頁(yè)面設(shè)計(jì)上,例如APP底部標(biāo)簽欄的幾大主頁(yè)或其它重要的一/二級(jí)頁(yè)面,會(huì)花費(fèi)更多的心思去構(gòu)思不一樣的布局、表現(xiàn)手法,將設(shè)計(jì)功底凸顯出來(lái)。而剩下80%的頁(yè)面就相對(duì)機(jī)械化,會(huì)使用一些常規(guī)樣式以及復(fù)用的方式像搭積木一樣快速完成,成本之低、效率之高毋庸置疑。
同一個(gè)頁(yè)面的設(shè)計(jì)方式也是如此,設(shè)計(jì)師將大量心思放在首屏及位置靠上的功能上,待超過(guò)一屏后下滑時(shí),設(shè)計(jì)也會(huì)逐漸輕量、組件化,這有助于節(jié)省產(chǎn)品、設(shè)計(jì)、開(kāi)發(fā)更多的時(shí)間。
用戶瀏覽屏幕時(shí),眼球移動(dòng)的順序通常都是從左到右、從上到下(基于網(wǎng)頁(yè)瀏覽眼動(dòng)測(cè)試),這種移動(dòng)軌跡很像字母「F」,這也讓F型布局成為網(wǎng)頁(yè)設(shè)計(jì)中效率最高的方式之一,所以設(shè)計(jì)師通常會(huì)將重要的信息放在左上角或左側(cè),不重要的信息放在右側(cè)。
如下面這張眼動(dòng)測(cè)試圖,F(xiàn)型布局也正好詮釋了80/20法則合理性與可行性,在頁(yè)面中20%的關(guān)鍵區(qū)域,吸引了用戶80%的注意力。
很多產(chǎn)品因?yàn)闃I(yè)務(wù)功能的龐大,一股腦的將信息全部展示出來(lái),看起來(lái)十分臃腫,用戶不能快速找到自己想要的信內(nèi)容,就會(huì)失去信心。
優(yōu)酷APP首頁(yè)將熱門頻道和點(diǎn)擊頻率較高的頻道顯示在頂部導(dǎo)航中,如精選、電視劇、電影、最新院線等,而其他更多的分類則隱藏在頻道選項(xiàng)卡中,將少量(≈20%)重要的內(nèi)容放在明顯的位置,目的就是為了讓大部分用戶更快觸達(dá),提高了產(chǎn)品的易用性。
在一些選項(xiàng)列表中,由于選項(xiàng)數(shù)量的龐大,會(huì)給用戶增加使用難度。
例如,使用美團(tuán)購(gòu)買火車票在選擇地址時(shí),面對(duì)超長(zhǎng)的地址列表,逐個(gè)查看或通過(guò)字母篩選,都要花費(fèi)一定的時(shí)間和操作成本,即便可以通過(guò)碼字搜索來(lái)完成,但因?yàn)樽孕休斎胗泻芏嗟牟豢煽匦?,能讓用戶選擇的就不要讓其輸入。對(duì)于地址列表,除開(kāi)自動(dòng)定位和搜索歷史,運(yùn)用80/20法則就能很好的解決這一問(wèn)題,系統(tǒng)將約20%高頻選擇的熱門城市作為單獨(dú)的模塊放在全部列表之前,提高了大部分用戶的搜索效率。
極簡(jiǎn)風(fēng)格的界面設(shè)計(jì)跟80/20法則在精神上保持著高度的一致,剔除多余、無(wú)用的元素,而保留的每一個(gè)元素都是有目的、有針對(duì)性的,也是絕對(duì)必要的存在。在極簡(jiǎn)主義設(shè)計(jì)中,視覺(jué)上簡(jiǎn)單干凈,大部分都是通過(guò)通過(guò)留白來(lái)襯托關(guān)鍵性元素的存在,讓用戶更加聚焦于主要功能/信息。
奧卡姆剃刀指出「如無(wú)必要,勿增實(shí)體」,需知頁(yè)面中每多一個(gè)元素都會(huì)增加視覺(jué)“噪聲”,意味著用戶需要花費(fèi)額外的時(shí)間和理解成本,對(duì)用戶體驗(yàn)的影響是很大的。那么問(wèn)題來(lái)了,當(dāng)產(chǎn)品需要增加一項(xiàng)需求量小但確實(shí)存在的功能,該怎么處理?
這時(shí)我們可以將奧卡姆剃刀原則作為最終的評(píng)判標(biāo)準(zhǔn),是否需要增加上述所說(shuō)的功能,就要看看能否很好的控制團(tuán)隊(duì)開(kāi)發(fā)成本和用戶體驗(yàn)成本。其實(shí)在80/20法則中,很多小眾但確實(shí)存在的功能需求基本很難抵消所造成的用戶體驗(yàn)損失,所以即便實(shí)現(xiàn)了這個(gè)需求,也很難分配出20%的精力去維護(hù)與迭代,甚至“俺耳盜鈴”般的將其遺忘,但這個(gè)視覺(jué)“噪聲”一直存在,如果事先能分析出這種結(jié)果,這個(gè)需求根本不需要增加。
在2004年長(zhǎng)尾模型才被提出來(lái)的時(shí)候,很多人認(rèn)為這是在顛覆80/20法則,它們的曲線長(zhǎng)得很像,但結(jié)論完全相反,那條長(zhǎng)長(zhǎng)的“尾巴”(非關(guān)鍵的80%)所占據(jù)的長(zhǎng)度幾乎與頭部的(關(guān)鍵的20%)高度相當(dāng),這說(shuō)明收益雖低,但這么多數(shù)量的累積,依然值得重點(diǎn)關(guān)注。所以有很多企業(yè)在采集差異化戰(zhàn)略時(shí)運(yùn)用了長(zhǎng)尾理論,例如小米搭建的全品類商城用的是長(zhǎng)尾理論。
乍一聽(tīng)好像很有道理,難道80/20法則被推翻了嗎?事實(shí)并非如此,長(zhǎng)尾理論的成立必須要滿足兩個(gè)條件,第一是尾巴真的足夠長(zhǎng)(小眾需求確實(shí)非常多),第二長(zhǎng)尾巴能被用戶發(fā)現(xiàn)(龐大的用戶量),這兩個(gè)條件缺一不可。例如京東、淘寶、微信、支付寶等,其前提都是建立在大規(guī)模、且海量的用戶資源之上,不管多么隱蔽、多小的動(dòng)能,總能擁有一些不錯(cuò)的曝光度,所以才能發(fā)揮長(zhǎng)尾模型的作用。
說(shuō)道這里,大家應(yīng)該就明白了,那些中小型的產(chǎn)品對(duì)長(zhǎng)尾模型大多是望塵莫及,所以在你的產(chǎn)品規(guī)模、用戶量沒(méi)有達(dá)到一定的級(jí)別之前,就不要妄捧長(zhǎng)尾模型,用好80/20法則就好。
80/20法則在實(shí)際工作中是一個(gè)相對(duì)普遍的定律,它能讓我們靈活思考設(shè)計(jì)問(wèn)題,更好的為用戶服務(wù),雖然80/20法則也存在一定的爭(zhēng)議,但還是適用于覺(jué)絕大多數(shù)的場(chǎng)景,在關(guān)鍵時(shí)候使用,能幫助我們準(zhǔn)確的找到問(wèn)題點(diǎn),在有限的時(shí)間和精力下快速作出優(yōu)化決策并、關(guān)注核心功能,最終達(dá)成目標(biāo)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。
一、項(xiàng)目背景
虛擬形象產(chǎn)品形態(tài)現(xiàn)已逐步成熟,“捏臉+社區(qū)” 的模式逐漸成為年輕人的虛擬社交游樂(lè)場(chǎng),競(jìng)品QQ、Soul、淘寶等產(chǎn)品先后融入虛擬形象,探索年輕、有趣的社交模式。
貼吧在這一方向上進(jìn)行了創(chuàng)意玩法探索,希望可以通過(guò)特色互動(dòng)形式,拉近與年輕用戶的關(guān)系,為后續(xù)開(kāi)拓社交場(chǎng)景奠定基礎(chǔ)。
二、視覺(jué)風(fēng)格滿足年輕用戶喜好
通過(guò)用戶調(diào)研,了解年輕用戶喜好個(gè)性十足和精致細(xì)膩的設(shè)計(jì),同時(shí)希望可以有更多的搭配空間,我們針對(duì)設(shè)計(jì)成本與用戶喜好,建立十字坐標(biāo)軸篩選設(shè)計(jì)方向,匹配不同用戶,帶來(lái)差異化感知。
1、潮流、漫畫(huà)雙風(fēng)格設(shè)定,滿足用戶自我表達(dá)
潮流風(fēng)格具備年輕時(shí)髦感,漫畫(huà)風(fēng)格質(zhì)感更細(xì)膩,打造出產(chǎn)品的精致度,雙風(fēng)格設(shè)計(jì)可以最大程度滿足用戶的多元自我表達(dá)需求。
2、形象工程量產(chǎn),滿足搭配的豐富度
為了達(dá)到玩法多變的目標(biāo),我們對(duì)形象進(jìn)行工程化文件拆分,以發(fā)型區(qū)為例,通過(guò)層層分區(qū)來(lái)實(shí)現(xiàn)顏色、素材的靈活搭配。
拆分不同的發(fā)片,與身體、面部相互穿插,可以搭配出不同發(fā)型,對(duì)底色、陰影、描邊的拆分,實(shí)現(xiàn)代碼著色改變發(fā)色,每個(gè)形象完成36層拆解,達(dá)到顏色、素材的多元展現(xiàn)。
漫畫(huà)風(fēng)格,在表現(xiàn)上相比潮流風(fēng)格更加細(xì)膩,采用同樣的裸模坐標(biāo)與拆分標(biāo)準(zhǔn),實(shí)現(xiàn)雙風(fēng)格靈活搭配。
針對(duì)兩種風(fēng)格我們批量化產(chǎn)出了服飾、發(fā)型、配飾、五官等標(biāo)準(zhǔn)化素材,實(shí)現(xiàn)全部素材多變量靈活搭配,形象設(shè)計(jì)從軟萌可愛(ài)到年輕潮流,貼合了年輕用戶的多重喜好,為了提升與研發(fā)的對(duì)接效率,同步制定了工程文件產(chǎn)出規(guī)范,通過(guò)對(duì)坐標(biāo)軸、熱區(qū)的定位,圖層規(guī)范化的命名,實(shí)現(xiàn)所有素材快速開(kāi)發(fā)上線,降低產(chǎn)研溝通走查成本。
三、創(chuàng)新交互玩法增加可玩性
1、點(diǎn)選切換展示區(qū)讓創(chuàng)作更便捷
從0-1搭建基礎(chǔ)框架,為了降低學(xué)習(xí)操作成本,讓用戶可以快速上手,框架采用上部展示區(qū)、下部選擇區(qū)的形象制定產(chǎn)品通用布局。
在交互形態(tài)上,我們進(jìn)行了創(chuàng)意玩法創(chuàng)新,新增點(diǎn)選切換形式提升便捷度,用戶能通過(guò)點(diǎn)選展示區(qū)當(dāng)前部位快速定位操作,簡(jiǎn)化使用,縮短裝扮時(shí)長(zhǎng)。
2、靈活手勢(shì)創(chuàng)新實(shí)現(xiàn)玩法多變
針對(duì)貼吧用戶腦洞大開(kāi)、鬼馬個(gè)性的特點(diǎn),提供靈活操作,提升形象創(chuàng)意度,以下圖為例,可以看到眼睛、嘴巴等元素通過(guò)用戶的旋轉(zhuǎn)、縮放、位移等操作產(chǎn)生了很多鬼畜搞笑的形象,更有阿凡達(dá)、小岳岳、一眼丁真等形象加持,趣味十足。
3、豐富表態(tài)吸引用戶快速參與
通過(guò)動(dòng)態(tài)輕互表情帶來(lái)驚喜感,同時(shí)增加長(zhǎng)按觸發(fā)連擊效果,提升用戶互動(dòng)爽感,狀態(tài)表達(dá)幫助用戶快速選擇當(dāng)時(shí)狀態(tài),更低成本參與自我表達(dá)。
四、強(qiáng)化感知多場(chǎng)景觸達(dá)虛擬形象
為了讓貼吧用戶快速玩起來(lái),提升用戶滲透,我們?cè)谫N吧全場(chǎng)景進(jìn)行傳播。
1、串聯(lián)核心場(chǎng)景實(shí)現(xiàn)用商聯(lián)動(dòng)變現(xiàn)
串聯(lián)端內(nèi)成長(zhǎng)體系這一核心任務(wù),打通多場(chǎng)景閉環(huán),形象設(shè)定之后,在首頁(yè)、圖文詳情頁(yè)、個(gè)人主頁(yè)等核心場(chǎng)景展示個(gè)人形象,形成全場(chǎng)景滲透,有效擴(kuò)大虛擬形象在端內(nèi)的傳播。
高定裝扮聯(lián)通會(huì)員權(quán)益與成長(zhǎng)值,通過(guò)漲、兌、買路徑,實(shí)現(xiàn)會(huì)員權(quán)益激勵(lì)、成長(zhǎng)體系、形象變現(xiàn)的三方激勵(lì)串聯(lián)。
采用細(xì)膩手繪技法為對(duì)魔域游繪制精品形象,吸引游戲深度用戶完成形象裝扮,同時(shí)實(shí)現(xiàn)設(shè)計(jì)變現(xiàn)。
2、建立分享回流機(jī)制實(shí)現(xiàn)社區(qū)裂變
通過(guò)端外引流和影響力擴(kuò)散,吸引用戶產(chǎn)生回流,增加用戶粘性,持續(xù)增加用戶量。
五、結(jié)語(yǔ)
以上就是虛擬形象設(shè)計(jì)在整個(gè)創(chuàng)新玩法探索中的思路與舉措。
回顧設(shè)計(jì)過(guò)程,我們探索了更加貼切用戶的快捷交互體驗(yàn),提升操控效率、縮減觸發(fā)路徑;我們緊跟設(shè)計(jì)趨勢(shì),時(shí)刻關(guān)注年輕用戶需求,通過(guò)多風(fēng)格、工程化、輕互動(dòng)等手段,打造年輕化產(chǎn)品;我們通過(guò)與貼吧核心場(chǎng)景串聯(lián)融合,給老產(chǎn)品帶來(lái)全新社區(qū)體驗(yàn)。
虛擬形象上線后滲透率持續(xù)增長(zhǎng)到15%,用戶累積佩戴數(shù)達(dá)百萬(wàn)級(jí)別,效果超預(yù)期,吧友們?cè)谔摂M形象吧里進(jìn)行深入的評(píng)價(jià)與討論。定制出了高顏值、個(gè)性化、輕幽默等不同風(fēng)格的形象。
最后也期待廣大吧友們可以通過(guò)對(duì)貼吧虛擬形象的關(guān)注和喜愛(ài)來(lái)到貼吧,在我們的特色平臺(tái)定制出獨(dú)一無(wú)二的自己。
未來(lái)我們也將不斷探索、創(chuàng)新更多年輕化創(chuàng)意玩法,讓貼吧成為用戶喜愛(ài)具有歸屬感的繁榮社區(qū)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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.88yangsc.com