系統(tǒng)應(yīng)該在合適的時間內(nèi)通過適當(dāng)?shù)姆答?始終讓用戶了解正在發(fā)生的事情——尼爾森

自我理解：用戶無論在界面上做什么，都應(yīng)該及時告知他發(fā)生了什么或者進展到什么程度。可以理解為人與人的溝通，界面需要及時告訴我們做了什么，現(xiàn)在是什么情況。

a.  這種告知應(yīng)該是及時的。

加載任務(wù)在互聯(lián)網(wǎng)中是最常見的，在加載過程中應(yīng)當(dāng)及時傳達加載過程，減少用戶的心理等待時間。在外部加載總時間無法優(yōu)化的時候，使用何種方式能有更好的用戶體驗是設(shè)計時需要考慮的。

b.  應(yīng)當(dāng)告知用戶你在哪里

你的界面需要引導(dǎo)用戶來操作，即作為用戶應(yīng)該清楚的明白我在什么位置，我下一步可以去做什么操作。

現(xiàn)在app的很多設(shè)計基礎(chǔ)包括頂部的導(dǎo)航分欄和底部的tab bar都是為了告訴用戶他在哪里。

在做一些概念設(shè)計時候，如果單純是為了更好的視覺效果，就對這些基礎(chǔ)分欄進行大刀闊斧的設(shè)計，最終導(dǎo)致了好看是好看，可是用戶都不知道這頁面是干什么的結(jié)果，很明顯是違背了最基本的交互原則 狀態(tài)可見原則。

c.  應(yīng)當(dāng)告知用戶事情怎么樣了

用戶在你的界面是要做什么事情，這是你在設(shè)計之前應(yīng)該思考的問題。

如何把用戶要做的這件事情更好的呈現(xiàn)給用戶，反饋給用戶以及有哪些信息需要反饋給用戶都是你要從交互的角度思考的，這包括過去發(fā)生的信息和即將發(fā)生的信息，也包括正向反饋和負(fù)向反饋。（這種操作是否成功了？這種操作進展到什么程度了？如果這樣操作會有什么后果？點擊之后會達到什么頁面？這里是否可以點擊？）

很多概念性的設(shè)計很酷，從交互的角度上來看也是因為界面對信息進行了很好的反饋，比如下面的設(shè)計就是對登山的信息進行了很直觀的反饋。（來自設(shè)計設(shè)計師anastasia  原地址https://dribbble.com/shots/8291047-Tourism-App-Mobile-Concept）

自我理解：不同的人生活在不同的環(huán)境里面，不同的界面也有不同的外部環(huán)境。盡量保證界面在自己產(chǎn)品定義的風(fēng)格里面，如果有機會還原真實世界的狀態(tài)也很好。

a.  根據(jù)用戶制定產(chǎn)品語言

在制定產(chǎn)品語言時，要了解產(chǎn)品的用戶人群，使用相對應(yīng)的用戶群體所熟悉的文字語言 圖形語言  板式結(jié)構(gòu)  配色方法。要讓我們的用戶覺得這個產(chǎn)品很符合自己，而不是讓一個老大爺去滑滑梯的感覺。一般來講即便是同一產(chǎn)品，在國內(nèi)外的產(chǎn)品語言也是有所不同的。

a. 模擬真實環(huán)境

產(chǎn)品在一些展示上模仿現(xiàn)實世界的樣子，可以讓用戶快速接受，并感受到真實易懂。不僅僅局限于靜態(tài)外觀的模仿，還包括模擬真實物品的動態(tài)效果 聲音等 都能給用戶良好的使用體驗

很多逼真的動效也是來自真實世界的映照。比如下面的可樂瓶的晃動就和真實世界很接近，讓用戶有很強的代入感。（作品來自設(shè)計師dannniel 原地址：https://dribbble.com/shots/6351526-Select-Drink-Animation）

