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