設(shè)計(jì)價(jià)值觀是指設(shè)計(jì)師在設(shè)計(jì)過(guò)程中所遵循的一些基本原則和價(jià)值觀念。不同的設(shè)計(jì)師和設(shè)計(jì)團(tuán)隊(duì)可能有不同的設(shè)計(jì)價(jià)值觀,但是這些設(shè)計(jì)價(jià)值觀都是基于設(shè)計(jì)師對(duì)于設(shè)計(jì)的理解和認(rèn)識(shí)。本文將從以下五個(gè)方面深入聊聊多視角下的設(shè)計(jì)價(jià)值觀。
用戶體驗(yàn)為中心的設(shè)計(jì)價(jià)值觀是指將用戶的需求和體驗(yàn)放在設(shè)計(jì)的核心位置。設(shè)計(jì)師需要通過(guò)深入了解用戶的需求和行為,設(shè)計(jì)出符合用戶習(xí)慣和心理的用戶界面和用戶體驗(yàn)。用戶體驗(yàn)為中心的設(shè)計(jì)價(jià)值觀可以提高用戶的滿意度和忠誠(chéng)度,從而提高產(chǎn)品的競(jìng)爭(zhēng)力。
簡(jiǎn)約與功能的平衡設(shè)計(jì)價(jià)值觀是指在設(shè)計(jì)界面時(shí),要平衡界面的簡(jiǎn)約和功能的需求。設(shè)計(jì)師需要在保證功能完整性的前提下,盡可能地簡(jiǎn)化操作流程和界面設(shè)計(jì)。這可以提高用戶的使用效率和體驗(yàn),同時(shí)也可以提高產(chǎn)品的美觀度和易用性。
創(chuàng)新與實(shí)用的平衡設(shè)計(jì)價(jià)值觀是指在設(shè)計(jì)過(guò)程中,要平衡創(chuàng)新和實(shí)用性的需求。設(shè)計(jì)師需要在保證產(chǎn)品實(shí)用性的前提下,嘗試創(chuàng)新和突破傳統(tǒng)設(shè)計(jì)的束縛。這可以提高產(chǎn)品的競(jìng)爭(zhēng)力和吸引力,同時(shí)也可以提高用戶的使用體驗(yàn)和滿意度。
可持續(xù)發(fā)展的設(shè)計(jì)價(jià)值觀是指在設(shè)計(jì)產(chǎn)品時(shí),要考慮產(chǎn)品的環(huán)境和社會(huì)影響。設(shè)計(jì)師需要在設(shè)計(jì)過(guò)程中,盡可能地減少產(chǎn)品對(duì)環(huán)境的影響,同時(shí)也要考慮產(chǎn)品對(duì)社會(huì)的貢獻(xiàn)??沙掷m(xù)發(fā)展的設(shè)計(jì)價(jià)值觀可以提高產(chǎn)品的社會(huì)責(zé)任感和可持續(xù)性,從而提高產(chǎn)品的品牌價(jià)值和形象。
多元文化的設(shè)計(jì)價(jià)值觀是指在設(shè)計(jì)過(guò)程中,要尊重不同地域、種族、文化等方面的差異。設(shè)計(jì)師需要在設(shè)計(jì)過(guò)程中,尊重和包容不同的文化背景和價(jià)值觀念,避免設(shè)計(jì)上的歧視和偏見(jiàn)。多元文化的設(shè)計(jì)價(jià)值觀可以提高產(chǎn)品的包容性和適應(yīng)性,從而提高產(chǎn)品的市場(chǎng)占有率和用戶群體。
總之,設(shè)計(jì)價(jià)值觀是設(shè)計(jì)師在設(shè)計(jì)過(guò)程中所遵循的一些基本原則和價(jià)值觀念。不同的設(shè)計(jì)師和設(shè)計(jì)團(tuán)隊(duì)可能有不同的設(shè)計(jì)價(jià)值觀,但是這些設(shè)計(jì)價(jià)值觀都是基于設(shè)計(jì)師對(duì)于設(shè)計(jì)的理解和認(rèn)識(shí)。通過(guò)深入聊聊多視角下的設(shè)計(jì)價(jià)值觀,可以幫助設(shè)計(jì)師更好地理解和把握設(shè)計(jì)的本質(zhì),提高設(shè)計(jì)的質(zhì)量和價(jià)值。
今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章,未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
藍(lán)藍(lán)設(shè)計(jì)( m.hglv.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ì)公司
用戶體驗(yàn)(User Experience,簡(jiǎn)稱(chēng)UX)是指用戶在使用產(chǎn)品或服務(wù)時(shí)的感受、情感、態(tài)度和行為。良好的用戶體驗(yàn)可以提高用戶的滿意度和忠誠(chéng)度,增加產(chǎn)品或服務(wù)的使用率和市場(chǎng)份額。因此,打造良好的用戶體驗(yàn)對(duì)于企業(yè)的發(fā)展至關(guān)重要。本文將介紹如何打造良好的用戶體驗(yàn)。
一、了解用戶需求
用戶需求是打造良好的用戶體驗(yàn)的基礎(chǔ)。了解用戶需求需要進(jìn)行用戶調(diào)研,包括定性和定量研究。定性研究可以通過(guò)深度訪談、焦點(diǎn)小組等方式獲取用戶的感受和態(tài)度;定量研究可以通過(guò)問(wèn)卷調(diào)查、統(tǒng)計(jì)分析等方式獲取用戶的行為和偏好。通過(guò)用戶調(diào)研可以了解用戶的需求、痛點(diǎn)和期望,為產(chǎn)品或服務(wù)的設(shè)計(jì)提供依據(jù)。
二、設(shè)計(jì)易用的界面
界面設(shè)計(jì)是用戶體驗(yàn)的重要組成部分。界面設(shè)計(jì)需要考慮用戶的認(rèn)知和行為習(xí)慣,采用符合用戶習(xí)慣的設(shè)計(jì)語(yǔ)言和交互方式。界面設(shè)計(jì)需要簡(jiǎn)潔、清晰、易用,避免過(guò)多的信息和復(fù)雜的操作流程。同時(shí),界面設(shè)計(jì)需要考慮不同設(shè)備和屏幕尺寸的兼容性,保證在不同設(shè)備上都能提供一致的用戶體驗(yàn)。
三、提供個(gè)性化服務(wù)
個(gè)性化服務(wù)可以提高用戶的滿意度和忠誠(chéng)度。個(gè)性化服務(wù)包括基于用戶歷史行為和偏好的推薦服務(wù)、個(gè)性化設(shè)置和定制化服務(wù)等。通過(guò)個(gè)性化服務(wù)可以提高用戶的參與度和粘性,增加用戶對(duì)產(chǎn)品或服務(wù)的依賴度。
四、優(yōu)化產(chǎn)品或服務(wù)的性能
產(chǎn)品或服務(wù)的性能是用戶體驗(yàn)的重要因素之一。優(yōu)化產(chǎn)品或服務(wù)的性能可以提高用戶的滿意度和使用體驗(yàn)。優(yōu)化產(chǎn)品或服務(wù)的性能包括提高響應(yīng)速度、優(yōu)化界面流暢度、減少錯(cuò)誤提示和優(yōu)化系統(tǒng)穩(wěn)定性等。通過(guò)優(yōu)化產(chǎn)品或服務(wù)的性能可以提高用戶的使用效率和滿意度。
五、提供多渠道的服務(wù)支持
提供多渠道的服務(wù)支持可以提高用戶的滿意度和忠誠(chéng)度。多渠道的服務(wù)支持包括在線客服、電話客服、郵件支持和社交媒體支持等。通過(guò)提供多渠道的服務(wù)支持可以提高用戶的滿意度和解決用戶的問(wèn)題,增加用戶對(duì)產(chǎn)品或服務(wù)的信任度和依賴度。
六、持續(xù)優(yōu)化用戶體驗(yàn)
持續(xù)優(yōu)化用戶體驗(yàn)是打造良好用戶體驗(yàn)的關(guān)鍵。持續(xù)優(yōu)化用戶體驗(yàn)需要進(jìn)行數(shù)據(jù)分析和用戶反饋收集,了解用戶的需求和反饋,及時(shí)調(diào)整產(chǎn)品或服務(wù)的設(shè)計(jì)和優(yōu)化方案。持續(xù)優(yōu)化用戶體驗(yàn)需要建立完善的用戶反饋機(jī)制和數(shù)據(jù)分析體系,保證持續(xù)的用戶體驗(yàn)優(yōu)化。
七、結(jié)語(yǔ)
打造良好的用戶體驗(yàn)需要從用戶需求出發(fā),通過(guò)界面設(shè)計(jì)、個(gè)性化服務(wù)、性能優(yōu)化和服務(wù)支持等多個(gè)方面提高用戶的滿意度和忠誠(chéng)度。持續(xù)優(yōu)化用戶體驗(yàn)需要建立完善的用戶反饋機(jī)制和數(shù)據(jù)分析體系,保證持續(xù)的用戶體驗(yàn)優(yōu)化。通過(guò)打造良好的用戶體驗(yàn)可以提高產(chǎn)品或服務(wù)的使用率和市場(chǎng)份額,為企業(yè)的發(fā)展提供有力支撐。
今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章,未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。
藍(lán)藍(lán)設(shè)計(jì)( m.hglv.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ì)公司
標(biāo)簽: ui 界面設(shè)計(jì) 設(shè)計(jì)流行趨勢(shì) 社交APP
藍(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ì)( m.hglv.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ì)公司。
一、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à)面周?chē)膬?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張圖,依次類(lèi)推,生成的所有圖都會(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ì)( m.hglv.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ì)公司。
首先說(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),框出來(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ì)啊。王婆賣(mài)瓜,瓜雖好,但是咱們得讓來(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ì)( m.hglv.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ì)公司。
先問(wèn)你一個(gè)問(wèn)題。
拼多多、淘寶、京東這三家購(gòu)物平臺(tái),你認(rèn)為它們的區(qū)別是什么?
或者換個(gè)方式問(wèn)你。
買(mǎi)電器你去哪個(gè)平臺(tái)?
買(mǎi)衣服你去哪個(gè)平臺(tái)? 買(mǎi)垃圾袋你去哪個(gè)平臺(tái)?
是不是有了答案了?
沒(méi)猜錯(cuò)的話, 大部分人的答案是:買(mǎi)電器去京東、買(mǎi)衣服去淘寶、買(mǎi)垃圾袋去拼多多。
你看,這就是一個(gè)購(gòu)物心智模型,你的心里對(duì)這三家平臺(tái)已經(jīng)產(chǎn)生了固有的心智,如果讓你去京東買(mǎi)衣服,你會(huì)不會(huì)覺(jué)得,有些別扭?
沒(méi)錯(cuò),這就是心智模型。
百度百科對(duì)心智模型的定義是:
“深植我們心中關(guān)于我們自己、別人、組織及周?chē)澜缑總€(gè)層面的假設(shè)、形象和故事。并深受習(xí)慣思維、定勢(shì)思維、已有知識(shí)的局限。”
關(guān)鍵詞是:故事、習(xí)慣、局限。
淘寶一開(kāi)始就我們講了一個(gè)故事,一個(gè)萬(wàn)能的集市,我們習(xí)慣在上面買(mǎi)衣服,但是也產(chǎn)生了局限性,那就是,當(dāng)我們想買(mǎi)大額電器的時(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形的心智是“米老鼠”,所以一旦你看到類(lèi)似的形狀,米老鼠的形象就會(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)年外賣(mài)剛開(kāi)始的時(shí)候,家家搞補(bǔ)貼,很多時(shí)候幾乎不花錢(qián)就可以點(diǎn)外賣(mài),后來(lái)這些福利沒(méi)有了,為啥?
因?yàn)辄c(diǎn)外賣(mài)的心智已經(jīng)培養(yǎng)好了,你離不開(kāi)它了,所以平臺(tái)可以“不慣著你了”。
還有唯品會(huì)的正品低價(jià)、瑞幸一開(kāi)始的星巴克平替,這些都是他們想要植入到用戶大腦中的心智。
為什么要費(fèi)勁植入一個(gè)新的想法?
因?yàn)橐坏┲踩肓?,就很難改變。
現(xiàn)在我身邊的很多朋友想買(mǎi)一些低價(jià)的品牌都會(huì)上唯品會(huì),買(mǎi)咖啡會(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。
這里不是要推銷(xiāo)手機(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)品類(lèi)似,那么意味著用戶大概率重合度也高,甚至業(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ì)( m.hglv.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ì)公司。
進(jìn)入喜茶小程序的時(shí)候給我的感受是簡(jiǎn)潔、時(shí)尚、極致的設(shè)計(jì)風(fēng)格,截了兩張小程序內(nèi)的兩個(gè)界面。 確實(shí)做的還挺不錯(cuò)的,為什么給人感受不一樣?接下來(lái)我們分析分析
1.首先從下面的頁(yè)面我們能發(fā)現(xiàn),界面的排版只有卡片左邊距留了20的安全距離,而卡片右邊安全距離為0,這樣特別的版式設(shè)計(jì)給人不對(duì)稱(chēng)的感覺(jué),這樣的設(shè)計(jì)能讓用戶記住,同時(shí)又有一點(diǎn)時(shí)尚范的感覺(jué),很符合喜茶目標(biāo)用戶年輕人的審美。
2.同時(shí)產(chǎn)品的banner是3:2的比例,較為靠近黃金比例的尺寸。
1.點(diǎn)單頁(yè)面,喜茶新增了新品推廣位,一些新上的產(chǎn)品都會(huì)在推廣位呈現(xiàn),尺寸比例4:3,給人的感受像是線下海報(bào)一樣,同時(shí)第三個(gè)廣告位露出部分,讓用戶知道后面還可以左滑查看。同時(shí)推廣頁(yè)的右下角有個(gè)箭頭指引,告知用戶可點(diǎn)擊。
2.看完這幾個(gè)頁(yè)面會(huì)發(fā)現(xiàn),喜茶的基本上都是純直角的設(shè)計(jì)語(yǔ)言,推廣頁(yè)是直角、標(biāo)簽是直角、按鈕微圓角,直角的設(shè)計(jì)語(yǔ)言給人的感受是時(shí)尚、極致、極簡(jiǎn)的設(shè)計(jì)感受,個(gè)人非常喜歡。
3.但是點(diǎn)單頁(yè)面的有點(diǎn)亂,標(biāo)簽的顏色過(guò)多,不夠統(tǒng)一,圖標(biāo)的也非常的多,這樣給人的感受就會(huì)比較凌亂,盡可能少的去表現(xiàn),這樣更加能提高用戶的效率。
1.在點(diǎn)單頁(yè)面用戶上滑,推廣位漸漸的往上消失,這樣產(chǎn)品的展示會(huì)更多,利于用戶挑選和尋找。
2.用戶在選口味界面,發(fā)現(xiàn)每一個(gè)標(biāo)簽的內(nèi)的文字左右的安全距離一致,依次排列,具有節(jié)奏感,頁(yè)面給人感受簡(jiǎn)潔、易操作,同時(shí)用戶可以選自己的口味,可進(jìn)行保存,下次點(diǎn)直接就可以選擇自己的口味。
在喜茶的百貨界面能清晰發(fā)現(xiàn)每一個(gè)模塊的都是不一樣的,很多產(chǎn)品的商場(chǎng)頁(yè)面都是一致的,而喜茶在產(chǎn)品的展示會(huì)以不一樣的形式出現(xiàn),每一個(gè)模塊都有尺寸和排版的差異,這樣給用戶有種落錯(cuò)感,更加有設(shè)計(jì)。
1.喜茶的會(huì)員頁(yè)給我眼前一亮的感覺(jué),會(huì)員的背景用色都是明度高、純度低的漸變給人的感受清新、淡雅的感覺(jué)。
2.會(huì)員頁(yè)用戶在切換的同時(shí)圖標(biāo)的顏色會(huì)跟著會(huì)員的顏色變化,特權(quán)的內(nèi)容也會(huì)有不一樣的變化,讓用戶有明顯的等級(jí)感知。
3.切換到“黑卡”的時(shí)候,會(huì)發(fā)現(xiàn)會(huì)員頁(yè)的“喜”字加上了質(zhì)感。
4.會(huì)員卡上“喜”字提取了“喜茶”中的“喜”,跟其他產(chǎn)品的會(huì)員做了區(qū)分的同時(shí)又加深了品牌印象。
喜茶有兩種不同風(fēng)格的圖標(biāo),一種是比較極簡(jiǎn),線性,差異性沒(méi)有那么強(qiáng),而另一種則是插畫(huà)風(fēng)格的圖標(biāo),給人感受比較有趣,更有差異,極簡(jiǎn)則符合喜茶整體小程序的調(diào)性,而插畫(huà)又豐富了頁(yè)面的單調(diào)性。
1.喜茶頂部的banner做非常不錯(cuò),例如跟FENDI合作的會(huì)在首屏加入視頻,用戶一進(jìn)入小程序就能看到能很好的吸引用戶的注意。
2.用戶在左右切換banner時(shí),文字會(huì)先出現(xiàn)然后底部的圖片漸漸出現(xiàn),給用戶感受自然、流暢的感受,好的動(dòng)畫(huà)效果能給產(chǎn)品加分,給用戶留下好的感受。
1.喜茶的數(shù)字字體是NeutraText-DemiAlt,每次進(jìn)去喜茶看到他們的數(shù)字字體非常有獨(dú)特性,給人的感受時(shí)尚、極致、有設(shè)計(jì)。
2.部分界面和海報(bào)喜茶會(huì)用上方正悠宋,有點(diǎn)中國(guó)風(fēng)、古風(fēng)的韻味在里面,而且也非常有獨(dú)特的設(shè)計(jì)美感,喜茶會(huì)應(yīng)用在國(guó)風(fēng)的海報(bào)以及會(huì)員頁(yè)的“喜”字上,突出風(fēng)格化。
3.好的字體能很好的提高產(chǎn)品的品牌感和設(shè)計(jì)美感,更能傳達(dá)該品牌想傳達(dá)的東西。
藍(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ì)( m.hglv.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ì)公司。
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ù)筆者將其稱(chēng)為「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è)將熱門(mén)頻道和點(diǎn)擊頻率較高的頻道顯示在頂部導(dǎo)航中,如精選、電視劇、電影、最新院線等,而其他更多的分類(lèi)則隱藏在頻道選項(xiàng)卡中,將少量(≈20%)重要的內(nèi)容放在明顯的位置,目的就是為了讓大部分用戶更快觸達(dá),提高了產(chǎn)品的易用性。
在一些選項(xiàng)列表中,由于選項(xiàng)數(shù)量的龐大,會(huì)給用戶增加使用難度。
例如,使用美團(tuán)購(gòu)買(mǎi)火車(chē)票在選擇地址時(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%高頻選擇的熱門(mén)城市作為單獨(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)尾理論,例如小米搭建的全品類(lèi)商城用的是長(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ì)( m.hglv.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://m.hglv.net