開篇靈魂拷問：

你認(rèn)為一個怎樣的產(chǎn)品才算是一個好的產(chǎn)品？

這個問題耳熟嗎？面試的時候是不是有被問到過？

我們經(jīng)常使用的那些產(chǎn)品，哪些是好的產(chǎn)品呢？

當(dāng)我們談?wù)撘粋€ APP 產(chǎn)品時，

作為用戶你最關(guān)心的是什么？

一般都是是這個產(chǎn)品好用嗎？功能復(fù)雜嗎？

而不是這個產(chǎn)品用戶界面顏色好看嗎？

交互的動效酷炫嗎？

互聯(lián)網(wǎng)已經(jīng)深入到每個人的生活當(dāng)中，

時刻影響著我們；

一個好的產(chǎn)品會給我們帶來便捷，

使我們的生活變得簡單而又美好；

也會有一些產(chǎn)品使用時會感到不舒服，

糟糕的產(chǎn)品體驗會讓我們的生活變得復(fù)雜而又煩惱。

所以，決定一個產(chǎn)品好不好用，

能不能長期使用都是用戶體驗直接決定的。

用戶體驗關(guān)注的是在滿足用戶需求的同時帶給用戶美好的感受。

接下來我們來聊一聊「尼爾森十大原則」，

這十大原則是具體而又全面的用戶體驗可行性檢驗方法。

    

尼爾森是誰？

雅各布·尼爾森（Jakob Nielsen）是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士，他擁有79項美國專利,專利主要涉及讓互聯(lián)網(wǎng)更容易使用的方法。于1995年1月1日發(fā)表了「十大可用性原則」。1995年以來，他通過自己的 Alertbox 郵件列表以及 useit.com 網(wǎng)站，向成千上萬的 Web 設(shè)計師傳授 Web 易用性方面的知識，盡管他的一些觀點可能帶來爭議，至少在 Web 設(shè)計師眼中，他是 Web 易用性領(lǐng)域的頂尖領(lǐng)袖。2006年4月，并被納入美國計算機(jī)學(xué)會人機(jī)交互學(xué)院，被賦予人機(jī)交互實踐的終身成就獎。他還被紐約時報稱為“Web 易用性大師”，被 Internet Magazine 稱為 “易用之王”。

        

尼爾森的十大可用性原則，它們被稱為「啟發(fā)式」，      
        

是廣泛的經(jīng)驗法則，而不是特定的可用性指導(dǎo)原則。

雖然是1995年提出來的，

但是至今仍然被奉為交互設(shè)計師的入門法則，

我們不能把它上升為一種標(biāo)準(zhǔn)，

而只當(dāng)做一種經(jīng)驗來學(xué)習(xí)，

然后跟現(xiàn)實中的設(shè)計結(jié)合來使用。

因為尼老師是從 web 設(shè)計提出的十大可用性原則，

我們要結(jié)合的是目前移動互聯(lián)網(wǎng)的特點，

然后在「尼爾森十大原則」的結(jié)構(gòu)下探討在用戶體驗上達(dá)到的目標(biāo)。

尼爾森十大可?用性原則為：

01. 狀態(tài)可見原則 

02. 環(huán)境貼切原則 

03. 撤銷重做原則

04. 一致性原則 

05. 防錯原則

06. 易取原則 

07. 靈活原則 

08. 易掃原則 

09. 容錯原則 

10. 人性化幫助原則

下面我們就針對每一條來單獨分析一下吧~

1  ·.  狀態(tài)可見原則 

系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么，

在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答仭?/span>

不要蒙蔽用戶；

溝通是所有關(guān)系的基礎(chǔ)，無論?還是設(shè)備。

示例：在淘寶里，我下拉時他告訴我「松開刷新」，也就是現(xiàn)在還沒有開始刷新；我松開后狀態(tài)變更成「刷新中」，表示現(xiàn)在正在刷新。

這樣的設(shè)計告訴我們，界面現(xiàn)在是什么狀態(tài)，現(xiàn)在在干嘛，在整個功能的變化過程中我們都能看到對應(yīng)的文字描述。

其他示例：下拉刷新時的加載中，加載完成提示，收藏成功、支付成功、實付失敗等提示。

2 ·. 環(huán)境貼切原則

