尼爾森十大交互原則

以CSDN網頁為例，解釋尼爾森十大交互原則。

一、狀態可見原則

用戶在網頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應即時給出反饋。「即時」是指，頁面響應時間小於用戶能忍受的等待時間。

舉例：CSDN上文章底部都會有一個[喜歡]按鈕，當我們把滑鼠移到[喜歡]按鈕之後，按鈕就會在原來的單純的心形按鈕外圈出現一個圈，這個狀態只要是滑鼠放上去之後，就會存在。

這能夠反饋給用戶的信息就是：您的操作正確，喜歡的話就點下去吧。

二、環境貼切原則

網頁的一切表現和表述，應該儘可能貼近用戶所在的環境（年齡、學歷、文化、時代背景），而不要使用第二世界的語言。

《iPhone人機交互指南》里提到的隱喻與擬物化是很好的實踐。此外，還應該使用易懂和約定俗成的表達。

舉例：CSDN在網頁的表現和表述上，主要是使用擬物化的方法來表述的。

第一：這種方法不僅簡便而且還易懂。

第二：這裡面用的擬物化的方法，

比如寫作這個模塊，這裡並沒有用漢字來表達，而是用了一個書寫的圖標來表示，能夠讓人聯想到奮筆疾書的感覺。

三、撤銷重做原則

為了避免用戶的誤用和誤擊，網頁應提供撤銷和重做功能。

舉例：csdn上面，我沒有找到比較具體的案例，所以採用了360極速瀏覽器為例說明，在左上角的按鈕中，有一個撤銷的按鈕，如果是誤操作導致的頁面關閉，這時候可以點擊它恢復原來的頁面，如果是瀏覽器直接被關閉的話，那麼可以通過撤銷來恢復所有誤關閉的頁面。

四、一致性原則

同一用語、功能、操作保持一致。

舉例：CSDN上滑鼠按鈕懸浮在寫作按鈕上，會自動單出一個選框，這裡面有6個按鈕，在文字描述上，而且文字之前還有圖標。

讓人眼前一亮的是，每個圖標都是符合後面文字的，比如創建代碼片，用的是代碼裡面標籤的圖標。能夠讓人直觀的看出每個按鈕的用途。

五、防錯原則

通過網頁的設計、重組或特別安排，防止用戶出錯。

舉例：在寫代碼片的頁面內，點擊[刪除代碼片]後，會彈出一個對話框，讓你確認是否刪除文章，在網頁上官方設計的時候給[確認]按鈕填充了醒目的藍色，多重防止誤操作。

六、易取原則

好記性不如爛筆頭。儘可能減少用戶回憶負擔，把需要記憶的內容擺上檯面。

示例五中的圖片也說明了這個原則的重要性，一個確認對話框很好的減少了用戶的回憶負擔。

七、靈活高效原則

中級用戶的數量遠高於初級和高級用戶數。為大多數用戶設計，不要低估，也不可輕視，保持靈活高效。

示例：在CSDN中，用戶擁有[富文本編輯器]、[Markdown編輯器]、[XHTML語言]，這樣滿足了由基礎到高不同層次的用戶的需求，[富文本編輯器]滿足了基礎用戶的需求，不需要記住太多的語法，一樣可以編寫文章，而高層次的用戶可以使用三種方法來完成自己編寫文章的需求。如果只有[XHTML語言]的話，無疑會流失大量的用戶。

八、易掃原則

互聯網用戶瀏覽網頁的動作不是讀，不是看，而是掃。易掃，意味著突出重點，弱化和剔除無關信息。

示例：在CSDN中執行刪除代碼片的操作，點擊[刪除]後，會出現彈出提示是否刪除的對話框，在對話框中點擊[刪除]後，沒有提示出現，因為已經讓用戶確認是否刪除，而用戶確認刪除之後可不宜用任何提示了，CSDN在這方面剔除了無關信息。

九、容錯原則

幫助用戶從錯誤中恢復，將損失降到最低。如果無法自動挽回，則提供詳盡的說明文字和指導方向，而非代碼，比如404。

示例：CSDN中關鍵詞未找到的話，會顯示一下頁面，頁面上有一個放大鏡的圖標，並且提供了原因、建議、和知道方向，並非直接使用404代碼。

十、人性化幫助原則

幫助性提示最好的方式是：1、無需提示；2、一次性提示；3、常駐提示；4；幫助文檔。

示例：CSDN中在文檔方面，用戶肯定會出現一些對問答的規則不太明確的用戶，所以在右方有一個幫助文檔。

而且在用戶編寫文檔時最先出現的編輯器是[富文本編輯器]，能夠滿足所有用戶的編輯要求，

技術更高的用戶還可以根據自身的要求改變編輯器。