狀態(tài)可見性原則是人機(jī)交互學(xué)博士尼爾森發(fā)表的“十大可用性原則”中的其中一條眼姐。
通過傳達(dá)系統(tǒng)的當(dāng)前狀態(tài)，讓用戶感覺到產(chǎn)品具有可控性佩番，而這種控制感可以幫助用戶建立信任众旗。
文章目錄：
1、顯示當(dāng)前位置或進(jìn)度
2趟畏、確認(rèn)操作
3贡歧、顯示系統(tǒng)狀態(tài)
4、觸發(fā)事件
01 顯示當(dāng)前位置或進(jìn)度
當(dāng)前定位
無論是在現(xiàn)實(shí)世界赋秀，還是數(shù)字網(wǎng)絡(luò)中利朵，都沒有人喜歡迷失。讓用戶知道他們在產(chǎn)品中的位置對于創(chuàng)建良好的導(dǎo)航體驗(yàn)至關(guān)重要猎莲。
應(yīng)用程序和網(wǎng)站都應(yīng)該突出顯示當(dāng)前的導(dǎo)航選項绍弟，以幫助用戶準(zhǔn)確定位當(dāng)前位置。
完成操作需要的步驟
知道完成某個操作需要多少步驟著洼，將有助于用戶估計完成該過程所需的時間樟遣。
02 確認(rèn)操作
為所有的互動提供即時反饋至關(guān)重要。即時的視覺反饋表明系統(tǒng)實(shí)際上已經(jīng)捕獲了用戶的點(diǎn)擊身笤，增強(qiáng)了直接操作的感覺豹悬，并防止出錯（例如同一個按鈕按了兩次）。
但是在某些情況下液荸，更改按鈕本身的狀態(tài)也很重要瞻佛。在這種情況下，視覺反饋傳達(dá)交互的結(jié)果娇钱，使其既可見又能被理解伤柄。以下是一些這樣的案例：
點(diǎn)擊“點(diǎn)贊”按鈕。
打開或關(guān)閉按鈕文搂。按鈕顏色的變化為用戶提供了關(guān)于對象當(dāng)前狀態(tài)的信號响迂。
添加書簽。
加入購物車细疚。在這種情況下蔗彤，視覺反饋將證明該商品已添加到購物車。
03 顯示系統(tǒng)狀態(tài)
等待加載
當(dāng)系統(tǒng)加載所需時間超過幾秒時疯兼，應(yīng)該立即向用戶提供反饋然遏。根據(jù)等待時間，建議使用無限加載指示（用于少于10秒的操作）：
或進(jìn)度條（用于10秒鐘以上的操作）：
這些狀態(tài)表明系統(tǒng)正在工作吧彪，降低了不確定性待侵。
對于移動產(chǎn)品，可以在加載初期使用閃屏動效姨裸。精心設(shè)計的開屏將為首次使用產(chǎn)品的用戶帶來積極的印象秧倾，并將他們的注意力從等待中轉(zhuǎn)移出來怨酝。
內(nèi)容加載
當(dāng)需要花費(fèi)一些時間來加載內(nèi)容時，可以使用另一種特殊的樣式——骨架屏（Skeleton Screen）：在頁面數(shù)據(jù)尚未加載前先給用戶展示出頁面的大致結(jié)構(gòu)那先，直到請求數(shù)據(jù)返回后再渲染頁面农猬，補(bǔ)充需要顯示的數(shù)據(jù)內(nèi)容。
這樣的好處在于不會干擾用戶操作售淡，并且對加載的內(nèi)容有一個大致的預(yù)期斤葱，特別是弱網(wǎng)絡(luò)環(huán)境下極大的優(yōu)化了用戶體驗(yàn)。
電腦端和移動端產(chǎn)品都適用于這樣的形式揖闸。
04 觸發(fā)事件
通知／指示
有效通知的目的是為了引導(dǎo)用戶注意新的事件揍堕。可使用微妙的動效進(jìn)行通知汤纸，因?yàn)閯有軌蚝茏匀坏匕延脩舻淖⒁饬劢乖谝黄稹?/p>
要求用戶采取行動
在許多情況下衩茸，系統(tǒng)可能會請求用戶操作的數(shù)據(jù)。例如贮泞，當(dāng)用戶使用無效數(shù)據(jù)填寫表單時递瑰，或者創(chuàng)建了一個密碼但不是很復(fù)雜，或者提供了無效的郵箱等隙畜。
所以最好使用適當(dāng)?shù)囊曈X反饋抖部，提前告訴用戶存在的問題。
總結(jié)
更多控制權(quán)可以帶來更好的用戶體驗(yàn)：
1. 明確定位當(dāng)前位置或者操作進(jìn)度议惰；
2. 為互動提供即時反饋慎颗；
3. 注意加載狀態(tài)下的反饋和體驗(yàn)；
4. 合適的動效能更直接地說明問題言询。
視覺反饋將整個體驗(yàn)結(jié)合在一起俯萎。用戶與產(chǎn)品交互時，他們期望可預(yù)測性和可控制性运杭，這正是設(shè)計師應(yīng)該提供視覺反饋的原因夫啊。
更多精選文章請關(guān)注公眾號：Clip設(shè)計夾
精彩推薦：