功能和服務(wù)貼近用戶使用的場景，

符合當(dāng)前場景用戶的體驗。

產(chǎn)品的功能和服務(wù)應(yīng)該貼近真實世界，

讓信息更自然，邏輯上也更容易被用戶理解。

示例：我們在店里買東西的時候經(jīng)常會聽到這樣的聲音「支付寶導(dǎo)致：5元」就是貼近環(huán)境的設(shè)計。

商家需要確認(rèn)你是否付錢，

但是又經(jīng)常忙于手頭的事情無法及時查看；

而這樣功能的設(shè)計，商家即使在忙著手頭的事情依然能通過聲音來確認(rèn)已經(jīng)收到你的錢了。

這樣的設(shè)計對于商家和消費(fèi)者是友好便捷的。

3  ·.  撤銷重做原則 

在使用產(chǎn)品時了解和掌控當(dāng)前頁面。

如果用戶誤操作，可以隨時撤銷，用戶在使用產(chǎn)品時足夠自由。

示例1：我們用微信和對方聊天時，當(dāng)我們寫了很多字，發(fā)出去時卻發(fā)現(xiàn)其中有錯誤，這時我們可以使用微信的撤回功能，體驗更好的是，撤回消息旁邊有「重新編輯」功能，可以讓之前編輯的文本回到對話框重新編輯再發(fā)送。如下圖：

示例2：iOS系統(tǒng)照片的刪除和撤回

4 ·. 一致性原則

同樣的文字、狀態(tài)、按鈕，都應(yīng)該觸發(fā)相同的事情，遵從通用的平臺慣例。也就是，同一用語、功能、操作保持一致。主要包括以下五個方面：

1. 結(jié)構(gòu)一致性

保持一種類似的結(jié)構(gòu)，新的結(jié)構(gòu)變化會讓用戶思考，規(guī)則的排序能減輕用戶的思考負(fù)擔(dān)。

示例：微信中每個模塊的條目都有統(tǒng)一的「圖標(biāo)+文字信息」的結(jié)構(gòu)樣式，能讓用戶快速了解每一個模塊；

2. 色彩一致性

產(chǎn)品所使用的主要色調(diào)應(yīng)該是統(tǒng)一的，而不是換一個頁面，顏色就不同。

示例：淘寶的圖標(biāo)顏色與界面的主色均為橙色，也包括其中一些標(biāo)簽和強(qiáng)調(diào)的文字顏色都是橙色色。整個界面除了圖片的有效信息外，都通過灰、白、橙色色來呈現(xiàn)，界面保持了很好的一致性；

3. 操作一致性

能在產(chǎn)品更新?lián)Q代時仍然讓用戶保持對原產(chǎn)品的認(rèn)知，減小用戶的學(xué)習(xí)成本。

示例：微信在對話框和通訊錄都采用了左滑出操作的交互，如下圖：

4. 反饋一致性

用戶在操作按鈕或者條目的時候，點擊的反饋效果應(yīng)該是一致的。

示例：QQ的每個分組點擊后都是向下展開組內(nèi)成員列表；

5. 文字一致性

產(chǎn)品中呈現(xiàn)給用戶閱讀的文字大小、樣式、顏色、布局等都應(yīng)該是一致的。

示例：例如微信幾個關(guān)鍵界面的字體：三個主界面內(nèi)容結(jié)構(gòu)不盡相同，但是，列表的標(biāo)題字體和間距都一樣，這樣讓整個APP視覺上看起來很舒服；

5  ·.  防錯原則

比出現(xiàn)錯誤信息提示更更好的是，用設(shè)計防?止這類問題發(fā)生。在用戶選擇動作發(fā)?生之前， 就要防止用戶容易混淆或者錯誤的選擇。

1. 限制操作范圍與條件；

示例：未輸入驗證碼前，底部的登錄按鈕是置灰不可點擊的，只有填寫完整，底部的登錄按鈕才會變?yōu)榭牲c擊狀態(tài)。這就是為了防止用戶犯更多錯誤；

2. 對有風(fēng)險的操作進(jìn)?二次確認(rèn)；

示例：刪除個好友時，通過二次彈窗給出防錯措施。

6 ·. 易取原則

