尼爾森十大交互原則

用過(guò)無(wú)數(shù)產(chǎn)品,被無(wú)數(shù)優(yōu)秀的產(chǎn)品經(jīng)理寵愛(ài)之后,“被慣壞的你”追求的是更好的體驗(yàn)。

體驗(yàn)可能成就一個(gè)產(chǎn)品,也可能毀滅一個(gè)產(chǎn)品。

而這些體驗(yàn)的基礎(chǔ)就是尼爾森交互十大原則。

Jakob Nielsen

雅各布·尼爾森,著名網(wǎng)頁(yè)易用性專家。被譽(yù)為可用性測(cè)試鼻祖,尼爾森—諾曼集團(tuán)的主要負(fù)責(zé)人之一。他被《美國(guó)新聞與世界報(bào)道》雜志譽(yù)為“Web可用性方面的世界頂尖專家”。他寫過(guò)很多書,包括暢銷全球的《Designing Web Usability》一書。

尼爾森交互十大原則

全文以網(wǎng)易云音樂(lè)為例

目錄

1

狀態(tài)可見(jiàn)原則

Visibility of system status

① 定位指示。讓用戶知道現(xiàn)在的狀態(tài),對(duì)過(guò)去發(fā)生、當(dāng)前目標(biāo)、以及對(duì)未來(lái)去向有所了解,不致于在產(chǎn)品中迷路。

提示你現(xiàn)在處于這個(gè)歌單、這個(gè)欄目

② 操作反饋。告訴用戶他的操作被接受了,這個(gè)操作可行。

由“播放”變?yōu)椤皶和!?/div>

③ 告訴用戶,系統(tǒng)運(yùn)行狀態(tài)。

狀態(tài)

④ 告訴用戶,系統(tǒng)做了什么。

提示“已開(kāi)始播放”

2

環(huán)境貼切原則

匹配系統(tǒng)與真實(shí)世界

Match between system and the real world

貼切環(huán)境。系統(tǒng)使用的語(yǔ)言、文字等,需要是用戶熟悉的、能理解、不會(huì)有歧義的。遵循現(xiàn)實(shí)世界的慣例,讓信息符合自然思考邏輯。

①使用現(xiàn)實(shí)界的習(xí)慣、隱喻。降低認(rèn)知成本。

使用黑膠相片的暗示

②說(shuō)人話。語(yǔ)言、用語(yǔ)、說(shuō)話方式等都要貼合場(chǎng)景。

3

用戶可控原則

用戶的控制性和自由度

User control and freedom

用戶擁有控制權(quán)。用戶可以自由的控制返回和去到的地方。[如前進(jìn)、后退]

很多用戶發(fā)送一條消息,總會(huì)有他忽然意識(shí)到自己不對(duì)的地方,這個(gè)叫做臨界效應(yīng);所以最好支持撤銷/重做功能。

前進(jìn)/后退

4

一致性原則

Consistency and standards

[產(chǎn)品內(nèi)部、產(chǎn)品迭代、業(yè)內(nèi)產(chǎn)品]

一致性:同樣的文字、狀態(tài)、按鈕,都應(yīng)該觸發(fā)相同的事情,也就是,同一用語(yǔ)、功能、操作保持一致。減輕用戶負(fù)擔(dān),使用連貫舒服。

① 結(jié)構(gòu)一致。保持類似的結(jié)構(gòu),減輕用戶思考負(fù)擔(dān)。

都使用符號(hào)+歌名+歌手;喜歡都是愛(ài)心

② 色彩一致。網(wǎng)易云音樂(lè)的圖標(biāo)顏色與界面的主色均為紅色,也括其中一些標(biāo)簽和強(qiáng)調(diào)的文字顏色都是紅色,整個(gè)界面除了圖片的有效信息外,都通過(guò)灰、白、紅色來(lái)呈現(xiàn)。

紅色系

③ 操作一致性。同類型的操作交互應(yīng)該一致。比如任何界面退出的方式都是左上角退出按鍵。

④ 反饋一致。用戶在操作按鈕或者條目的時(shí)候,點(diǎn)擊的反饋效果應(yīng)該是一致的。

喇叭提示

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

5

防錯(cuò)原則

Error prevention

在錯(cuò)誤之前防止它。

在用戶不可逆的錯(cuò)誤之前進(jìn)行彈窗提示,或者不給他犯錯(cuò)的機(jī)會(huì)。

關(guān)閉提示

6

易取原則

識(shí)別比記憶好

Recognition rather than recall

①盡量減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷,動(dòng)作和選項(xiàng)都應(yīng)該是可見(jiàn)的,即把需要記憶的內(nèi)容擺上臺(tái)面。

(菜單是最經(jīng)典的設(shè)計(jì))

用戶不必記住一個(gè)頁(yè)面到另一個(gè)頁(yè)面的信息。對(duì)行為直接進(jìn)行提示,或通過(guò)彈窗提示。

鼠標(biāo)停留出現(xiàn)提示

?

② 提供選擇而不是輸入。

備選項(xiàng)

7

靈活高效原則

Flexibility and efficiency of use

允許用戶定制常用功能,更方便快捷操作。

① 快捷鍵。

② 為用戶常操作提供模板。

③ 提供默認(rèn)值。

定制喜歡的音樂(lè)

8

優(yōu)美簡(jiǎn)約原則

審美和簡(jiǎn)約的設(shè)計(jì)

Aesthetic and minimalist design

對(duì)話中的內(nèi)容應(yīng)該去除不相關(guān)的信息或幾乎不需要的信息,突出重要功能。因?yàn)槊總€(gè)多余的信息都會(huì)分散用戶對(duì)有用或者相關(guān)信息的注意力。

突出關(guān)鍵

9

容錯(cuò)原則

幫助識(shí)別,診斷,并從錯(cuò)誤中恢復(fù)

Help users recognize, diagnose, and recover from errors

①錯(cuò)誤信息應(yīng)該用語(yǔ)言表達(dá),較準(zhǔn)確地反應(yīng)問(wèn)題所在,而非代碼,比如404。

②并且提出一個(gè)建設(shè)性的解決方案,幫助用戶從錯(cuò)誤中恢復(fù),將損失降到最低。如果無(wú)法自動(dòng)挽回,則提供詳盡的說(shuō)明文字和指導(dǎo)方向,

準(zhǔn)確反應(yīng)問(wèn)題所在

10

人性化幫助原則

Help and documentation

提供幫助信息,任何幫助信息都應(yīng)該可以方便地搜索到,讓用戶知道如何解決,不致于茫然。以用戶的任務(wù)為核心。

① 幫助文檔應(yīng)該方便尋找。比如放在顯眼的菜單欄。

② 幫助操作應(yīng)該易于理解。比如圖文引導(dǎo)。

總結(jié)

尼爾森十大原則總結(jié)

————————Noctiflorous————————
如果你覺(jué)得這篇文章對(duì)你有用,就點(diǎn)個(gè)贊吧!
不然..不然就哭給你看!(`⌒′メ)超兇

謝謝支持!

另:
運(yùn)營(yíng)專業(yè)術(shù)語(yǔ) 1 <數(shù)據(jù)篇> http://www.itdecent.cn/p/9f96c066c6e5
運(yùn)營(yíng)專業(yè)術(shù)語(yǔ) 2/3 <其余篇>http://www.itdecent.cn/p/030d99b357d0

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

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