尼爾森十大交互原則

以CSDN網(wǎng)頁為例，解釋尼爾森十大交互原則。

一、狀態(tài)可見原則

用戶在網(wǎng)頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應(yīng)即時(shí)給出反饋。“即時(shí)”是指，頁面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。

舉例：CSDN上文章底部都會有一個(gè)[喜歡]按鈕，當(dāng)我們把鼠標(biāo)移到[喜歡]按鈕之后，按鈕就會在原來的單純的心形按鈕外圈出現(xiàn)一個(gè)圈，這個(gè)狀態(tài)只要是鼠標(biāo)放上去之后，就會存在。

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

二、環(huán)境貼切原則

網(wǎng)頁的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用第二世界的語言。

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

舉例：CSDN在網(wǎng)頁的表現(xiàn)和表述上，主要是使用擬物化的方法來表述的。

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

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

比如寫作這個(gè)模塊，這里并沒有用漢字來表達(dá)，而是用了一個(gè)書寫的圖標(biāo)來表示，能夠讓人聯(lián)想到奮筆疾書的感覺。

三、撤銷重做原則

為了避免用戶的誤用和誤擊，網(wǎng)頁應(yīng)提供撤銷和重做功能。

舉例：csdn上面，我沒有找到比較具體的案例，所以采用了360極速瀏覽器為例說明，在左上角的按鈕中，有一個(gè)撤銷的按鈕，如果是誤操作導(dǎo)致的頁面關(guān)閉，這時(shí)候可以點(diǎn)擊它恢復(fù)原來的頁面，如果是瀏覽器直接被關(guān)閉的話，那么可以通過撤銷來恢復(fù)所有誤關(guān)閉的頁面。

四、一致性原則

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

舉例：CSDN上鼠標(biāo)按鈕懸浮在寫作按鈕上，會自動單出一個(gè)選框，這里面有6個(gè)按鈕，在文字描述上，而且文字之前還有圖標(biāo)。

讓人眼前一亮的是，每個(gè)圖標(biāo)都是符合后面文字的，比如創(chuàng)建代碼片，用的是代碼里面標(biāo)簽的圖標(biāo)。能夠讓人直觀的看出每個(gè)按鈕的用途。

五、防錯(cuò)原則

通過網(wǎng)頁的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。

舉例：在寫代碼片的頁面內(nèi)，點(diǎn)擊[刪除代碼片]后，會彈出一個(gè)對話框，讓你確認(rèn)是否刪除文章，在網(wǎng)頁上官方設(shè)計(jì)的時(shí)候給[確認(rèn)]按鈕填充了醒目的藍(lán)色，多重防止誤操作。

六、易取原則

好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺面。

示例五中的圖片也說明了這個(gè)原則的重要性，一個(gè)確認(rèn)對話框很好的減少了用戶的回憶負(fù)擔(dān)。

七、靈活高效原則

中級用戶的數(shù)量遠(yuǎn)高于初級和高級用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。

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

八、易掃原則

互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀，不是看，而是掃。易掃，意味著突出重點(diǎn)，弱化和剔除無關(guān)信息。

示例：在CSDN中執(zhí)行刪除代碼片的操作，點(diǎn)擊[刪除]后，會出現(xiàn)彈出提示是否刪除的對話框，在對話框中點(diǎn)擊[刪除]后，沒有提示出現(xiàn)，因?yàn)橐呀?jīng)讓用戶確認(rèn)是否刪除，而用戶確認(rèn)刪除之后可不宜用任何提示了，CSDN在這方面剔除了無關(guān)信息。

九、容錯(cuò)原則

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

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

十、人性化幫助原則

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

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

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

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