減少用戶記憶負(fù)荷，在適合的時機(jī)給用戶需要獲取的信息。

1. 為用戶提供歷史記錄、關(guān)注、收藏等功能；

示例：愛奇藝為用戶提供了看過記錄和我的收藏，幫助用戶記憶：

2. 選擇而不是輸入，盡量降低輸入成本;

示例1：打車軟件自動獲取當(dāng)前位置；

示例2：iOS系統(tǒng)收到驗證碼后自動帶入到鍵盤，點擊直接輸入；

7 ·. 靈活原則

對于新用戶來說，需要功能明確、清晰，對于老用戶需要快捷使用高頻功能。不可為了某一種用戶，把不必要的信息占據(jù)重要部分。主要體現(xiàn)在3個方面：

1. 自定義功能或模塊的展示位置；

示例：支付寶首頁的應(yīng)用是可以根據(jù)自身喜好自定義的，包括定義常用應(yīng)用、排序、刪除、新增等等。這樣用戶可以根據(jù)自己的個人興趣定制自己適合的應(yīng)用分布方式，這就叫做用戶定制常用功能，如下圖：

2. 將“常用”自動歸納以提升使用效率;

示例：微信聊天界面表情彈窗中會有一個「最近使用」的模塊，它把個人平時使用頻率或者次數(shù)最多的表情進(jìn)行歸類。當(dāng)用戶使用的時候，能很快的找到自己喜歡或者常用的表情，提高了聊天效率；包括餓了么的「我的訂單」里的每一個訂單都可以通過再來一單重新一鍵下單，如下圖：

3. 縮短操作路路徑，提升使?用效率與體驗；

示例：微信的對話框，當(dāng)點擊「+」調(diào)出下面的操作選項時，會默認(rèn)彈出剛截圖或拍照的照片，方便用戶直接調(diào)取，還有APP長按后出來的快捷操作列表，如下圖：

8 ·. 易掃原則

直譯：美學(xué)和簡約的設(shè)計；頁面不應(yīng)包含不相關(guān)或很少需要的信息，頁面中的每個額外信息都會降低主要內(nèi)容的相對可見性。

示例：如下圖列表中出現(xiàn)的信息都是用戶比較關(guān)注的信息，比如配送費(fèi)，配送時間，距離等；攜程的選擇機(jī)票界面講最重要的時間和機(jī)票價格放大突出，讓用戶能一眼看到，如圖：

 9 ·. 容錯原則

直譯：幫助用戶識別、診斷和從錯誤中恢復(fù)；我們盡量避免用戶出現(xiàn)錯誤，但當(dāng)出現(xiàn)錯誤時，我們應(yīng)該盡量去安撫用戶的挫敗感。

?配圖+文字代替「404」，明確告訴用戶哪?錯了和解決方案。

示例：界面加載失敗時的刷新提示，還有登錄時的手機(jī)號碼校驗，如果手機(jī)格式錯誤會出現(xiàn)會提示用戶手機(jī)格式不正確和正確的格式。

 10 ·. 人性化幫助

幫助性提示最好的方法是：

1.無需提示:非常簡單易懂，用戶看界面就知道怎么操作，無需提示；

2.一次性提示:只需要一次提示用戶就懂如何使用；

示例：常見的新功能引導(dǎo)、引導(dǎo)?等，示例：

3.常駐提示: 較重要的提示，用于指導(dǎo)或幫助用戶；

示例：支付寶轉(zhuǎn)賬時，常駐在頂部的安全確認(rèn)提示，還有轉(zhuǎn)賬時的服務(wù)費(fèi)提示，如圖：

4.幫助文檔:稍微復(fù)雜一點的軟件，雖然要讓他盡量簡單但幫助文檔都是必要的；

示例：微信設(shè)置界面里的「幫助與反饋」，還有支付寶轉(zhuǎn)賬時彈出來的「求助反饋」，點進(jìn)去后的常見問題界面;

以上就是我對Jakob Nielsen（雅各布·尼爾森）的十大交互設(shè)計原則的理解和實例解讀，希望對大家有所幫助。如果大家同樣對這些方面有些興趣或者看了后有些什么想法，歡迎一起討論。

轉(zhuǎn)自：站酷-搞設(shè)計的月野兔