自我理解：為了不讓用戶進入一個錯誤的場景或者結(jié)果，對于一些特殊操作應(yīng)該給予撤回重做，讓用戶能夠充分的確定接下來的行為。

a.  返回到原始狀態(tài)

可以理解為悔棋，即已經(jīng)發(fā)生的行為返回到原始的頁面狀態(tài)，這個條件的設(shè)置也應(yīng)該有一些條件的限制，不能一直無限返回。

自我理解：君子常常言行一致，好的產(chǎn)品也是一樣。保持為一個統(tǒng)一的整體，包括產(chǎn)品內(nèi)部和產(chǎn)品外部，也包括線上和線下。

a.  與競品保持一致

很多人講現(xiàn)在的同一類產(chǎn)品的同質(zhì)化現(xiàn)象嚴(yán)重，其背后也是有一定原因的。相同或相似產(chǎn)品的用戶習(xí)慣保持一致，即意味著用戶需要更少的時間去學(xué)習(xí)甚至不需要學(xué)習(xí)。從產(chǎn)品設(shè)計上講，用戶使用越方便易用，產(chǎn)品設(shè)計的越成功。和相關(guān)主流競品做出比較大差異化設(shè)計時候，雖然擺脫了同質(zhì)化的問題，但是很多常規(guī)操作卻需要用戶重新學(xué)習(xí)，這樣帶來的后果很有可能就是用戶流失。所以，沒有充分的理由，請與競品保持一致。

b.  請建立一套完整的規(guī)范

一套完整的規(guī)范包括組件 色彩 間距  版塊結(jié)構(gòu) 等。規(guī)范可以讓你的產(chǎn)品一致性更強，你要讓用戶能夠?qū)δ愕漠a(chǎn)品產(chǎn)生一定的規(guī)范性印象，當(dāng)他看到一張頁面就能聯(lián)想到這是什么產(chǎn)品。

c.  請保持產(chǎn)品迭代的一致性

現(xiàn)在隨著互聯(lián)網(wǎng)市場的不斷穩(wěn)定，很多產(chǎn)品進入了穩(wěn)定的迭代期。但是在迭代期也應(yīng)該以保持產(chǎn)品語言 用戶使用習(xí)慣的一致性為一大重要原則，版本的迭代也應(yīng)該逐步進行，不要急功近利。盡量保持原有的設(shè)計元素一致性，新功能的創(chuàng)新也盡量不要損害原有用戶的使用體驗。

自我理解：再發(fā)生錯誤之前采取措施來避免。

a. 引導(dǎo)用戶，不要讓錯誤出現(xiàn)。

很多app迭代更新之后會有操作指引，目的就是為了讓用戶學(xué)習(xí)，減少錯誤操作。很多引導(dǎo)頁也有相類似的功能。

b. 給予提示，尤其是用戶在做一些重要操作的時候

一些重要的敏感操作，產(chǎn)品通過二次詢問得到用戶的確認(rèn)，

自我理解：能讓你的軟件產(chǎn)品來記住，就不要讓你的用戶來記。盡可能的在設(shè)計產(chǎn)品的時候，不要讓用戶去記憶，把用戶當(dāng)傻瓜。

a 記住用戶的使用操作記錄

這個記錄不單單是在某一設(shè)備上，一般來講都是跨設(shè)備進行同步。用戶在使用的時候不用來回調(diào)整，體驗感是很強。

 

b  讓用戶選擇信息而不是填寫

填寫是一件成本極大的事情，很多用戶不愿意在這上面花費時間。所以產(chǎn)品在設(shè)計的時候要盡量讓用戶去選，而不是去寫。

c 自動讀取

思考產(chǎn)品一些功能的使用場景，有沒有自動智能化的需要。即不用問候產(chǎn)品使用者，自動提供解決方案。注意，這里講的是提供方案，不是解決方案。提供大多數(shù)的解決方案，可以節(jié)省使用者的交互步驟或者瀏覽時間等，也是易用性高的表現(xiàn)。

d 提供適量的信息

