一、品牌色強(qiáng)化視覺(jué)感和曝光度
品牌色被運(yùn)用到界面背景中較為頻繁，這也是提高品牌曝光度的有效形式，無(wú)論是初創(chuàng)產(chǎn)品還是成熟產(chǎn)品都會(huì)選擇。
通常出現(xiàn)在界面頂部區(qū)域較多，可以是單色、微漸變、流體漸變和極光風(fēng)等，也可以結(jié)合一些圖形來(lái)增強(qiáng)空間感。在整體界面背景過(guò)度層面可以直接分割，也可以利用不透明度漸變自然過(guò)渡。
二、極光風(fēng)配色打破單調(diào)畫(huà)面
極光風(fēng)算是近些年最流行的設(shè)計(jì)趨勢(shì)之一了，相較于白底來(lái)說(shuō)更能打破界面的單調(diào)感。被廣泛運(yùn)用到界面背景中，在頂部區(qū)域最為常見(jiàn)。
由于高明度低飽和度的配色原理，使得視覺(jué)效果豐富多彩，但又不會(huì)顯得喧賓奪主。在強(qiáng)化界面視覺(jué)感的同時(shí)，也能很好地提高內(nèi)容的層次感。
三、動(dòng)態(tài)流體漸變讓界面更靈動(dòng)
流體漸變相較于普通漸變形式而言，靈動(dòng)性和豐富度都會(huì)更高，呈現(xiàn)出來(lái)的效果也非常自然舒適。
結(jié)合動(dòng)態(tài)形成的流體漸變效果更靈動(dòng)，被運(yùn)用到界面設(shè)計(jì)中也能提高關(guān)注度，也有產(chǎn)品會(huì)在按鈕設(shè)計(jì)中表達(dá)，視覺(jué)感都非常不錯(cuò)。
四、插畫(huà)運(yùn)用增強(qiáng)界面風(fēng)格感
隨著設(shè)計(jì)師手繪插畫(huà)的能力不斷普及，在產(chǎn)品設(shè)計(jì)中也會(huì)經(jīng)常運(yùn)用插畫(huà)來(lái)強(qiáng)化界面效果。由于插畫(huà)風(fēng)格很多，也會(huì)使得界面設(shè)計(jì)更具風(fēng)格化。
插畫(huà)本身的風(fēng)格會(huì)影響產(chǎn)品的調(diào)性，在一些節(jié)慶主題、商業(yè)活動(dòng)、風(fēng)格差異化表達(dá)等方面結(jié)合插畫(huà)表達(dá)都比較適合。這也是插畫(huà)能力成為設(shè)計(jì)師技能標(biāo)配的因素之一，不僅可以提高設(shè)計(jì)風(fēng)格感，也能讓作品更有視覺(jué)亮點(diǎn)。
五、精美照片打造場(chǎng)景感
隨著用戶對(duì)感官體驗(yàn)需求的升級(jí)，產(chǎn)品中配圖質(zhì)量要求也越來(lái)越高，精美的照片可以讓畫(huà)面質(zhì)量更高。
在一些定制化的界面場(chǎng)景中，也會(huì)經(jīng)常使用不同照片來(lái)打造場(chǎng)景感，比如旅游產(chǎn)品中就會(huì)利用照片增強(qiáng)代入感。真實(shí)的場(chǎng)景更能被用戶接受，提高用戶的參與度和積極性，照片帶來(lái)的視覺(jué)感也是非常強(qiáng)烈的。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)？我總結(jié)了10個(gè)方面！
六、3D 效果空間感更強(qiáng)
隨著 3D 運(yùn)用逐步趨勢(shì)化，在產(chǎn)品中也經(jīng)常會(huì)出現(xiàn) 3D 元素的運(yùn)用，以此來(lái)強(qiáng)化視覺(jué)感和空間感。3D 的表現(xiàn)除了在圖標(biāo)設(shè)計(jì)上的運(yùn)用之外，作為背景層視覺(jué)強(qiáng)化也十分常見(jiàn)，經(jīng)常會(huì)作為配圖出現(xiàn)在頂部區(qū)域的表達(dá)中。
如果建模上手比較難，也會(huì)有設(shè)計(jì)師以偽 3D 效果進(jìn)行設(shè)計(jì)，視覺(jué)效果也非常到位。
七、IP 運(yùn)用提高界面情感化
情感化設(shè)計(jì)可以拉近產(chǎn)品與用戶之間的距離，體現(xiàn)出產(chǎn)品的溫度，讓用戶感受到親和力。IP 設(shè)計(jì)作為品牌的延續(xù)，不僅可以輔助品牌的傳播，也是提升情感化設(shè)計(jì)的有效形式。
IP 已被廣泛運(yùn)用到界面設(shè)計(jì)中，在頂部區(qū)域、默認(rèn)頭像、空狀態(tài)、視覺(jué)配圖、圖標(biāo)設(shè)計(jì)等方面都可以進(jìn)行設(shè)計(jì)融入。IP 設(shè)計(jì)可以有助于提高界面情感化，這個(gè)技能也逐步成為了設(shè)計(jì)師的技能標(biāo)配。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)？我總結(jié)了10個(gè)方面！
八、Banner 圖提高商業(yè)氛圍感
Banner 圖的存在是為了提高商品或者服務(wù)在產(chǎn)品中的商業(yè)轉(zhuǎn)化，特別是在具有電商屬性的產(chǎn)品中。不僅可以給商業(yè)活動(dòng)帶來(lái)靈活的導(dǎo)流入口，也能強(qiáng)化界面的商業(yè)氛圍感。
Banner 圖在產(chǎn)品中的表現(xiàn)形式十分多樣，除了在視覺(jué)表現(xiàn)層面發(fā)揮以外，造型和展示形式也有眾多設(shè)計(jì)發(fā)揮的方向。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)？我總結(jié)了10個(gè)方面！
九、形狀圖形增加背景層次感
當(dāng)界面背景比較單調(diào)的時(shí)候，我們通常都會(huì)添加圖形進(jìn)行強(qiáng)化，除了圖片以外，形狀圖形的運(yùn)用設(shè)計(jì)感也是非常不錯(cuò)的。
通過(guò)形狀圖形的設(shè)計(jì)強(qiáng)化，可以增加界面背景的層次感，也能通過(guò)強(qiáng)視覺(jué)提高用戶的關(guān)注度。圖形的選擇十分多樣化，幾何圖形或者局部圖形的選擇性都非常多，可以作為獨(dú)立畫(huà)面，也可以作為背景襯托而存在。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)？我總結(jié)了10個(gè)方面！
十、功能屬性點(diǎn)綴畫(huà)面視覺(jué)感
除了以上提到的增強(qiáng)視覺(jué)亮點(diǎn)的方法以外，設(shè)計(jì)師也會(huì)探索更多表現(xiàn)形式，結(jié)合功能屬性、業(yè)務(wù)特點(diǎn)、品牌文化等等，發(fā)散的方向變得越來(lái)越多。
比如地圖軟件會(huì)以地圖圖形作為表現(xiàn)的形式，在主界面的頂部區(qū)域和個(gè)人中心的設(shè)計(jì)中，以地圖作為背景來(lái)點(diǎn)綴畫(huà)面視覺(jué)感。從產(chǎn)品的功能或者業(yè)務(wù)等層面入手，也是強(qiáng)化界面視覺(jué)亮點(diǎn)的有效形式。
作者：黑馬青年
來(lái)源：優(yōu)設(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.miumiuwan.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ì)公司。
底部彈出框控件，在移動(dòng)端設(shè)備上呈現(xiàn)出來(lái)的時(shí)候，對(duì)于設(shè)計(jì)師而言，是一個(gè)不小的挑戰(zhàn)。在小屏幕上設(shè)計(jì)這類控件，需要做合理的取舍。
底部彈出框是一種部分覆蓋式的控件，特別適合移動(dòng)端設(shè)備，它適合呈現(xiàn)臨時(shí)但是重要的信息。
定義：底部彈出控件，或者說(shuō)底部彈出框/表單，是固定在屏幕底部邊緣的控件，它提供貼合上下文環(huán)境的詳細(xì)信息，或者疊加于頁(yè)面之上的交互。
底部彈出框是一種漸進(jìn)式的信息呈現(xiàn)方式，它們通常由用戶交互觸發(fā)，提供額外的詳細(xì)信息，它們通常會(huì)遮蓋掉部分屏幕內(nèi)容，因此不適合顯示始終都很重要的信息。
另一方面，它適合用來(lái)呈現(xiàn)額外的信息，對(duì)上下文環(huán)境進(jìn)行控制，或者兼顧兩者。底部彈出框的優(yōu)點(diǎn)在于，它無(wú)需跳轉(zhuǎn)到新的單獨(dú)頁(yè)面，讓用戶停留在當(dāng)前環(huán)境下進(jìn)行交互，用戶不會(huì)失去交互和獲取信息的語(yǔ)境。
底部彈出框和其他的彈出框控件類似，然而和其他的彈出框相比，他保留了更強(qiáng)的信息可見(jiàn)性，因此用戶在和底部彈出框呈現(xiàn)的信息進(jìn)行交互的時(shí)候，可能需要參考背景里的基礎(chǔ)信息，而兩者的呼應(yīng)也更加貼合用戶當(dāng)下的需求。
使用底部彈出框的一個(gè)常見(jiàn)的理由是，它們提高了移動(dòng)端設(shè)備上用戶的交互可觸達(dá)性（也就是大家常說(shuō)的，用戶更容易點(diǎn)擊到屏幕底部的內(nèi)容和控件）。不幸的是，在實(shí)際的測(cè)試當(dāng)中，由于用戶握持移動(dòng)端設(shè)備的方式不同（單手、雙手以及握持位置上下差異），屏幕底部目前也不一定是最容易觸達(dá)的區(qū)域（屏幕中間一般才是用戶最容易點(diǎn)擊到的位置）。
模態(tài)和非模態(tài)底部彈出框
位于底部的彈出框可以是模態(tài)的，也可以是非模態(tài)的。
和經(jīng)典的模態(tài)控件設(shè)計(jì)類似，底部彈出框可以迫使用戶在采取其他交互之前，強(qiáng)制和底部彈出框交互，點(diǎn)擊其中的控件或者關(guān)閉它。即使背景的內(nèi)容可見(jiàn)，彈出框依然會(huì)阻止用戶與之進(jìn)行交互。通常，在底部彈出框出現(xiàn)的時(shí)候，通常背景內(nèi)容會(huì)被半透明的疊加層蓋住，作為背景內(nèi)容「不可交互」的視覺(jué)標(biāo)識(shí)。
高手總結(jié)！UI 界面底部彈出框設(shè)計(jì)指南
網(wǎng)絡(luò)管理工具 UniFi 的彈出框設(shè)計(jì)，當(dāng)用戶的手機(jī)未能正確連接到網(wǎng)絡(luò)上的時(shí)候，會(huì)彈出一個(gè)底部表單，背景內(nèi)容通常顯示的是一些可供識(shí)別的基本界面細(xì)節(jié)，以及頁(yè)面骨架布局。用戶需要解決網(wǎng)絡(luò)問(wèn)題，才能接入網(wǎng)絡(luò)顯示背景的內(nèi)容，因此這一交互是合理的。
非模態(tài)的底部彈出框則不同，它們位于頁(yè)面的底部，用戶可以和背景內(nèi)容進(jìn)行交互，也能和彈出內(nèi)容交互。這個(gè)時(shí)候的底部彈出框控件適合呈現(xiàn)此時(shí)背景內(nèi)容相關(guān)的詳細(xì)信息。
高手總結(jié)！UI 界面底部彈出框設(shè)計(jì)指南
在 Google 地圖的 APP 當(dāng)中，非模態(tài)的底部彈出框會(huì)顯示和當(dāng)前選中地理區(qū)域相關(guān)的導(dǎo)航操作、圖片信息，同時(shí)，用戶可以和背景中的地圖進(jìn)行交互，詳細(xì)了解大致的環(huán)境信息。
有一些底部彈出框是可以展開(kāi)的。用戶可以通過(guò)點(diǎn)擊或者上滑彈出框，將其擴(kuò)展為全屏模式（有時(shí)候是接近全屏）。通常，底部彈出框在最小化模式下，開(kāi)始為非模態(tài)，展開(kāi)后變?yōu)槟B(tài)。
高手總結(jié)！UI 界面底部彈出框設(shè)計(jì)指南
Apple 播客：底部彈出框可以顯示當(dāng)前播放內(nèi)容的相關(guān)信息（左），可以點(diǎn)擊或者拖動(dòng)它至完整全屏尺寸，而點(diǎn)擊或者向下滑動(dòng)頂部的把手控件，則可以將其縮小折疊起來(lái)。
底部彈出框的可用性指南
在我們的研究當(dāng)中，我們觀察到用戶在使用底部彈出框的時(shí)候，遭遇的困難和使用別的彈出框的時(shí)候是類似的，這些通常是由以下原因造成的：
缺少明確的關(guān)閉底部彈出框的指引
多個(gè)底部彈出框界面疊加在一起
底層相關(guān)的背景內(nèi)容被模糊了
下面我們針對(duì)性地來(lái)解決一下這些問(wèn)題。
允許使用「返回」按鈕來(lái)關(guān)閉底部彈出框
底部彈出框所存在的一個(gè)常見(jiàn)問(wèn)題，就是它看起來(lái)像是一個(gè)普通的界面控件，尤其當(dāng)他們擴(kuò)展為全屏的時(shí)候，一部分用戶可能還沒(méi)意識(shí)到他們所處的界面，其實(shí)是擴(kuò)展后的底部彈出框控件，而它通常是不遵循通常的交互邏輯的。用戶這個(gè)時(shí)候可能希望使用「后退」手勢(shì)或者按鈕來(lái)進(jìn)行交互，但是用戶這個(gè)時(shí)候點(diǎn)擊可能是不會(huì)得到預(yù)期中的反饋。
因此，在用戶歷程當(dāng)中，當(dāng)頁(yè)面當(dāng)中出現(xiàn)底部彈出框控件的時(shí)候，整個(gè)流程的交互模式可能會(huì)因此被破壞。但是，如果讓底部彈出框控件支持「后退」的按鈕和手勢(shì)，則可以規(guī)避這一問(wèn)題，讓用戶無(wú)縫回到上一界面。
在控件中包含「關(guān)閉」按鈕
盡管絕大多數(shù)的底部彈出框可以通過(guò)向下滑動(dòng)，或者點(diǎn)擊頂部手柄來(lái)關(guān)閉，但是這個(gè)組件本身就很容易被忽略。此外，還有一部分用戶壓根就不知道這個(gè)功能。而且，垂直滑動(dòng)關(guān)閉本身就具備某種模糊性，在交互過(guò)程中，用戶可能會(huì)關(guān)閉面板，也可能不小心打開(kāi)通知欄，或者打開(kāi)手機(jī)的控制中心等。
Pocket 的底部彈出框控件非常高，需要向下滑動(dòng)才能關(guān)閉，而因?yàn)榭丶氖直恢迷诓僮鞯臅r(shí)候很容易打開(kāi)手機(jī)的通知欄或控制中心。即使用戶從正確的位置觸發(fā)關(guān)閉控件的手柄，也可能需要多次嘗試才能真正關(guān)閉這一面板。這種靈活性挑戰(zhàn)對(duì)于操作精度要求過(guò)高，對(duì)于多數(shù)用戶而言都是挑戰(zhàn)。
為了確保用戶可以快速關(guān)閉底部彈出框控件，最好在控件內(nèi)添加常見(jiàn)的「關(guān)閉」按鈕，或者「X」按鈕。我們建議將這個(gè)按鈕放置在在底部彈出框的右上方之類的位置，使用這一按鈕的另外一個(gè)好處是方便有視力障礙的用戶，使用屏幕閱讀器來(lái)關(guān)閉它。
高手總結(jié)！UI 界面底部彈出框設(shè)計(jì)指南
蘋(píng)果的備忘錄當(dāng)中的底部彈出框控件，就使用了「X」按鈕來(lái)方便用戶關(guān)閉它。
不要將多個(gè)底部彈出框堆疊起來(lái)
當(dāng) APP 內(nèi)將多個(gè)彈出框堆疊起來(lái)的時(shí)候，最大的麻煩就出現(xiàn)了。
當(dāng)多個(gè)底部彈出框堆疊在一起的時(shí)候，用戶不可避免會(huì)開(kāi)始迷惑自己到底處于流程的哪個(gè)位置，并且可能還需要了解到底哪個(gè)是第一個(gè)彈出框，而哪個(gè)是最后一個(gè)。就像下面的案例。
我們強(qiáng)烈建議不要使用底部彈出框控件來(lái)替代用戶流程中應(yīng)有的頁(yè)面。底部彈出框是一個(gè)臨時(shí)的 UI 控件，它并不是穩(wěn)定的位置，它的存在旨在打斷用戶流程，告知用戶重要的信息和重要的操作，它本身并不是帶來(lái)愉悅感的「快樂(lè)路徑」。
高手總結(jié)！UI 界面底部彈出框設(shè)計(jì)指南
沃爾瑪?shù)?APP 當(dāng)中，產(chǎn)品詳情頁(yè)是用底部彈出框控件來(lái)承載的，而非單獨(dú)的頁(yè)面，而其中任何一個(gè)鏈接都會(huì)觸發(fā)另外一個(gè)底部彈出框，比如用戶評(píng)價(jià)。而用戶想要關(guān)閉退出則需要一層一層關(guān)閉。而頂上的返回和關(guān)閉按鈕兩者也同樣可能會(huì)讓人迷惑，有時(shí)候是后退，有時(shí)候是直接關(guān)閉彈出框，交互過(guò)程中可能會(huì)超出用戶原有的預(yù)期。
使用底部彈出框承載簡(jiǎn)短交互
最后，當(dāng)用戶可能會(huì)花費(fèi)大量的時(shí)間查看底部彈出框所承載的信息時(shí)，我們建議不要使用底部彈出框來(lái)承載這類信息。它本質(zhì)上是一個(gè)瞬間狀態(tài)下的 UI 控件，快速交互是它存在的意義，而非承載復(fù)雜的內(nèi)容。
高手總結(jié)！UI 界面底部彈出框設(shè)計(jì)指南
這個(gè)名為 Soundbrenner 的 APP 會(huì)在頁(yè)面「1」 的 Learn 中打開(kāi)「2」中的音樂(lè)教學(xué)列表，選擇特定課程時(shí)，會(huì)以底部彈出框的方式打開(kāi)詳細(xì)課程信息，隨后，向下滾動(dòng)「3」的時(shí)候，會(huì)意外將用戶帶回主頁(yè)「4」。這個(gè) APP 的問(wèn)題和之前沃爾瑪?shù)那闆r類似，存在多個(gè)底部彈出框交疊的問(wèn)題。
總結(jié)
底部彈出框控件在 UI 設(shè)計(jì)當(dāng)中其實(shí)比較常見(jiàn)，它需要在保持上下文環(huán)境的情況下，提供額外的關(guān)鍵交互和信息說(shuō)明，但是它不應(yīng)該承載復(fù)雜的交互和過(guò)多的內(nèi)容。
作者：陳子木
來(lái)源：優(yōu)設(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.miumiuwan.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ì)公司。
一、什么是彈窗？
彈窗是在保留當(dāng)前頁(yè)面狀態(tài)的情況下，告知用戶并承載相關(guān)操作。
思考：彈窗里面哪些構(gòu)成原件可以根據(jù)業(yè)務(wù)屬性可以有可以沒(méi)有呢？
答案：標(biāo)題區(qū)和操作區(qū)。
二、彈窗的規(guī)范如何定義？
1、定義彈窗的大小規(guī)范
彈窗的的大小有兩種定義方式。一種是固定大小，一種是自定義大小。需要根據(jù)自己的業(yè)務(wù)場(chǎng)景二選一。
彈窗寬度一般定義為三種。分別為560px，720px，960px，都是8的倍數(shù)方便記憶。尺寸并不是定死的，可以根據(jù)自身業(yè)務(wù)場(chǎng)景調(diào)節(jié)。
彈框固定高度會(huì)有一個(gè)最小高度200px，一個(gè)最大高度560px。在其之間的高度是由內(nèi)容區(qū)的內(nèi)容決定，超過(guò)最大高度560px時(shí)出滾動(dòng)條。
彈窗自定義高度，只定義最大高度，隨著頁(yè)面拉升縮小，彈窗邊距不變。
2、定義彈窗內(nèi)容規(guī)范
定義：標(biāo)題欄操作欄高度，內(nèi)容區(qū)邊距。
3、彈窗類型
彈框類型是根據(jù)使用場(chǎng)景區(qū)分提示彈窗，自定義彈窗兩種
彈窗優(yōu)點(diǎn)：沒(méi)有跳出父級(jí)頁(yè)面，彈窗任務(wù)完成后仍然會(huì)留在父頁(yè)面進(jìn)行操作，減少用戶操作中步驟體感
彈窗缺點(diǎn)：信息承載量少，信息內(nèi)容過(guò)多的時(shí)候會(huì)出現(xiàn)上下左右滾動(dòng)條，彈窗會(huì)降低用戶操作效率
三、彈窗使用規(guī)則是什么？
1、不超過(guò)兩種操作選項(xiàng)
假如承載的操作項(xiàng)比較多，建議新跳轉(zhuǎn)一個(gè)落地頁(yè)。
2、多步驟操作，選擇用頁(yè)面承載
3、盡量避免彈窗疊彈窗
第一個(gè)彈窗的內(nèi)容考慮用頁(yè)面承載或者第二個(gè)彈窗是否可以用氣泡或者下拉來(lái)承載。
假設(shè)一定要疊，二級(jí)彈窗的復(fù)雜度要低于一級(jí)彈窗，滿足形式上的平衡，遵循從大到小的邏輯或者是覆蓋上級(jí)，完成任務(wù)后點(diǎn)“返回”返回。
四、什么是抽屜？和彈窗相比優(yōu)缺點(diǎn)是什么？
抽屜是信息承載量和頁(yè)面比肩，又兼具彈窗的優(yōu)點(diǎn)。
作者：鯤sky
來(lái)源：站酷
藍(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.miumiuwan.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ì)公司。
一、什么是表單頁(yè)
1.1表單頁(yè)滿足的核心場(chǎng)景
1、采集/錄入數(shù)據(jù)信息。2、編輯數(shù)據(jù)信息。3、特殊的條件設(shè)置。后臺(tái)產(chǎn)品的本質(zhì)是針對(duì)數(shù)據(jù)的增、刪、改、查。而增、改、查都可以用表單完成。
1.2常見(jiàn)的應(yīng)用場(chǎng)景
OA系統(tǒng)里面的請(qǐng)假申請(qǐng)，報(bào)銷(xiāo)申請(qǐng)，錄入員工，新建會(huì)議。教育類的創(chuàng)建課程。HRM系統(tǒng)里面發(fā)布職位以及物聯(lián)網(wǎng)管理系統(tǒng)新建設(shè)備等等。
二、表單頁(yè)設(shè)計(jì)原則
2.1明確
用戶快速定位重要信息和目標(biāo)選項(xiàng)同時(shí)文案和組件能夠準(zhǔn)確傳達(dá)相應(yīng)含義
2.2高效
整體表單排布有合理的交互形式；科學(xué)的信息布局和組織形式；盡可能“少操作一步”用戶在面對(duì)50和表單和500個(gè)表單的心理壓力是不一樣的。
2.3安全
操作前：提示和防錯(cuò)。
操作中：實(shí)時(shí)反饋與糾錯(cuò)
操作后：合理的保存、清空、取消、撤銷(xiāo)機(jī)制。
三、表單的構(gòu)成
表單通常由表單標(biāo)簽、表單域、提示提示、操作按鈕四部分構(gòu)成。
3.1表單標(biāo)簽
左標(biāo)簽
優(yōu)點(diǎn)：表意明確，節(jié)約縱向空間，多用于web端
缺點(diǎn)：不太適用于移動(dòng)端等狹長(zhǎng)空間
頂標(biāo)簽
優(yōu)點(diǎn)：對(duì)齊舒適，節(jié)約橫向空間，多用于移動(dòng)端及英文場(chǎng)景下。
缺點(diǎn)：縱向空間利用率不高
行內(nèi)標(biāo)簽
優(yōu)點(diǎn)：最節(jié)省空間，多用于注冊(cè)登錄
缺點(diǎn)：輸入狀態(tài)標(biāo)簽消失，用戶陷入迷茫
左對(duì)齊標(biāo)簽
視線從標(biāo)簽移動(dòng)到表單域時(shí)間為500ms，這比右對(duì)齊標(biāo)簽所用的時(shí)間長(zhǎng)的多，所以更適合閱讀，用于詳情的陳列。
特點(diǎn)：閱讀效率高，操作效率較低；
右對(duì)齊標(biāo)簽
視覺(jué)動(dòng)線參差不齊，不適合高效閱讀，但適合高效操作，更適合表單填寫(xiě)。
特點(diǎn)：閱讀效率不高，標(biāo)簽指向明確，操作效率高
3.2表單域
如何定義輸入框/選擇框大小？
步驟一：根據(jù)業(yè)務(wù)已經(jīng)有的字段長(zhǎng)度定義4-5種寬度規(guī)范，建議寬度可以是8或者是40的倍數(shù)。
步驟二：根據(jù)你要搭建的表單，選用合適的規(guī)范，長(zhǎng)度與輸入預(yù)期成正比。有人會(huì)說(shuō)排出來(lái)的表單左邊沒(méi)對(duì)齊，右邊也沒(méi)對(duì)齊，其實(shí)這就是B端產(chǎn)品特征那就是是好用大于好看，就要給用戶一種心智那就是給你的這個(gè)長(zhǎng)度那就是要輸入一個(gè)這么長(zhǎng)的內(nèi)容。
3.3提示信息
避免“正確的廢話”：給不到用戶任何的幫助還增加了用戶的閱讀成本。
提示信息用哪種展示方式？
3.4操作按鈕
按鈕常見(jiàn)位置：一般出現(xiàn)在頁(yè)面頂部、跟隨表單里的內(nèi)容、表單內(nèi)容底部、頁(yè)面底部。
按鈕閱讀順序：按鈕出現(xiàn)頁(yè)面右上角或右下角時(shí)，閱讀順序是從右往左，這符合pc端操作習(xí)慣以及人閱讀習(xí)慣。按鈕跟隨表單內(nèi)容或在表單內(nèi)容底部時(shí)，閱讀順序?yàn)閺淖笸?，這符合人的填寫(xiě)順序從上往下，從左往右。
底部按鈕右對(duì)齊：一般用在彈框，因?yàn)閺椏蝽?yè)面比較小，右對(duì)齊比較符合操作習(xí)慣。
底部按鈕居中：一般用在頁(yè)面中，因?yàn)橛蚁陆遣僮骶嚯x會(huì)有點(diǎn)遠(yuǎn)，所以表單用頁(yè)面承載的話按鈕建議居中。
3.5字體和間距規(guī)范
表單中字體全部統(tǒng)一采用14px。表單上下間距一般有三種，1.內(nèi)容與內(nèi)容間距為24px。2.內(nèi)容與說(shuō)明文案間距為4px。3.內(nèi)容與子內(nèi)容間距以及及子內(nèi)容之間的間距為8px。
四、表單交互
表單交互方式有四種。1.原位編輯；2.氣泡卡片；3.彈窗/抽屜；4.頁(yè)面跳轉(zhuǎn)。
原位編輯
編輯內(nèi)容即為展示內(nèi)容，容量低于5個(gè)時(shí)使用。
氣泡卡片
設(shè)置項(xiàng)與看板內(nèi)容緊密相關(guān)時(shí)使用氣泡卡片，建議設(shè)置項(xiàng)低于5個(gè)。
彈窗/抽屜
設(shè)置項(xiàng)與看板內(nèi)容可以有關(guān)聯(lián)也不可以沒(méi)有，大于三個(gè)以上的錄入項(xiàng)使用。
如果錄入項(xiàng)較多，用彈框承載出現(xiàn)翻頁(yè)的情況下可考慮使用抽屜。
頁(yè)面跳轉(zhuǎn)如果容量超出了彈框/抽屜的承載量并且錄入項(xiàng)與看板沒(méi)有那么強(qiáng)的關(guān)聯(lián)性可采用頁(yè)面跳轉(zhuǎn)的方式。
五、頁(yè)面布局
頁(yè)面布局方式有四種。1.分組；2.錨點(diǎn)定位；3.標(biāo)簽頁(yè)；4.分步驟
5.1分組
5.1.1標(biāo)題分組
設(shè)置項(xiàng)超過(guò)7個(gè)；彼此間的關(guān)聯(lián)性較弱且可以分類去歸納
5.1.2卡片分組有多個(gè)設(shè)置項(xiàng)，多個(gè)分類；彼此之間的關(guān)聯(lián)性更弱，分類明確
5.2錨點(diǎn)定位
有多個(gè)分類的情況可通過(guò)錨點(diǎn)定位迅速找到相關(guān)信息
5.3標(biāo)簽頁(yè)
彼此之間沒(méi)有特定的相關(guān)性，可以獨(dú)立設(shè)置。每個(gè)設(shè)置包含了多個(gè)錄入項(xiàng)且使用了標(biāo)題分組。
小結(jié)當(dāng)錄入項(xiàng)少于7個(gè)時(shí)使用基礎(chǔ)布局；當(dāng)錄入項(xiàng)在7-15個(gè)時(shí)可采用標(biāo)題分組，卡片分組、錨點(diǎn)定位布局；當(dāng)錄入項(xiàng)大于15個(gè)時(shí)需采用標(biāo)簽頁(yè)布局。
5.4分步驟
利用步驟條將大型，復(fù)雜任務(wù)拆解為多個(gè)部分，并按照相關(guān)性分組。
建議3種分組依據(jù)1.采用必填項(xiàng)劃分，把必填的選項(xiàng)分在一起；2.采用相關(guān)性劃分；3.以操作成本劃分。把好填的簡(jiǎn)單的表單放在前面，復(fù)雜的放在后面。
六、提升表單易用性
提升表單易用性方式有5種。1.信息降噪；2.清晰易讀；3.高效智能；4.防錯(cuò)糾錯(cuò)；5.所見(jiàn)即所得
6.1信息降噪
場(chǎng)景一：當(dāng)表單中大多數(shù)都是必填只有極少數(shù)非必填時(shí)
場(chǎng)景二：表單項(xiàng)非必填項(xiàng)比較多，可將低頻的非必填項(xiàng)收起
6.2視覺(jué)清晰
場(chǎng)景一：盡量采用單列布局，視覺(jué)動(dòng)線流暢，不容易遺漏信息；按enter鍵換行。
場(chǎng)景二：如果出于業(yè)務(wù)方需要，必須在橫向添加內(nèi)容，那最好有一定的分組依據(jù)。但這樣就不應(yīng)該出現(xiàn)豎向分組，以免遺漏信息。
6.3高效智能
6.3.1根據(jù)上下文信息可以自動(dòng)獲取的，無(wú)需用戶再次填寫(xiě)。
例如根據(jù)手機(jī)號(hào)帶出用戶姓名；根據(jù)地址帶出郵政編碼；根據(jù)身份信息帶出生日。
6.3.2提供合適的“默認(rèn)項(xiàng)”。
例如根據(jù)行業(yè)現(xiàn)狀提供常規(guī)的比例分配；根據(jù)定位把地區(qū)做默認(rèn)的填充。
6.3.3提供搜索、聯(lián)想，自動(dòng)顯示匹配的信息
用戶在進(jìn)行輸入等操作時(shí)可以提供智能輔助，例如表單填寫(xiě)時(shí)對(duì)需要錄入信息的區(qū)域提供輔助提示，通過(guò)自動(dòng)補(bǔ)全或聯(lián)想詞來(lái)幫助用戶快速錄入信息，在保持用戶的操作自由度的情況下提效。
6.3.4 OCR識(shí)別文件內(nèi)容
對(duì)于一些標(biāo)準(zhǔn)證件信息的錄入，可以通過(guò)OCR識(shí)別文件內(nèi)容。當(dāng)用戶上傳圖片后，運(yùn)用圖像識(shí)別技術(shù)提取關(guān)鍵信息并自動(dòng)填入結(jié)果。
6.4防錯(cuò)糾錯(cuò)
6.4.1對(duì)于長(zhǎng)數(shù)字，四位一空格，用來(lái)分段
例如輸入銀行卡號(hào)；充值場(chǎng)景下輸入手機(jī)號(hào)等
6.4.2為用戶封閉不正確道路
將超出時(shí)間選擇范圍的日期置灰。電話號(hào)、身份證錄入時(shí)只允許輸入數(shù)字同時(shí)設(shè)置字?jǐn)?shù)上限。
6.4.3告訴用戶哪里錯(cuò)了，而非簡(jiǎn)單粗暴的錯(cuò)誤提示
6.5所見(jiàn)即所得
表單頁(yè)對(duì)填寫(xiě)的物料內(nèi)容進(jìn)行映射，展示真實(shí)效果預(yù)覽，降低用戶心理的不確定性。適合對(duì)移動(dòng)端、小程序、H5頁(yè)面的設(shè)置。
七、體驗(yàn)衡量指標(biāo)
體驗(yàn)衡量指標(biāo)有4種。1.任務(wù)完成率；2.任務(wù)完成時(shí)長(zhǎng)；3.必填項(xiàng)目數(shù)；4.易用度評(píng)分
7.1任務(wù)完成率
7.2任務(wù)完成時(shí)長(zhǎng)
7.3必填項(xiàng)目數(shù)
結(jié)合業(yè)務(wù)場(chǎng)景給出最適合的必填項(xiàng)設(shè)定，提高用戶填寫(xiě)效率。
7.4易用度評(píng)分（用戶完成某項(xiàng)任務(wù)的難易程度）
易用度可通過(guò)調(diào)研問(wèn)卷和評(píng)分量表獲取。
作者：鯤sky
來(lái)源：站酷
藍(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.miumiuwan.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)打造動(dòng)人心弦的網(wǎng)頁(yè)設(shè)計(jì)，并特別關(guān)注如何考慮配色弱的用戶。我們將介紹色彩對(duì)用戶體驗(yàn)的影響，解釋配色弱的類型，提供一些適合配色弱用戶的配色方案，并分享一些巧妙利用色彩的技巧，以提高網(wǎng)頁(yè)設(shè)計(jì)的吸引力和可訪問(wèn)性。
第一部分：色彩與用戶體驗(yàn)1.1 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的重要性1.2 色彩對(duì)用戶情感和認(rèn)知的影響1.3 配色弱用戶的挑戰(zhàn)與需求
第二部分：了解配色弱類型2.1 紅綠色盲2.2 藍(lán)黃色盲2.3 全色盲和其他色覺(jué)異常條件
第三部分：配色方案適應(yīng)配色弱用戶3.1 使用對(duì)比度來(lái)增強(qiáng)可讀性3.2 避免過(guò)于依賴顏色的傳遞信息3.3 選擇易區(qū)分的色調(diào)和明亮度3.4 采用色相和亮度對(duì)比來(lái)強(qiáng)調(diào)重要元素
第四部分：巧妙利用色彩的技巧4.1 利用色彩心理學(xué)原理引導(dǎo)用戶行為4.2 創(chuàng)造溫暖或冷靜的氛圍與情感4.3 使用配色工具和調(diào)色板來(lái)提高效率4.4 探索大膽與獨(dú)特的顏色組合
第五部分：實(shí)踐與測(cè)試5.1 設(shè)計(jì)前期的研究與用戶調(diào)研5.2 可用性測(cè)試和反饋收集5.3 不斷優(yōu)化和改進(jìn)設(shè)計(jì)
第六部分：案例研究與實(shí)際應(yīng)用6.1 成功案例分析：色彩對(duì)用戶體驗(yàn)的影響6.2 實(shí)際應(yīng)用建議：考慮配色弱用戶的網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐
第七部分：結(jié)論7.1 色彩對(duì)網(wǎng)頁(yè)設(shè)計(jì)的重要性再?gòu)?qiáng)調(diào)7.2 巧用色彩打造動(dòng)人心弦的網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵要點(diǎn)總結(jié)7.3 呼吁更加關(guān)注配色弱用戶并提高設(shè)計(jì)的可訪問(wèn)性
本文將詳細(xì)介紹每個(gè)部分的內(nèi)容，包括配色原則、配色方案、色彩心理學(xué)原理和實(shí)際案例。通過(guò)遵循這些指導(dǎo)和運(yùn)用巧妙的色彩技巧，你可以打造出動(dòng)人心弦的網(wǎng)頁(yè)設(shè)計(jì)，并確保配色弱用戶也能夠享受到優(yōu)質(zhì)的用戶體驗(yàn)。建議讀者在實(shí)踐過(guò)程中注重測(cè)試和反饋，不斷改進(jìn)和完善設(shè)計(jì)。通過(guò)共同努力，我們可以為所有用戶提供更加可訪問(wèn)且令人滿意的網(wǎng)頁(yè)設(shè)計(jì)體驗(yàn)。
今日分享這篇文章是藍(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ì)( www.miumiuwan.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ì)公司
隨著移動(dòng)設(shè)備的普及和移動(dòng)應(yīng)用的快速發(fā)展，了解移動(dòng)端尺寸基礎(chǔ)知識(shí)成為了設(shè)計(jì)師和開(kāi)發(fā)人員的必備技能。本文將為您提供超全面的移動(dòng)端尺寸基礎(chǔ)知識(shí)科普指南，幫助您更好地理解和應(yīng)用移動(dòng)端尺寸。
一、移動(dòng)設(shè)備屏幕尺寸概述
移動(dòng)設(shè)備的屏幕尺寸通常以對(duì)角線長(zhǎng)度來(lái)表示，單位為英寸。常見(jiàn)的移動(dòng)設(shè)備屏幕尺寸包括4英寸、4.7英寸、5.5英寸等。屏幕尺寸的大小直接影響到用戶在設(shè)備上的視覺(jué)體驗(yàn)和操作方式。
二、屏幕分辨率和像素密度
屏幕分辨率是指屏幕上的像素?cái)?shù)量，通常以水平像素?cái)?shù)和垂直像素?cái)?shù)來(lái)表示，如1920x1080。像素密度是指每英寸上的像素?cái)?shù)量，單位為PPI（Pixels Per Inch）。高分辨率和高像素密度的屏幕可以呈現(xiàn)更清晰、更細(xì)膩的圖像和文本。
三、常見(jiàn)的移動(dòng)設(shè)備屏幕分辨率
不同的移動(dòng)設(shè)備具有不同的屏幕分辨率，設(shè)計(jì)師和開(kāi)發(fā)人員需要根據(jù)目標(biāo)設(shè)備的屏幕分辨率來(lái)進(jìn)行設(shè)計(jì)和開(kāi)發(fā)。以下是一些常見(jiàn)的移動(dòng)設(shè)備屏幕分辨率：
iPhone系列：
iPhone 4/4S：640x960
iPhone 5/5S/SE：640x1136
iPhone 6/6S/7/8：750x1334
iPhone 6 Plus/6S Plus/7 Plus/8 Plus：1080x1920
iPhone X/XS/11 Pro：1125x2436
iPhone XR/11：828x1792
iPhone XS Max/11 Pro Max：1242x2688
iPad系列：
iPad 2/Mini 1/Mini 2：768x1024
iPad 3/4/Air/Mini 3/Mini 4：1536x2048
iPad Air 2/Air 3/Pro 9.7：1536x2048
iPad Pro 10.5：1668x2224
iPad Pro 11：1668x2388
iPad Pro 12.9：2048x2732
Android手機(jī)：
720p：720x1280
1080p：1080x1920
2K：1440x2560
4K：2160x3840
Android平板：
7寸：600x1024
10寸：800x1280
四、適配和響應(yīng)式設(shè)計(jì)
移動(dòng)設(shè)備的屏幕尺寸和分辨率各異，為了確保應(yīng)用在不同設(shè)備上的良好顯示，設(shè)計(jì)師和開(kāi)發(fā)人員需要進(jìn)行適配和響應(yīng)式設(shè)計(jì)。適配是指根據(jù)目標(biāo)設(shè)備的屏幕尺寸和分辨率進(jìn)行布局和元素調(diào)整，以適應(yīng)不同屏幕大小。響應(yīng)式設(shè)計(jì)是指根據(jù)屏幕尺寸和分辨率的變化，動(dòng)態(tài)調(diào)整布局和元素大小，以提供更好的用戶體驗(yàn)。
五、設(shè)計(jì)和開(kāi)發(fā)工具
為了更高效地進(jìn)行移動(dòng)端設(shè)計(jì)和開(kāi)發(fā)，設(shè)計(jì)師和開(kāi)發(fā)人員可以使用一些專業(yè)的工具。常見(jiàn)的移動(dòng)端設(shè)計(jì)工具包括Adobe XD、Sketch、Figma等，這些工具提供了豐富的設(shè)計(jì)資源和交互功能。開(kāi)發(fā)人員可以使用Android Studio、Xcode等工具進(jìn)行應(yīng)用開(kāi)發(fā)和調(diào)試。
六、設(shè)計(jì)原則和最佳實(shí)踐
在進(jìn)行移動(dòng)端設(shè)計(jì)時(shí)，設(shè)計(jì)師需要遵循一些設(shè)計(jì)原則和最佳實(shí)踐，以提供更好的用戶體驗(yàn)。以下是一些常見(jiàn)的設(shè)計(jì)原則和最佳實(shí)踐：
簡(jiǎn)潔明了的界面：精簡(jiǎn)和清晰的界面設(shè)計(jì)可以提高用戶的易用性和操作效率。
易讀的文本和圖標(biāo)：選擇合適的字體和字號(hào)，確保文本和圖標(biāo)在不同屏幕上都能清晰可讀。
合理的交互設(shè)計(jì)：考慮用戶的習(xí)慣和操作方式，設(shè)計(jì)合理的交互和導(dǎo)航方式，提供良好的用戶體驗(yàn)。
圖片和圖形的優(yōu)化：為了提高應(yīng)用的加載速度和性能，設(shè)計(jì)師需要對(duì)圖片和圖形進(jìn)行優(yōu)化，包括壓縮、裁剪和使用矢量圖形等。
色彩和視覺(jué)效果的選擇：選擇合適的色彩和視覺(jué)效果，以提升應(yīng)用的整體美感和吸引力。
七、測(cè)試和優(yōu)化
在設(shè)計(jì)和開(kāi)發(fā)完成后，測(cè)試和優(yōu)化是確保移動(dòng)應(yīng)用質(zhì)量的重要環(huán)節(jié)。設(shè)計(jì)師和開(kāi)發(fā)人員需要進(jìn)行功能測(cè)試、兼容性測(cè)試和性能測(cè)試，以確保應(yīng)用在不同設(shè)備上的穩(wěn)定運(yùn)行和良好性能。根據(jù)測(cè)試結(jié)果，進(jìn)行相應(yīng)的優(yōu)化和調(diào)整，以提升應(yīng)用的用戶體驗(yàn)和滿意度。
總結(jié)：
移動(dòng)端尺寸基礎(chǔ)知識(shí)對(duì)于設(shè)計(jì)師和開(kāi)發(fā)人員來(lái)說(shuō)是至關(guān)重要的。了解移動(dòng)設(shè)備的屏幕尺寸、分辨率和像素密度，掌握適配和響應(yīng)式設(shè)計(jì)的原理，遵循設(shè)計(jì)原則和最佳實(shí)踐，以及進(jìn)行測(cè)試和優(yōu)化，都能夠幫助我們?cè)O(shè)計(jì)出更好的移動(dòng)應(yīng)用。希望本文提供的超全面的移動(dòng)端尺寸基礎(chǔ)知識(shí)科普指南能夠?qū)δ兴鶐椭⒃谝苿?dòng)應(yīng)用設(shè)計(jì)和開(kāi)發(fā)中起到指導(dǎo)作用。
今日分享這篇文章是藍(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ì)( www.miumiuwan.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ì)公司
01）為什么要做體驗(yàn)衡量
1.1 你是否面臨過(guò)這些問(wèn)題
● 我們的產(chǎn)品好用嗎？
● 業(yè)務(wù)指標(biāo)達(dá)成，能夠說(shuō)明產(chǎn)品設(shè)計(jì)得好嗎？
● 業(yè)務(wù)指標(biāo)表現(xiàn)不佳，是因?yàn)楫a(chǎn)品設(shè)計(jì)的不好嗎？
● 用戶滿意度低，到底是因?yàn)槟睦镒龅貌缓?，?yīng)該優(yōu)先解決哪里的問(wèn)題
我周?chē)暮芏嗤瑢W(xué)，都遇到上面的問(wèn)題，想到最合適的解決方法就是衡量。
如果你無(wú)法對(duì)某件事進(jìn)行測(cè)量，你就無(wú)法對(duì)其進(jìn)行管理。
1.2 我們現(xiàn)在是怎么做的？
很多同學(xué)可能會(huì)提到使用以下方法
a.滿意度：短期內(nèi)衡量用戶幸福感的用戶得分，受訪者必須在1-5層次之間表達(dá)對(duì)某一話題或內(nèi)容的滿意度
b.凈推薦值：2003年引入網(wǎng)絡(luò)推廣，長(zhǎng)期內(nèi)衡量用戶幸福感的用戶得分，即客戶忠誠(chéng)度，是一個(gè)更好預(yù)測(cè)用戶行為的指標(biāo)，并且與公司成長(zhǎng)的衡量指標(biāo)有很強(qiáng)的相關(guān)性
c.費(fèi)力度：2010年引入一種不同的度量方法，短期內(nèi)衡量用戶完成任務(wù)的難易程度，幫助他們輕松解決問(wèn)題，而不是通過(guò)服務(wù)互動(dòng)中取悅用戶來(lái)創(chuàng)造忠誠(chéng)度
d.專項(xiàng)競(jìng)品分析：特定領(lǐng)域的競(jìng)爭(zhēng)對(duì)手進(jìn)行細(xì)致分析，但是由于B端產(chǎn)品的特殊性，很多競(jìng)品難以通過(guò)一般用戶的視角進(jìn)行體驗(yàn)，因此需要通過(guò)更深入的渠道，如與相關(guān)企業(yè)的合作、研究行業(yè)報(bào)告等方式來(lái)獲取更準(zhǔn)確的競(jìng)品信息。
上面的方法很好，但真的足夠嗎？
它們真的可以準(zhǔn)確地反映用戶體驗(yàn)嗎？
我們是否還需要更深入、更精準(zhǔn)的方法來(lái)了用戶真實(shí)感受和對(duì)于業(yè)務(wù)的影響？
讓我們一起思考和探索，如何從用戶體驗(yàn)的角度，打造出更加優(yōu)秀、滿足用戶需求的產(chǎn)品吧！
1.3 在做之前我們希望
在介紹B端體驗(yàn)衡量模型之前，我們希望強(qiáng)調(diào)以下幾個(gè)設(shè)計(jì)前置原則，以確保設(shè)計(jì)的準(zhǔn)確性和有效性：
a.要看清楚：需要看清產(chǎn)品體驗(yàn)的目標(biāo)用戶是誰(shuí)，因?yàn)椴煌挠脩粲胁煌氖褂脠?chǎng)景和需求，對(duì)產(chǎn)品的體驗(yàn)要求也不同。
b.要看全面：需要通過(guò)多種數(shù)據(jù)來(lái)源進(jìn)行驗(yàn)證和印證，例如用戶反饋、用戶行為數(shù)據(jù)、市場(chǎng)調(diào)研數(shù)據(jù)等，以避免片面和誤導(dǎo)性的結(jié)論。
c.結(jié)合業(yè)務(wù)：需要結(jié)合具體業(yè)務(wù)場(chǎng)景進(jìn)行分析，以便更好地把握用戶需求和痛點(diǎn)，從而有針對(duì)性地進(jìn)行產(chǎn)品優(yōu)化和提升；需要注重定量指標(biāo)和定性指標(biāo)的結(jié)合使用，以充分反映用戶的感受和行為，以及不同用戶的差異性。
d.全流程思考：不僅要關(guān)注單個(gè)環(huán)節(jié)的體驗(yàn)，還需要考慮用戶在全流程中的感受和體驗(yàn)，以便找到體驗(yàn)的瓶頸和改善的空間
02）模型介紹
2.1 B端的特點(diǎn)
在引入具體的模型之前，我們需要先了解B端產(chǎn)品的特點(diǎn)，這有助于更好地拆解問(wèn)題和應(yīng)用適當(dāng)?shù)哪Ｐ汀?
a.自上而下
● 用戶使用場(chǎng)景復(fù)雜
● 公司業(yè)務(wù)擴(kuò)展空間大
● 面對(duì)政治、文化的沖突更加多樣
b.自下而上
● 需要對(duì)用戶的工作場(chǎng)景有充分理解
● 邏輯較為復(fù)雜
● 功能優(yōu)先，保障安全和效率
c.優(yōu)先級(jí)考量
● 對(duì)場(chǎng)景的理解是所有設(shè)計(jì)的出發(fā)點(diǎn)
● 具有業(yè)務(wù)發(fā)展前瞻性的功能和模塊的布局是流程設(shè)計(jì)的前提
● 可靠的流程設(shè)計(jì)是界面設(shè)計(jì)的基礎(chǔ)
● 合理的界面結(jié)構(gòu)又是靈活包容表現(xiàn)層設(shè)計(jì)的根本
2.2 指標(biāo)拆解及依據(jù)
根據(jù)上面特點(diǎn)，針對(duì)B端用戶需求，可以從以下幾個(gè)方面考慮對(duì)現(xiàn)有業(yè)務(wù)流程進(jìn)行優(yōu)化和改造，以提高業(yè)務(wù)運(yùn)作效率和準(zhǔn)確性，降低成本和錯(cuò)誤率：
a.場(chǎng)景導(dǎo)向
說(shuō)明 :
● 需要根據(jù)場(chǎng)景考慮多方面因素，包括空間、資源、技術(shù)、時(shí)間等的限制，以及用戶的生理、心理和認(rèn)知等方面的需求和特點(diǎn)。
● 需要減少用戶的負(fù)擔(dān)，盡可能地降低用戶的認(rèn)知和操作成本，提升用戶的使用體驗(yàn)和滿意度。
指標(biāo)一覽
● 費(fèi)力度：不用費(fèi)力完成工作
● 交互方式切換次數(shù)：不要求額外的設(shè)各資源
● 清晰度：界面容易理解
● 任務(wù)回退次數(shù)：不要求太多的用戶記憶等負(fù)擔(dān)
● 任務(wù)時(shí)長(zhǎng)：用戶可以快速完成工作
● 滿意度：使用過(guò)程整體舒適
b.面向成長(zhǎng)
說(shuō)明 :
● 在產(chǎn)品設(shè)計(jì)的過(guò)程中，需要考慮到業(yè)務(wù)的發(fā)展和變化，因此在功能架構(gòu)、流程和界面的設(shè)計(jì)上，需要具備高度的包容性和可擴(kuò)展性。
● 這意味著產(chǎn)品設(shè)計(jì)需要能夠快速響應(yīng)用戶的需求和訴求，同時(shí)能夠支持業(yè)務(wù)的快速擴(kuò)展和變化，為用戶提供高效、可靠的支持。
指標(biāo)一覽
● 滿意度：產(chǎn)品功能的滿足度高
● 推薦度：用戶愿意邀請(qǐng)別人來(lái)嘗試使用
c.穩(wěn)定可靠
說(shuō)明 :
● 指產(chǎn)品在任務(wù)展現(xiàn)和流轉(zhuǎn)方面需要符合用戶完成工作流的心理模型，能夠提供簡(jiǎn)單易懂的界面和操作流程，避免用戶的學(xué)習(xí)和使用成本過(guò)高。
● 同時(shí)，產(chǎn)品的設(shè)計(jì)應(yīng)該能夠減少用戶的操作失誤和挫敗感，讓用戶能夠輕松完成任務(wù)，提升用戶的工作效率和體驗(yàn)感。
指標(biāo)一覽
● 頁(yè)面加載時(shí)長(zhǎng)：性能好，界面加載流暢
● 費(fèi)力度（操作）：操作符合常識(shí)，感知易用
● 報(bào)錯(cuò)率/操作次數(shù)有效率：不易出錯(cuò)
● 任務(wù)完成效率：能夠快速完成任務(wù)
d.結(jié)構(gòu)合理
說(shuō)明 :
● 信息展現(xiàn)需要與用戶的操作目的相符，能夠有效輔助和引導(dǎo)用戶完成任務(wù)。
● 同時(shí)，信息的呈現(xiàn)邏輯也需要符合用戶的認(rèn)知習(xí)慣，避免用戶對(duì)信息的理解和操作產(chǎn)生困難。在信息的展現(xiàn)過(guò)程中，設(shè)計(jì)師需要采用簡(jiǎn)單明了的信息，避免使用過(guò)于復(fù)雜和抽象的術(shù)語(yǔ)和符號(hào)，保證用戶能夠輕松理解和使用產(chǎn)品。
● 此外，產(chǎn)品的設(shè)計(jì)需要考慮到用戶的操作誤差，提供及時(shí)的提示和幫助，減少用戶的錯(cuò)誤操作，提高用戶的操作效率和體驗(yàn)。
指標(biāo)一覽
● 清晰度：界面信息清晰簡(jiǎn)潔，信息容易理解
● 信息有效性：反饋信息及時(shí)且能夠有效的引導(dǎo)操作
2.3 指標(biāo)計(jì)算
上面的指標(biāo)內(nèi)容分為觀點(diǎn)指標(biāo)和行為指標(biāo)，通過(guò)下面的計(jì)算方式，得到最終的指標(biāo)
a.觀點(diǎn)指標(biāo)
說(shuō)明：
● 可以反映用戶對(duì)產(chǎn)品的整體滿意度和各個(gè)方面的滿意度。
● 為了使觀點(diǎn)指標(biāo)值盡量濃縮，將6道題的平均分做為觀點(diǎn)指標(biāo)值。
指標(biāo)定義：每個(gè)觀點(diǎn)分為非常不同意、不同意、輕微不同意、中立、輕微同意、同意、非常同意7個(gè)等級(jí)，分別分值為-3、-2、-1、0、1、2、3分。
觀點(diǎn)指標(biāo)值 =（費(fèi)力度＋清晰度 ＋易用性 ＋滿意度 ＋反饋有效性 ＋推薦值）/6
b.行為指標(biāo)
說(shuō)明：可以用于評(píng)估產(chǎn)品的實(shí)際使用情況和用戶行為特征。
指標(biāo)定義
● 交互方式切換次數(shù)：任務(wù)中切換交互模式的總數(shù)（從鼠標(biāo)到鍵盤(pán)，從視覺(jué)到聽(tīng)覺(jué)，從鍵盤(pán)到語(yǔ)音等）
● 任務(wù)時(shí)長(zhǎng)：用戶完成任務(wù)的時(shí)長(zhǎng)絕對(duì)值一完成任務(wù)的標(biāo)準(zhǔn)時(shí)長(zhǎng)
● 錯(cuò)誤率：任務(wù)過(guò)程中錯(cuò)誤操作的次數(shù) 一完成任務(wù)的總操作次數(shù)
● 易學(xué)率：（第一次的錯(cuò)誤率-第二次的錯(cuò)誤率）十（第一次的任務(wù)時(shí)長(zhǎng)-第二次的任務(wù)時(shí)長(zhǎng)）
● 任務(wù)成功率：成功完成仟?jiǎng)?wù)的人數(shù)二興試完成任務(wù)的總?cè)藬?shù)
● 任務(wù)回退次數(shù)：任務(wù)中的回退次數(shù)總數(shù)（例如從步驟二到步驟一，退出重新進(jìn)入系統(tǒng)來(lái)切換角色等）
行為指標(biāo)值=（任務(wù)成功率＋易學(xué)性）/（交互方式切換次數(shù) ＋任務(wù)回退次數(shù) ＋任務(wù)時(shí)長(zhǎng)＋錯(cuò)誤率）
c.指標(biāo)合并
為了便于產(chǎn)品或者任務(wù)流之間的比較，將這兩個(gè)指標(biāo)值進(jìn)行相加，得到一個(gè)總指標(biāo)
總指標(biāo) =行為指標(biāo) ＋觀點(diǎn)指標(biāo)
通過(guò)對(duì)比新舊版的指標(biāo)值，可以客觀地衡量在設(shè)計(jì)角度帶來(lái)的價(jià)值。如果新版指標(biāo)值有顯著提升，說(shuō)明設(shè)計(jì)方向正確，產(chǎn)品體驗(yàn)得到了優(yōu)化。反之，如果指標(biāo)值沒(méi)有明顯改善或者甚至下降，需要重新評(píng)估設(shè)計(jì)方案，尋找優(yōu)化的空間和方向。這樣的對(duì)比可以幫助團(tuán)隊(duì)更好地理解用戶的需求和行為，從而進(jìn)一步提升產(chǎn)品的體驗(yàn)和價(jià)值。
2.4 運(yùn)作機(jī)制
a.合作共建
指標(biāo)的定義與收集，重要的一步是與相關(guān)部門(mén)進(jìn)行合作共建，共同定義和收集相關(guān)指標(biāo)，根據(jù)產(chǎn)品類型與衡量目標(biāo)，設(shè)計(jì)衡量方案。
設(shè)計(jì)團(tuán)隊(duì)需要和業(yè)務(wù)方密切合作，了解業(yè)務(wù)需求和數(shù)據(jù)源，確定所需指標(biāo)及其計(jì)算方式，以確保數(shù)據(jù)的準(zhǔn)確性和完整性。
b.專業(yè)輸出
衡量模型的建設(shè)，需要輸出專業(yè)的體驗(yàn)衡量報(bào)告，以幫助企業(yè)了解當(dāng)前的體驗(yàn)狀況和改進(jìn)方向。
報(bào)告應(yīng)包括對(duì)各指標(biāo)的分析和解讀，重點(diǎn)突出用戶體驗(yàn)中的優(yōu)點(diǎn)和不足，提出針對(duì)性的改進(jìn)建議和優(yōu)化方案，以便企業(yè)能夠針對(duì)性地進(jìn)行改進(jìn)。
c.改進(jìn)迭代
系統(tǒng)監(jiān)控：需要建立數(shù)據(jù)監(jiān)控和反饋機(jī)制，及時(shí)掌握用戶使用情況和反饋，以便能夠及時(shí)調(diào)整和優(yōu)化產(chǎn)品。
專項(xiàng)改進(jìn)：需要根據(jù)具體情況制定專項(xiàng)改進(jìn)計(jì)劃，對(duì)具體問(wèn)題進(jìn)行深入分析和解決，以提高用戶的使用體驗(yàn)。
03）尾聲
本文的初衷，是為設(shè)計(jì)師朋友們提供建立衡量模型的思路，可以根據(jù)自己的公司和項(xiàng)目情況，構(gòu)建屬于自己的模型機(jī)制。
第一部分：
● 介紹了為什么需要進(jìn)行用戶體驗(yàn)衡量。
● 許多設(shè)計(jì)師在工作中常常遇到一些問(wèn)題，比如不知道產(chǎn)品是否好用、業(yè)務(wù)指標(biāo)是否能反映產(chǎn)品設(shè)計(jì)的好壞、用戶滿意度低等等。
● 通過(guò)衡量用戶體驗(yàn)，可以對(duì)產(chǎn)品進(jìn)行管理和改進(jìn)。
第二部分：
● 介紹了目前常用的一些衡量方法，如滿意度、凈推薦值、費(fèi)力度和專項(xiàng)競(jìng)品分析等。我們提出了應(yīng)該用深入和精準(zhǔn)的方法，來(lái)了解用戶真實(shí)感受和業(yè)務(wù)需求。
● 介紹了B端產(chǎn)品的特點(diǎn)，包括自上而下的復(fù)雜使用場(chǎng)景、自下而上的理解用戶工作場(chǎng)景的復(fù)雜性，以及優(yōu)先級(jí)考量。針對(duì)這些特點(diǎn)，提出了指標(biāo)拆解及依據(jù)的方法，從場(chǎng)景導(dǎo)向、面向成長(zhǎng)、穩(wěn)定可靠和結(jié)構(gòu)合理等方面進(jìn)行指標(biāo)考量和計(jì)算。通過(guò)觀點(diǎn)指標(biāo)和行為指標(biāo)的計(jì)算，可以得到最終的指標(biāo)值，并進(jìn)行指標(biāo)合并以進(jìn)行比較和評(píng)估。
● 強(qiáng)調(diào)了合作共建的重要性，需要與相關(guān)部門(mén)合作共同定義和收集指標(biāo)。通過(guò)對(duì)比新舊指標(biāo)值的變化，可以評(píng)估設(shè)計(jì)方案的優(yōu)化效果，并進(jìn)一步提升產(chǎn)品的體驗(yàn)和價(jià)值。
我們希望大家能通過(guò)思考和探索，幫助設(shè)計(jì)師們從用戶體驗(yàn)的角度打造更人性化、高效的衡量模型，打造更加優(yōu)秀、滿足用戶需求的產(chǎn)品。
作者：紀(jì)笙
來(lái)源：站酷
藍(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.miumiuwan.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ì)體系是促進(jìn)用戶增長(zhǎng)和活躍的常用手段，無(wú)論是節(jié)假日的各類運(yùn)營(yíng)活動(dòng)，還是各種等級(jí)、積分體系，都稱作激勵(lì)體系。因此很多人會(huì)困惑：為什么有的產(chǎn)品有 “積分” 又有“金幣” ，好像重復(fù)了？其實(shí)不然，它們是兩套并行的激勵(lì)體系，各自發(fā)揮著重要作用。激勵(lì)體系復(fù)雜多樣，因此筆者基于最近的實(shí)踐經(jīng)驗(yàn)和理論積累，將論述常見(jiàn)的用戶激勵(lì)方式，以及針對(duì)好看視頻APP人群分層設(shè)計(jì)激勵(lì)體系的思路。
一、什么是用戶激勵(lì)體系
激勵(lì)體系是圍繞產(chǎn)品各個(gè)階段和路徑設(shè)計(jì)獎(jiǎng)勵(lì)機(jī)制，通過(guò)不斷的正反饋，驅(qū)使用戶持續(xù)參與其中來(lái)達(dá)到對(duì)應(yīng)的產(chǎn)品目標(biāo)。好的激勵(lì)體系是能夠像指揮棒一樣，激勵(lì)用戶沿著指定的方向成長(zhǎng)，是激勵(lì)用戶增長(zhǎng)與用戶召回，刺激用戶活躍度的有力武器。
?有些文章從產(chǎn)品表現(xiàn)形式出發(fā)將用戶激勵(lì)劃分為等級(jí)體系、勛章體系、積分體系、會(huì)員體系等，但這樣劃分概念容易交叉重疊，大部分等級(jí)體系里經(jīng)常包含了積分，有些會(huì)員體系里還會(huì)嵌套勛章體系。因此，在分析各類產(chǎn)品和相關(guān)資料后，從激勵(lì)手段與用戶情感需求出發(fā)，可以將用戶激勵(lì)體系分為平臺(tái)精神激勵(lì)、物質(zhì)利益激勵(lì)、社交情感激勵(lì)三種。
?1）平臺(tái)精神激勵(lì)：是指平臺(tái)賦予的特殊等級(jí)、榮譽(yù)、勛章等，也會(huì)有積分或進(jìn)度進(jìn)行量化，最突出的特點(diǎn)就是用戶的等級(jí)是通過(guò)用戶自己努力獲得的，無(wú)法通過(guò)直接購(gòu)買(mǎi)行為得到，因此賦予的高等級(jí)具有精神層面的價(jià)值，才會(huì)被其他用戶認(rèn)可。
?2）物質(zhì)利益激勵(lì)：是指用戶可以獲得獎(jiǎng)勵(lì)從而進(jìn)行消費(fèi)的一套虛擬貨幣體系，從利益的角度對(duì)用戶進(jìn)行的激勵(lì)。消費(fèi)可以是在平臺(tái)兌換物品、權(quán)益，也可以是指兌換為現(xiàn)金。物質(zhì)利益激勵(lì)，有時(shí)也會(huì)與平臺(tái)的精神激勵(lì)體系相結(jié)合，作為輔助精神激勵(lì)的配套玩法。
?3）社交情感激勵(lì)：社交體系是通過(guò)用戶之間的互動(dòng)行為搭建起來(lái)的，貫穿產(chǎn)品特色始終。也是最具有用戶粘性的互相激勵(lì)方式，配合平臺(tái)賦予的身份精神激勵(lì)有很好的效果，也是平臺(tái)身份化的一種。如將用戶獲得粉絲數(shù)，點(diǎn)贊數(shù)視覺(jué)強(qiáng)化呈現(xiàn)，就能讓用戶獲得巨大的成就感，具有非常強(qiáng)的精神肯定作用，從而促使用戶生產(chǎn)更多的優(yōu)質(zhì)內(nèi)容，良性循環(huán)。
?以上三種激勵(lì)方式，設(shè)計(jì)師將激勵(lì)更加可視化，可互動(dòng)化、并在恰當(dāng)?shù)膱?chǎng)景與時(shí)機(jī)配合產(chǎn)品功能帶給用戶更多的情感價(jià)值，進(jìn)而完成產(chǎn)品目標(biāo)。
二、激勵(lì)體系的適用階段及發(fā)揮作用
以上是用戶視角下的激勵(lì)體系，下面講講產(chǎn)品業(yè)務(wù)下的激勵(lì)體系的作用，通常情況下激勵(lì)體系伴隨著用戶增長(zhǎng)的全流程“獲取—激活—留存—推薦—變現(xiàn)”各個(gè)過(guò)程。用戶增長(zhǎng)代表著增長(zhǎng)“用戶數(shù)量”與“用戶質(zhì)量”，以上三類激勵(lì)方式都會(huì)在產(chǎn)品增長(zhǎng)的各流程中承擔(dān)著不同程度的促進(jìn)作用：
?1）獲取階段：在獲取新用戶階段會(huì)采用各種物質(zhì)激勵(lì)進(jìn)行廣告投放、以網(wǎng)賺模式吸引用戶來(lái)使用。
?2）激活階段：激活階段主要是促使用戶使用某些功能，激發(fā)用戶需求并使得用戶留在產(chǎn)品持續(xù)使用，例如激勵(lì)系統(tǒng)中的任務(wù)系統(tǒng)設(shè)置針對(duì)新用戶的功能使用任務(wù)，引導(dǎo)用戶試用某些功能。
?3）留存階段：激活與留存通常為連貫的任務(wù)行為，往往采用以平臺(tái)精神激勵(lì)、社交情感激勵(lì)結(jié)合的方式激勵(lì)，針對(duì)不同行為特征的用戶會(huì)設(shè)置差異化手段激勵(lì)。例如一些長(zhǎng)期的打卡簽到類、養(yǎng)成類的任務(wù)活動(dòng)屬于培養(yǎng)用戶習(xí)慣的激勵(lì)方式。
?4）推薦階段：健康的產(chǎn)品推薦依賴用戶口口相傳，此時(shí)激勵(lì)系統(tǒng)主要用來(lái)激發(fā)用戶分享推薦。各種分享裂變活動(dòng)，賦予用戶更多推薦獎(jiǎng)勵(lì)，例如：老帶新的師徒活動(dòng)、邀請(qǐng)有獎(jiǎng)等。
?5）變現(xiàn)階段：這個(gè)階段往往會(huì)使用物質(zhì)激勵(lì)激發(fā)用戶快速完成指定的產(chǎn)品變現(xiàn)目標(biāo)，例如設(shè)置購(gòu)買(mǎi)商品等任務(wù)。
?因此伴隨著產(chǎn)品各階段產(chǎn)品發(fā)展目標(biāo)，采用不同的激勵(lì)方式能輔助產(chǎn)品快速達(dá)到目標(biāo)。
因?yàn)橛脩艏?lì)體系的最直接的作用是刺激用戶活躍度或引導(dǎo)用戶完成某些特定用戶行為，所以屬于調(diào)和劑而非產(chǎn)品核心定位，使用得當(dāng)才能回幫產(chǎn)品取得收益，尤其內(nèi)容產(chǎn)品，過(guò)度的激勵(lì)有時(shí)會(huì)帶來(lái)社區(qū)內(nèi)容水化、不恰當(dāng)?shù)慕疱X(qián)激勵(lì)也會(huì)使產(chǎn)品數(shù)據(jù)不健康。根據(jù)資料和實(shí)踐經(jīng)驗(yàn)總結(jié)而言，往往會(huì)在三種情況下使用較為恰當(dāng)：
（1）用戶已經(jīng)有了一定的量級(jí)，但是整體的活躍情況未達(dá)到預(yù)期，需要通過(guò)激勵(lì)體系拉升活躍，在產(chǎn)品發(fā)展階段屬于成熟產(chǎn)品的強(qiáng)化引導(dǎo)，對(duì)應(yīng)產(chǎn)品情況設(shè)計(jì)不同情況的激勵(lì)系統(tǒng)。
?（2）激勵(lì)體系或者成長(zhǎng)體系本身就是產(chǎn)品中必不可少的一部分，缺失了它之后產(chǎn)品就沒(méi)法順暢地跑下去，典型的例子如很多游戲產(chǎn)品，以升級(jí)為主線任務(wù)并獲得持續(xù)的成長(zhǎng)，屬于平臺(tái)賦予的故事主線與精神激勵(lì)。
?（3）本身的產(chǎn)品業(yè)務(wù)要求以及需要用戶完成某些特定的行為，但是發(fā)現(xiàn)用戶對(duì)于完成這個(gè)行為動(dòng)機(jī)有限，需要通過(guò)激勵(lì)體系來(lái)刺激他們，例如典型的在線教育課程中的某些學(xué)習(xí)行為，以及運(yùn)動(dòng)健身類需要長(zhǎng)期養(yǎng)成習(xí)慣的產(chǎn)品，例如KEEP的勛章體系激勵(lì)用戶持續(xù)運(yùn)動(dòng)的同時(shí)，還激發(fā)了用戶分享炫耀欲望，既有精神激勵(lì)又有社交情感價(jià)值。
?好看視頻目前產(chǎn)品現(xiàn)狀就屬于上述的第（1）、（3）兩種情況，在存量競(jìng)爭(zhēng)時(shí)期，需要進(jìn)行重新打造適合我們用戶的激勵(lì)體系來(lái)刺激用戶活躍度。
三、重新打造符合好看人群特征的激勵(lì)體系
3.1 好看視頻的用戶人群與現(xiàn)階段背景
《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》指出：截至2022年12月，短視頻用戶規(guī)模首次突破十億，隨著用戶消費(fèi)習(xí)慣養(yǎng)成，整個(gè)行業(yè)進(jìn)入成熟期。因此對(duì)短視頻平臺(tái)的發(fā)展預(yù)期也發(fā)生了改變，在短時(shí)間內(nèi)實(shí)現(xiàn)用戶體量的大幅度增長(zhǎng)變得不再現(xiàn)實(shí)，對(duì)用戶忠誠(chéng)度的培育成為各平臺(tái)的長(zhǎng)期經(jīng)營(yíng)目標(biāo)。
?好看視頻是百度旗下的短視頻平臺(tái)，在存量競(jìng)爭(zhēng)時(shí)期，其忠實(shí)用戶為中年男性，且人群偏下沉，因此我們需要聚焦于這類人群的內(nèi)容消費(fèi)需求，培養(yǎng)這類用戶對(duì)平臺(tái)的忠誠(chéng)度。設(shè)計(jì)師更要以用戶視角出發(fā)，圍繞著這類群體進(jìn)行深耕，服務(wù)好這部分人群并挖掘更多的機(jī)會(huì)點(diǎn)。
?3.2 尋找好看視頻激勵(lì)系統(tǒng)的設(shè)計(jì)發(fā)力點(diǎn)
從好看的現(xiàn)實(shí)情況來(lái)看，中年男性用戶對(duì)新事物不敏感，還沒(méi)建立起對(duì)單一平臺(tái)的忠誠(chéng)度，更多時(shí)候被動(dòng)完成短視頻內(nèi)容的消費(fèi)，因此這是挑戰(zhàn)也是機(jī)遇，設(shè)計(jì)師需要結(jié)合用戶本身特征，使用不同激勵(lì)方式將提升用戶的對(duì)平臺(tái)的粘性，因此激勵(lì)體系應(yīng)該全方位多角度的考慮三種激勵(lì)方式的使用與建設(shè)。
?（1）平臺(tái)精神激勵(lì)：主要以等級(jí)體系出發(fā)，能更好的強(qiáng)化現(xiàn)存忠實(shí)用戶的身份特征，樹(shù)立平臺(tái)特色下的忠實(shí)用戶的精神激勵(lì)與情感陪伴感知，激勵(lì)用戶自然而然的完成升級(jí)任務(wù)。
?（2）物質(zhì)利益激勵(lì)：等級(jí)體系的搭建形成了自然人群的劃分，對(duì)于低活人群、多年齡段能夠有針對(duì)性的進(jìn)行進(jìn)一步的個(gè)性化運(yùn)營(yíng)，不同任務(wù)行為軌跡或活躍程度的人群個(gè)性化定制任務(wù)與現(xiàn)金激勵(lì)，來(lái)達(dá)成對(duì)應(yīng)產(chǎn)品目標(biāo)，讓其養(yǎng)成習(xí)慣，進(jìn)而持續(xù)使用好看視頻，轉(zhuǎn)化為忠誠(chéng)用戶。
?（3）社交情感激勵(lì)：為了打造與創(chuàng)作者的良性互動(dòng)關(guān)系，提升用戶長(zhǎng)期留存，通過(guò)隨著等級(jí)升高會(huì)享有虛擬禮物，用來(lái)贈(zèng)送給創(chuàng)作者，創(chuàng)作者可以將禮物兌換流量劵，形成用戶側(cè)互動(dòng)激勵(lì)與創(chuàng)作者側(cè)的良性互動(dòng)。
?同時(shí)，我們還通過(guò)對(duì)現(xiàn)行好看視頻進(jìn)行用戶訪談及核心路徑的專家走查，發(fā)現(xiàn)好看現(xiàn)存的等級(jí)體系存在著等級(jí)無(wú)概念、規(guī)則不明確、任務(wù)鏈路不清晰的問(wèn)題。利用Fogg模型 ：B=MAP，進(jìn)行系統(tǒng)盤(pán)點(diǎn)梳理，在這個(gè)模型下，?的?為由動(dòng)機(jī)，能?和觸發(fā)或提示這三要素組成，這三個(gè)同時(shí)都滿?時(shí)?為才會(huì)發(fā)?，才能更好的達(dá)成激勵(lì)目標(biāo)。因此逐一進(jìn)行分析，找到設(shè)計(jì)發(fā)力點(diǎn)。
“M”動(dòng)機(jī)上：一方面打造平臺(tái)精神激勵(lì)與社交情感激勵(lì)，重構(gòu)等級(jí)規(guī)則與權(quán)益的呈現(xiàn)形式，另一方面低活用戶與中活用戶設(shè)計(jì)強(qiáng)化物質(zhì)利益激勵(lì)，激勵(lì)其轉(zhuǎn)化為高活用戶。
?“A”能力上：一方面解決現(xiàn)存問(wèn)題，明確任務(wù)路徑，簡(jiǎn)化認(rèn)知成本，引導(dǎo)用戶完成等級(jí)任務(wù)；另一方面強(qiáng)化簽到這一低成本的任務(wù)，構(gòu)建情感化反饋，塑造驚喜感知。
?“P”觸發(fā)上：整體增加用戶獲得感知，反復(fù)強(qiáng)化行為的正反饋，無(wú)論屬于哪種層級(jí)的用戶均能收到對(duì)應(yīng)目標(biāo)的精神鼓勵(lì)或物質(zhì)金錢(qián)的反饋感知，明確任務(wù)完成差距，促進(jìn)其持續(xù)留在好看，以下分別以此模型為基準(zhǔn)劃分進(jìn)行具體設(shè)計(jì)舉措的講述。
?四、好看視頻用戶分層激勵(lì)體系設(shè)計(jì)
4.1 打造不同用戶的激勵(lì)動(dòng)機(jī)
?1）突出等級(jí)層級(jí)差異，強(qiáng)化平臺(tái)精神激勵(lì)
?決定用戶動(dòng)機(jī)主要有8個(gè)核心的驅(qū)動(dòng)力：使命感、成就感、創(chuàng)造力、擁有感、社交性、稀缺感、好奇心、逃避心。因此利用用戶對(duì)于尊貴等級(jí)地位的追求進(jìn)行等級(jí)圖標(biāo)設(shè)計(jì)，以LOGO形狀為基礎(chǔ)設(shè)計(jì)了等級(jí)圖形，使用辨識(shí)度和認(rèn)知成本較低的數(shù)字進(jìn)行等級(jí)彰顯，體現(xiàn)等級(jí)的遞進(jìn)，同時(shí)采用不同顏色突出1至6等級(jí)的差異，高等級(jí)添加更明顯的金屬感，營(yíng)造稀有性和高貴感，同時(shí)在社交場(chǎng)景如“互動(dòng)區(qū)”、“個(gè)人中心”等，突出用戶身份。
整體等級(jí)框架由用戶身份等級(jí)展示、每日簽到、每日任務(wù)三個(gè)部分，以成就值為基數(shù)指標(biāo)，通過(guò)完成每日簽到與每日任務(wù)積累成就值，達(dá)到一定的數(shù)值即可完成升級(jí)。
2）打造用戶創(chuàng)作者之間特色互動(dòng)，構(gòu)建社交激勵(lì)
用戶等級(jí)體系主要包括三個(gè)方面：定義影響等級(jí)的行為、等級(jí)成長(zhǎng)值計(jì)算、不同等級(jí)對(duì)應(yīng)的權(quán)益。除了上述的等級(jí)展示虛擬效果外，等級(jí)用戶的平臺(tái)權(quán)益是激勵(lì)用戶去完成升級(jí)的重要的動(dòng)機(jī)。
因此在精神激勵(lì)的虛擬權(quán)益上，好看平臺(tái)希望能夠打造一款有記憶點(diǎn)的互動(dòng)方式，一方面；用戶之間的主要互動(dòng)場(chǎng)景是評(píng)論區(qū)，因此權(quán)益之一是打造符合好看人群特征的互動(dòng)表情，創(chuàng)造平臺(tái)特有的互動(dòng)語(yǔ)言來(lái)加強(qiáng)用戶交流；另一方面好看的內(nèi)容創(chuàng)作者一般為多平臺(tái)創(chuàng)作者，需要讓創(chuàng)作者在好看平臺(tái)上感受到用戶差異，激發(fā)創(chuàng)作動(dòng)力，因此也塑造了用戶等級(jí)下的另一個(gè)權(quán)益“鮮花禮物”。作者使用被打賞的鮮花可以進(jìn)行流量曝光的兌換，形成了一個(gè)用戶側(cè)互動(dòng)激勵(lì)與創(chuàng)作者側(cè)的良性互動(dòng)。
特權(quán)表情方面：我們通過(guò)評(píng)估5w條好看視頻評(píng)論數(shù)據(jù)，選出高頻關(guān)鍵詞10條，同時(shí)投放到社群用戶中進(jìn)行投票選舉，宣出我們用戶最更偏愛(ài)的交流詞匯，最終選出6個(gè)表情包文案：支持、點(diǎn)贊、厲害了、說(shuō)得好、學(xué)到了、好人一生平安。隨后開(kāi)始根據(jù)這五條內(nèi)容進(jìn)行表情圖案創(chuàng)作，打造具有好看特色、正向有梗的視覺(jué)系統(tǒng)。好看用戶下沉且年齡較大，對(duì)醒目直白、突出重點(diǎn)、易讀易懂的設(shè)計(jì)更偏愛(ài)。因此圍繞文字繪制了一套簡(jiǎn)單明確又具備詼諧感的表情包圖案，在用戶傳播上也能更易傳播，更能能打造好看品牌的互動(dòng)記憶點(diǎn)。
鮮花禮物特權(quán)方面：當(dāng)用戶升級(jí)及完成任務(wù)的同時(shí)可領(lǐng)取該獎(jiǎng)勵(lì)，我們采用用戶比較熟知的“授人鮮花，手有余香”的概念，等級(jí)越高可獲得更多鮮花，越能鼓勵(lì)作者，增進(jìn)了創(chuàng)作者與忠實(shí)粉絲之間的關(guān)系。免費(fèi)禮物是好看視頻的首創(chuàng)，雙向促進(jìn)用戶與作者激勵(lì)，后續(xù)其他平臺(tái)也進(jìn)行了功能跟進(jìn)。在作者的帶動(dòng)下，當(dāng)用戶想給作者贈(zèng)送鮮花時(shí)為了獲取更多的鮮花，也能導(dǎo)流到任務(wù)系統(tǒng)促進(jìn)等級(jí)任務(wù)的完成。
3）多元化激勵(lì)刺激轉(zhuǎn)化，突顯物質(zhì)激勵(lì)
為避免好看視頻的大齡用戶面對(duì)不同任務(wù)系統(tǒng)認(rèn)知混亂，同時(shí)也為了節(jié)約成本，我們希望整個(gè)平臺(tái)的激勵(lì)機(jī)制更為簡(jiǎn)潔克制，因此與業(yè)務(wù)商議，使用原有的的等級(jí)系統(tǒng)，分用戶群設(shè)計(jì)。平臺(tái)等級(jí)激勵(lì)作為基礎(chǔ)，結(jié)合物質(zhì)激勵(lì)，為不同類型的用戶配置不同的任務(wù)和活動(dòng)模板。
?高活躍度用戶已經(jīng)是好看的忠實(shí)用戶，連續(xù)一周每天都使用好看視頻并完成互動(dòng)任務(wù)。因此,設(shè)計(jì)上僅提供純粹的等級(jí)晉升機(jī)制和通用任務(wù)，自然地提高等級(jí)，通過(guò)連續(xù)不間斷的簽到可以逐步獲得越來(lái)越多的成就值獎(jiǎng)勵(lì)。
?中度活躍度用戶雖然也屬于平臺(tái)的老用戶，但未達(dá)到每周每天使用的頻率。因此，設(shè)置連續(xù)7天簽到可以獲得話費(fèi)券的激勵(lì)機(jī)制以引導(dǎo)其使用頻率的提高。我們期望這類用戶連續(xù)7天簽到并獲取獎(jiǎng)勵(lì)后可以逐漸養(yǎng)成每天使用好看的習(xí)慣，轉(zhuǎn)化為忠誠(chéng)用戶。
?低活躍度用戶通常為流失用戶或新用戶。除了設(shè)計(jì)更為激進(jìn)的引導(dǎo)外，等級(jí)中提供了更加強(qiáng)化的限時(shí)福利活動(dòng)激勵(lì)模塊，獲得門(mén)檻也相對(duì)較低。通過(guò)活動(dòng)進(jìn)程的提高，轉(zhuǎn)化不同階段的用戶至更高階段。
因此，三種類型用戶看到的任務(wù)系統(tǒng)各不相同，在任務(wù)路徑或者提醒反饋上能更對(duì)應(yīng)目標(biāo)的進(jìn)行設(shè)計(jì)引導(dǎo)。后續(xù)整體上線后數(shù)據(jù)整體歸因來(lái)看，對(duì)于大盤(pán)數(shù)據(jù)有顯著的提升，這些物質(zhì)激勵(lì)直接帶動(dòng)了中低活躍度用戶的登錄、留存，間接帶動(dòng)了時(shí)長(zhǎng)，同時(shí)進(jìn)入權(quán)益中心簽到行為也牽動(dòng)了用戶完成互動(dòng)任務(wù)。
?4.2 完善任務(wù)鏈路，強(qiáng)化簽到任務(wù)
1）簡(jiǎn)化認(rèn)知成本，引導(dǎo)用戶完成等級(jí)任務(wù)
除了上述等級(jí)權(quán)益外，等級(jí)任務(wù)設(shè)置也是用戶能順利理解等級(jí)提升概念的重要一環(huán)，在等級(jí)體系任務(wù)方面，我們按照用戶路徑來(lái)設(shè)計(jì)引導(dǎo)，引導(dǎo)其順利完成任務(wù)。
?首先對(duì)任務(wù)列表排序方面由易到難，保證首屏任務(wù)用戶看起來(lái)更容易完成，同時(shí)任務(wù)支持云端控制，對(duì)不同用戶任務(wù)難易也可以支持配置，其次在任務(wù)鏈路方面，增加了對(duì)于較難任務(wù)的引導(dǎo)介紹，完成任務(wù)的路徑中增進(jìn)引導(dǎo)，例如當(dāng)用戶輸入時(shí)輸入框增加默認(rèn)文案引導(dǎo)：“發(fā)評(píng)論得成就值”，降低任務(wù)中斷；最后在發(fā)布成功后，反饋告知成就值增加數(shù)量，增加回流提示，方便回到等級(jí)任務(wù)頁(yè)面持續(xù)完成任務(wù)。
2）強(qiáng)化低成本任務(wù)“每日簽到”，突出平臺(tái)的陪伴感知
等級(jí)中的簽到是最易完成任務(wù)類型，部分老用戶始終堅(jiān)持簽到，甚至達(dá)到百日以上，表明簽到系統(tǒng)確實(shí)能促進(jìn)用戶留存。因此設(shè)計(jì)上強(qiáng)化了簽到按鈕與簽到后的反饋，并衍生出了新的簽到反饋——日簽卡。日簽卡以彌散清新的風(fēng)格進(jìn)行對(duì)應(yīng)設(shè)計(jì)，配合常用的花卉、食材等圖案、文案分別對(duì)應(yīng)中年人愛(ài)看的人生感悟、養(yǎng)生常識(shí)、歷史上的今天，溫馨感十足，上線后還吸引了大量用戶分享保存日簽卡，極大的提升了簽到用戶的次日留存。
4.3 提升獲得感知，加強(qiáng)激勵(lì)觸達(dá)用戶
1）提升精神激勵(lì)的正反饋與榮譽(yù)感知
影響用戶等級(jí)的行為主要可分為：“主動(dòng)行為”和“被動(dòng)行為”。主動(dòng)行為：指用戶主動(dòng)付出的行為，可以是完善個(gè)人信息、發(fā)表評(píng)論等。被動(dòng)行為：指的是其他人對(duì)其的認(rèn)可行為，如獲得點(diǎn)贊、回答問(wèn)題被評(píng)選優(yōu)質(zhì)解答等。主動(dòng)行為伴隨著完成任務(wù)之后的即時(shí)性完成提醒。被動(dòng)行為設(shè)置在用戶冷啟動(dòng)后的提醒。同時(shí)階段性成長(zhǎng)也需要及時(shí)反饋給用戶，因此隨著在任務(wù)完成的階段性成長(zhǎng)、將等級(jí)信息的變化、成就值變化及時(shí)觸達(dá)給用戶，同時(shí)也應(yīng)盡量減少在播放場(chǎng)景對(duì)用戶的打擾。
2）強(qiáng)化物質(zhì)激勵(lì)金錢(qián)感知
除了精神激勵(lì)外，針對(duì)于低活躍度與中活躍度用戶，進(jìn)行差異化的激勵(lì)，用物質(zhì)金錢(qián)刺激用戶訪問(wèn)或完成任務(wù)。
?入口樣式：低活用戶使用了首頁(yè)懸浮球強(qiáng)引導(dǎo)進(jìn)入，同時(shí)中低活躍度的簽到入口也增加了紅包的樣式，吸用用戶快速點(diǎn)擊進(jìn)入簽到。
?提醒方面：當(dāng)?shù)突钴S度用戶首次進(jìn)入到等級(jí)任務(wù)系統(tǒng)時(shí)，我們?cè)O(shè)計(jì)了彈窗強(qiáng)化，幫助用戶快速理解獎(jiǎng)勵(lì)的獲取方式；當(dāng)用戶有過(guò)簽到行為時(shí)，第二天進(jìn)入好看時(shí)會(huì)以站內(nèi)信通知的形式吸引用戶別忘記當(dāng)前連續(xù)簽到。
?反饋方面：當(dāng)用戶獲得金錢(qián)獎(jiǎng)勵(lì)也會(huì)有強(qiáng)樣式彈窗提醒。
寫(xiě)在最后
產(chǎn)品激勵(lì)體系的設(shè)計(jì)是一個(gè)綜合多種因素的復(fù)雜過(guò)程，它需要結(jié)合產(chǎn)品特性、運(yùn)營(yíng)模式以及用戶特征，同時(shí)還需考慮投資回報(bào)率和成本等因素，最終形成一條連貫的設(shè)計(jì)方案。本文試圖從交互設(shè)計(jì)的角度，總結(jié)并分享相關(guān)理論知識(shí)和實(shí)踐經(jīng)驗(yàn)。隨著用戶對(duì)各種產(chǎn)品激勵(lì)手段的日益麻木，激勵(lì)設(shè)計(jì)也變得愈發(fā)復(fù)雜，筆者更傾向于產(chǎn)品在用戶激勵(lì)設(shè)計(jì)方面采取簡(jiǎn)單清晰的方式，不夸大設(shè)計(jì)理念也不過(guò)于復(fù)雜化，以示對(duì)每一位用戶的尊重。同時(shí)，也希望看到這里的你能夠有所收獲。
感謝閱讀，以上內(nèi)容均由百度MEUX團(tuán)隊(duì)原創(chuàng)設(shè)計(jì)，以及百度MEUX版權(quán)所有，轉(zhuǎn)載請(qǐng)注明出處，違者必究，謝謝您的合作。申請(qǐng)轉(zhuǎn)載授權(quán)后臺(tái)回復(fù)【轉(zhuǎn)載】。也歡迎加入MEUX,視覺(jué)/交互/運(yùn)營(yíng)設(shè)計(jì)師。關(guān)于我們：MEUX,百度移動(dòng)生態(tài)用戶體驗(yàn)設(shè)計(jì)中心，負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡(jiǎn)單極致」為設(shè)計(jì)理念，創(chuàng)造極致用戶體驗(yàn)的同時(shí)賦能商業(yè)，推動(dòng)設(shè)計(jì)行業(yè)的價(jià)值和影響力，讓生活因設(shè)計(jì)而更美好。 展開(kāi)全文66%
作者：百度MEUX
來(lái)源：站酷
藍(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.miumiuwan.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ì)是一門(mén)創(chuàng)造性的藝術(shù)，旨在解決各種問(wèn)題，改善人們的生活、工作和娛樂(lè)體驗(yàn)。設(shè)計(jì)不僅是一種視覺(jué)藝術(shù)形式，還涉及到各種因素，比如人機(jī)交互、用戶體驗(yàn)、可持續(xù)性等方面。設(shè)計(jì)者需要充分了解各種問(wèn)題，并運(yùn)用創(chuàng)造性的方式提出創(chuàng)新解決方案。
設(shè)計(jì)就是要做一些根本性的改變。這是因?yàn)樵O(shè)計(jì)的目的是解決問(wèn)題，而問(wèn)題本身可能需要根本性的改變才能得到解決。例如，如果一個(gè)產(chǎn)品或服務(wù)無(wú)法滿足用戶的需求，那么設(shè)計(jì)師就需要進(jìn)行修改和改進(jìn)以更好地滿足用戶需求。這可能需要對(duì)產(chǎn)品的整體結(jié)構(gòu)、功能和用戶體驗(yàn)進(jìn)行重新設(shè)計(jì)。
在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師需要充分了解問(wèn)題并與相關(guān)人員進(jìn)行溝通與交流，以確保設(shè)計(jì)方案滿足方案的要求。設(shè)計(jì)師需要了解目標(biāo)用戶的需求和使用場(chǎng)景，以便開(kāi)發(fā)出最適合他們的解決方案。此外，設(shè)計(jì)師還需要考慮諸如成本、生產(chǎn)效率和可持續(xù)性等問(wèn)題。
為了做出根本性的改變，設(shè)計(jì)者需要遵循以下幾個(gè)步驟：
了解問(wèn)題
設(shè)計(jì)師需要充分了解與問(wèn)題相關(guān)的所有因素，包括問(wèn)題的根源、用戶需求、使用場(chǎng)景、競(jìng)爭(zhēng)對(duì)手等。這些信息將有助于設(shè)計(jì)師了解問(wèn)題并提出最佳解決方案。
提出創(chuàng)新解決方案
設(shè)計(jì)師需要將他們所學(xué)習(xí)到的知識(shí)和理論與實(shí)際情況相結(jié)合，提出新穎的、可操作的、高效的解決方案。這需要設(shè)計(jì)師具備創(chuàng)造力、創(chuàng)新精神、邏輯思維能力等。
實(shí)施方案
設(shè)計(jì)師需要將他們的設(shè)計(jì)方案付諸實(shí)踐，并確認(rèn)它們是否能夠達(dá)到預(yù)期的效果。在實(shí)施過(guò)程中，設(shè)計(jì)師可能需要進(jìn)行修改和調(diào)整，以確保其解決方案的質(zhì)量。
評(píng)估結(jié)果
一旦設(shè)計(jì)師完成了他們的設(shè)計(jì)方案，他們需要評(píng)估其在實(shí)踐中的效果。評(píng)估包括測(cè)試、用戶反饋和性能改進(jìn)。如果問(wèn)題仍然存在，則需要重新回到設(shè)計(jì)過(guò)程中，重新審視問(wèn)題并提出新的解決方案。
總之，設(shè)計(jì)者必須具有好奇心、創(chuàng)造性和批判性思維來(lái)找出問(wèn)題的真正根源，并提供創(chuàng)新解決方案。通過(guò)這些步驟，設(shè)計(jì)者可以改變事物的本質(zhì)，并帶來(lái)更好的用戶體驗(yàn)和生活質(zhì)量。
藍(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.miumiuwan.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ì)公司。
在當(dāng)今數(shù)字化時(shí)代，用戶界面對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō)是至關(guān)重要的。一個(gè)好的用戶界面可以提高用戶的使用體驗(yàn)，并提高用戶的滿意度和忠誠(chéng)度。而一個(gè)簡(jiǎn)潔的界面，如果能夠在細(xì)節(jié)方面下功夫，同樣可以讓用戶產(chǎn)生深刻的印象。本文將從設(shè)計(jì)師的角度出發(fā)，探討如何設(shè)計(jì)出一種讓用戶感覺(jué)簡(jiǎn)潔的界面卻又充滿了細(xì)節(jié)的方法。
第一章 簡(jiǎn)潔的設(shè)計(jì)
首先，讓我們來(lái)聊聊什么是簡(jiǎn)潔的設(shè)計(jì)。簡(jiǎn)潔的設(shè)計(jì)通常體現(xiàn)在以下幾個(gè)方面：
一、內(nèi)容繁瑣程度低：簡(jiǎn)潔的設(shè)計(jì)通常會(huì)精簡(jiǎn)掉一些不必要的內(nèi)容，使得整個(gè)界面顯得干凈利落。
二、顏色搭配簡(jiǎn)約：顏色搭配的簡(jiǎn)潔對(duì)于用戶使用也是非常友好的。而一些過(guò)于花哨的色彩突出的界面會(huì)讓人感覺(jué)疲憊。
三、字體簡(jiǎn)單明了：不同的字體可以為界面帶來(lái)不同的氛圍，但是過(guò)多的字體在視覺(jué)上會(huì)感到混亂，而一個(gè)簡(jiǎn)單明了的字體會(huì)讓界面更為清晰。
四、布局合理：簡(jiǎn)潔的設(shè)計(jì)會(huì)考慮到布局的合理性，能夠把界面上不同的元素彼此隔離，減少干擾。
第二章 細(xì)節(jié)的處理
通過(guò)前面的探討，我們了解到了什么是簡(jiǎn)潔的設(shè)計(jì)。接下來(lái)，我們需要在這個(gè)基礎(chǔ)上加入更多的細(xì)節(jié)，從而提高用戶體驗(yàn)。
一、微交互：微交互可以改善用戶與互聯(lián)網(wǎng)產(chǎn)品打交道的體驗(yàn)，它們通常是簡(jiǎn)單和快速的反饋，例如按鈕按下后的動(dòng)畫(huà)效果。這些微交互雖然小，但是確實(shí)能夠帶給用戶沉浸式的使用感受。
二、動(dòng)態(tài)圖像：相比于靜態(tài)的圖片，動(dòng)態(tài)圖像能夠讓用戶感受到更多的信息，從而更好地呈現(xiàn)出產(chǎn)品的特性。
三、交互反饋：當(dāng)用戶進(jìn)行界面上的操作時(shí)，必須有適當(dāng)?shù)姆答亖?lái)確認(rèn)操作已經(jīng)成功執(zhí)行或未執(zhí)行。這樣的反饋是對(duì)用戶行為的最初回應(yīng)，它決定了用戶對(duì)界面完成任務(wù)的信任度。
四、十分精致的圖標(biāo)和按鈕：當(dāng)像素越高時(shí)，細(xì)節(jié)就會(huì)變得更加明顯。因此，在設(shè)計(jì)圖標(biāo)和按鈕時(shí)，應(yīng)該采用高像素并確保圖標(biāo)的細(xì)節(jié)和構(gòu)造清晰，這樣能讓用戶有更好的使用體驗(yàn)。
結(jié)語(yǔ)
總之，設(shè)計(jì)一個(gè)偏簡(jiǎn)潔卻充滿了細(xì)節(jié)的界面是一項(xiàng)挑戰(zhàn)。我們應(yīng)該嘗試從微觀的角度出發(fā)，為用戶提供盡可能優(yōu)秀的交互體驗(yàn)。同時(shí)，也應(yīng)該將自己的品味和創(chuàng)造力在這些細(xì)節(jié)上充分展現(xiàn)。最后，希望通過(guò)本文的探討，能夠?qū)ψx者在設(shè)計(jì)界面時(shí)提供一點(diǎn)啟發(fā)。
藍(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.miumiuwan.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.miumiuwan.com