中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文總結(jié)了提高產(chǎn)品狀態(tài)可見(jiàn)性的4種方法：顯示當(dāng)前位置或進(jìn)度、確認(rèn)操作、顯示系統(tǒng)狀態(tài)、觸發(fā)事件。

如何讓用戶(hù)時(shí)刻清楚自己所處的狀態(tài)、并對(duì)當(dāng)前的目標(biāo)及去向有所了解呢？

本文將提供四種反饋方法來(lái)提高產(chǎn)品狀態(tài)的可見(jiàn)性。

狀態(tài)可見(jiàn)性原則是人機(jī)交互學(xué)博士尼爾森發(fā)表的“十大可用性原則”中的其中一條。

通過(guò)傳達(dá)系統(tǒng)的當(dāng)前狀態(tài)，讓用戶(hù)感覺(jué)到產(chǎn)品具有可控性，而這種控制感可以幫助用戶(hù)建立信任。

一、顯示當(dāng)前位置或進(jìn)度

1. 當(dāng)前定位

無(wú)論是在現(xiàn)實(shí)世界，還是數(shù)字網(wǎng)絡(luò)中，都沒(méi)有人喜歡迷失。讓用戶(hù)知道他們?cè)诋a(chǎn)品中的位置對(duì)于創(chuàng)建良好的導(dǎo)航體驗(yàn)至關(guān)重要。

應(yīng)用程序和網(wǎng)站都應(yīng)該突出顯示當(dāng)前的導(dǎo)航選項(xiàng)，以幫助用戶(hù)準(zhǔn)確定位當(dāng)前位置。

2. 完成操作需要的步驟

知道完成某個(gè)操作需要多少步驟，將有助于用戶(hù)估計(jì)完成該過(guò)程所需的時(shí)間。

二、確認(rèn)操作

為所有的互動(dòng)提供即時(shí)反饋至關(guān)重要。即時(shí)的視覺(jué)反饋表明了系統(tǒng)已經(jīng)捕獲了用戶(hù)的點(diǎn)擊，增強(qiáng)直接操作的感覺(jué)，并防止出錯(cuò)（例如同一個(gè)按鈕按了兩次）。

但是在某些情況下，更改按鈕本身的狀態(tài)也很重要。在這種情況下，視覺(jué)反饋傳達(dá)交互的結(jié)果，使其既可見(jiàn)又能被理解。以下是一些這樣的案例：

1. 點(diǎn)擊“點(diǎn)贊”按鈕

2. 打開(kāi)或關(guān)閉按鈕

按鈕顏色的變化為用戶(hù)提供了關(guān)于對(duì)象當(dāng)前狀態(tài)的信號(hào)。

3. 添加書(shū)簽

4. 加入購(gòu)物車(chē)

在這種情況下，視覺(jué)反饋將證明該商品已添加到購(gòu)物車(chē)。

三、 顯示系統(tǒng)狀態(tài)

1. 等待加載

當(dāng)系統(tǒng)加載所需時(shí)間超過(guò)幾秒時(shí)，應(yīng)該立即向用戶(hù)提供反饋。根據(jù)等待時(shí)間，建議使用無(wú)限加載指示（通常用于少于10秒的操作）：

或進(jìn)度條（用于10秒鐘以上的操作），這些狀態(tài)表明系統(tǒng)正在工作，降低了不確定性。

對(duì)于移動(dòng)產(chǎn)品，可以在加載初期使用閃屏動(dòng)效。精心設(shè)計(jì)的開(kāi)屏將為首次使用產(chǎn)品的用戶(hù)帶來(lái)積極的印象，并將他們的注意力從等待中轉(zhuǎn)移出來(lái)。

2. 內(nèi)容加載

當(dāng)需要花費(fèi)一些時(shí)間來(lái)加載內(nèi)容時(shí)，可以使用另一種特殊的樣式——骨架屏（Skeleton Screen）：在頁(yè)面數(shù)據(jù)尚未加載前先給用戶(hù)展示出頁(yè)面的大致結(jié)構(gòu)，直到請(qǐng)求數(shù)據(jù)返回后再渲染頁(yè)面，補(bǔ)充需要顯示的數(shù)據(jù)內(nèi)容。

這樣的好處在于不會(huì)干擾用戶(hù)操作，并且對(duì)加載的內(nèi)容有一個(gè)大致的預(yù)期，特別是弱網(wǎng)絡(luò)環(huán)境下極大的優(yōu)化了用戶(hù)體驗(yàn)。

電腦端和移動(dòng)端產(chǎn)品都適用于這樣的形式。

四、觸發(fā)事件

1. 通知／指示

有效通知的目的是為了引導(dǎo)用戶(hù)注意新的事件。可以使用微妙的動(dòng)效進(jìn)行通知，因?yàn)閯?dòng)效能夠很自然地把用戶(hù)的注意力聚焦在一起。

2. 要求用戶(hù)采取行動(dòng)

在許多情況下，系統(tǒng)可能會(huì)請(qǐng)求用戶(hù)操作的數(shù)據(jù)。例如，當(dāng)用戶(hù)使用無(wú)效數(shù)據(jù)填寫(xiě)表單時(shí)，或者創(chuàng)建了一個(gè)密碼但不是很復(fù)雜，或者提供了無(wú)效的郵箱等。

所以最好使用適當(dāng)?shù)囊曈X(jué)反饋，提前告訴用戶(hù)存在的問(wèn)題。

五、總結(jié)

更多控制權(quán)可以帶來(lái)更好的用戶(hù)體驗(yàn)：

1. 明確定位當(dāng)前位置或者操作進(jìn)度；
2. 為互動(dòng)提供即時(shí)反饋；
3. 注意加載狀態(tài)下的反饋和體驗(yàn)；
4. 合適的動(dòng)效能更直接地說(shuō)明問(wèn)題。

在大型的設(shè)計(jì)項(xiàng)目中，視覺(jué)反饋可能很容易被忽略，但它實(shí)際上將整個(gè)體驗(yàn)結(jié)合在一起。當(dāng)用戶(hù)與產(chǎn)品交互時(shí)，他們期望可預(yù)測(cè)性和可控制性，這正是設(shè)計(jì)師應(yīng)該提供視覺(jué)反饋的原因。

原文：https://uxplanet.org/4-ways-to-communicate-the-visibility-of-system-status-in-ui-14ff2351c8e8

作者：Nick Babich

譯者：Clippp，微信公眾號(hào)：Clip設(shè)計(jì)夾。每周精選設(shè)計(jì)文章，專(zhuān)注分享關(guān)于產(chǎn)品、交互、視覺(jué)上的設(shè)計(jì)思考。

本文由 @Clippp 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議