尼爾森十大交互原則

尼爾森十大交互原則

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

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

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

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

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

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

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

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

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

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

第二:這里面用的擬物化的方法,

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

三、撤銷重做原則

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

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

四、一致性原則

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

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

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

五、防錯原則

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

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

六、易取原則

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

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

七、靈活高效原則

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

示例:在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),因為已經(jīng)讓用戶確認(rèn)是否刪除,而用戶確認(rèn)刪除之后可不宜用任何提示了,CSDN在這方面剔除了無關(guān)信息。

九、容錯原則

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

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

十、人性化幫助原則

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

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

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容