其實另外一個交互定律法則（以后會講）其實提到了選擇的數(shù)量，移動端的選項一般不會超過五個，超過五個用戶的頭腦就會混亂。所以要考慮信息的擺放位置在哪里，一方面是需求決定的，另一方面也應(yīng)該控制每一個選項的數(shù)量，不要讓用戶感到焦慮。

自我理解：一般來講產(chǎn)品的用戶群體是多樣化，用戶的使用熟悉度也是有差別的。要照顧到絕大多數(shù)用戶群體的使用體驗，所謂的高頻是每一個用戶群體比較常使用。

a.  設(shè)置快捷/重復(fù)入口

講產(chǎn)品常用或者主打的功能放在產(chǎn)品容易操作的位置或者重復(fù)出現(xiàn)，用戶可以高效的完成自己的需求。

一般來講用戶的使用頻率越高越要放在操作熱區(qū)和表面，反之亦然。

b.  用戶自定義常用功能

照顧到不同用戶對于某些功能的需求不同，對產(chǎn)品的部分功能進行用戶自定義化操作，提高用戶使用的靈活性。

c.  給用戶默認(rèn)選項

將用戶經(jīng)常使用的選項作為默認(rèn)，減少用戶操作時間，達到靈活高效的目的。像淘寶都會設(shè)置默認(rèn)的收貨地址，每次下單不用每次都輸入，十分高效。（當(dāng)然也有翻車的時候）

自我理解：互聯(lián)網(wǎng)用戶閱讀產(chǎn)品的一個很重要的特點就是快。即不是來閱讀不是來看，而是掃一眼。所以要求頁面上的內(nèi)容能夠清晰可見，方便用戶快速捕捉到自己喜歡閱讀的信息，減少不必要的干擾，簡潔高效。

a.  清晰的板塊劃分

把頁面內(nèi)容的優(yōu)先級別進行分級，清晰的板塊劃分將會引導(dǎo)用戶操作。還可以將頁面的主推內(nèi)容向用戶展示，避免用戶分不清重點。

b.  減少視覺噪音

注意頁面的主角是誰，在平面設(shè)計中也有相同的概念。不要讓背景或者裝飾嘩眾取寵，而影響主要信息的傳遞，視覺設(shè)計是來輔助業(yè)務(wù)表達的。如果核心需求沒有傳遞好，那就會單純地成為一件藝術(shù)品，而不是設(shè)計作品。所以在設(shè)計過程中，要權(quán)衡視覺點，減少不必要的噪音干擾。

c. 嚴(yán)格遵守設(shè)計的四大基本原則：親密  對比  重復(fù)   對齊

落實到界面上包括間距 字號 字重 版式節(jié)奏 。其實看到看到很多界面做的不精彩不優(yōu)美，就是基礎(chǔ)性的原則就沒有完全落實貫徹。這里就不舉例，基本所有的設(shè)計都要遵守的原則，很重要，很重要，很重要。

自我理解：要考慮到頁面可能發(fā)生意外，錯誤發(fā)生后要及時彌補。

a.  提供清晰地說明和解決方案

考慮到可能會達到的錯誤界面。在發(fā)生的錯誤結(jié)果上，使用明確清晰的語言告知錯誤的原因，并給予解決方案。

自我理解：要考慮到頁面可能發(fā)生意外，錯誤發(fā)生后要及時彌補。這一部分其實主要進行一些說明，讓用戶操作方便，相當(dāng)于使用說明書。

a.  無需文檔

進行新頁面的設(shè)計盡量直觀清晰，符合用戶習(xí)慣，無需引導(dǎo)即可使用。

b.  一次性提示

改版引導(dǎo)或者新功能引導(dǎo)給予一定的提示

c.  常駐性提示

對于產(chǎn)品的操作性功能或者操作必須注意到的問題，產(chǎn)品需要進行一定說明

d.  幫助文檔

用來解釋一些常見問題。

文章來源：站酷    作者：花城丶

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.li-bodun.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)