WEB交互設(shè)計(jì)中尼爾森原則

交互設(shè)計(jì)入門時(shí)，大約總有前輩會(huì)給小白們普及各種各樣的交互設(shè)計(jì)原則;不是這個(gè)十大，就是那個(gè)五樣;不是這個(gè)原則，就是那個(gè)必遵。好似看了這些“圣典”便必定能做出驚世駭俗的好設(shè)計(jì)來(lái)。

可是回想當(dāng)年自己看時(shí)的感受，卻覺著干巴巴的標(biāo)準(zhǔn)總結(jié)性文字并不能很好的帶給看客們良好的閱讀體驗(yàn)，更不能讓初入行的小白們真正明白字里行間想表達(dá)的意思。

適逢新一季校招新人來(lái)臨，正好來(lái)聊一聊“尼爾森十大可用性原則”到底是什么意思，希望能給新同學(xué)們一些提示。

尼爾森(Jakob Nielsen)是一位人機(jī)交互學(xué)博士，于1995年1月1日發(fā)表了「十大可用性原則」。1995年以來(lái)，他通過(guò)自己的 Alertbox 郵件列表以及useit.com 網(wǎng)站，向成千上萬(wàn)的 Web 設(shè)計(jì)師傳授 Web 易用性方面的知識(shí)，盡管他的一些觀點(diǎn)可能帶來(lái)爭(zhēng)議，至少在 Web 設(shè)計(jì)師眼中，他是 Web 易用性領(lǐng)域的頂尖領(lǐng)袖。

1. 系統(tǒng)可見性原則

系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么，在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭?/p>

這條很簡(jiǎn)單，就是指用戶的每次操作，你都得給他個(gè)反饋，成功了就告訴他成功了，失敗了就告訴他失敗了。絕不能在用戶操作后毫無(wú)反應(yīng)，讓用戶一臉懵的猜到底是怎么了，是成了?錯(cuò)了?還是bug了?你做的又不是大家來(lái)找茬游戲，還帶讓用戶自己連蒙帶猜的。

同時(shí)，如果反應(yīng)時(shí)間有點(diǎn)慢，也請(qǐng)用進(jìn)度條or等待or下載等動(dòng)效或其他形式告訴用戶當(dāng)下的情況;千萬(wàn)別讓用戶在懵逼的情況下干瞪眼。

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

系統(tǒng)應(yīng)該用用戶的語(yǔ)言，用詞，短語(yǔ)和用戶熟悉的概念，而不是系統(tǒng)術(shù)語(yǔ)。遵循現(xiàn)實(shí)世界的慣例，讓信息符合自然思考邏輯。

這一點(diǎn)說(shuō)簡(jiǎn)單也簡(jiǎn)單，說(shuō)的直白一些，就是3個(gè)字：說(shuō)人話。

不要炫耀自己的智商，不要讓用戶覺得自己是白癡，請(qǐng)用最簡(jiǎn)單直白的語(yǔ)言描述狀況;就好比自然世界里，你和他人說(shuō)話的時(shí)候必然使用簡(jiǎn)單的白話文進(jìn)行直白的溝通以保證交流順暢。

看到前一種選項(xiàng)，用戶會(huì)有什么反應(yīng)?大概是這樣吧：我是誰(shuí)?我在哪兒?我在干什么?

自適應(yīng)窗口難道不是就是好比例?他們有區(qū)別?有什么區(qū)別?

所以，如果選項(xiàng)想表述的內(nèi)容不同，那就清清楚楚地告訴用戶區(qū)別在哪兒，否則他們大概真的會(huì)一臉血的看著你了。

3. 用戶的控制性和自由度用

用戶經(jīng)常錯(cuò)誤地選擇系統(tǒng)功能而且需要明確標(biāo)識(shí)離開這個(gè)的“出口”，而不需要通過(guò)一個(gè)擴(kuò)展的對(duì)話框。要支持撤銷和重做的功能。

由于網(wǎng)絡(luò)和智能手機(jī)的普及，人們都知道”X”是關(guān)閉，向左的箭頭是返回;

但是其他icon就并非如設(shè)計(jì)師的想象中那么美好了 。

這個(gè)icon到底是退出?導(dǎo)出?還是向右打開?如果你想表達(dá)“退出”，請(qǐng)要么使用通用的x，要么使用文字，盡量別讓用戶糾結(jié)尋找。

而在相對(duì)復(fù)雜的產(chǎn)品中，允許用戶對(duì)操作進(jìn)行撤銷和重做也是非常必要的，如同在網(wǎng)易有數(shù)的報(bào)告頁(yè)面中，由于用戶的操作次數(shù)多且功能繁雜，提供這2個(gè)操作能有效提升容錯(cuò)率，降低用戶的使用成本。(同樣可以看到瀏覽器的工具欄中也有明顯的撤銷和重做icon，因?yàn)樵诰W(wǎng)頁(yè)瀏覽中，這2個(gè)操作的使用是非常頻繁的)

4. 一致性原則

用戶不必懷疑是否不同的語(yǔ)言，不同的情景，或者不同的操作產(chǎn)生的結(jié)果實(shí)際上是同一件事情。遵循平臺(tái)的慣例。也就是，同一用語(yǔ)、功能、操作保持一致。

簡(jiǎn)單的例子，假如在產(chǎn)品中有多處新增的操作，那么，請(qǐng)保持一致都叫做“新增”，而不要有的地方叫“新增”，有的又叫做“添加”。

而新增的頁(yè)面如果內(nèi)容相同，就請(qǐng)保持形式及內(nèi)容上的一致。一致性能讓用戶產(chǎn)生熟悉感繼而提升好感。

5. 防錯(cuò)原則

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

如果某些操作不能進(jìn)行，那就置灰或隱藏，不要在用戶點(diǎn)擊后才提醒不能操作。如果有某些內(nèi)容不能選擇，就置灰或者隱藏，不要等用戶點(diǎn)擊完成時(shí)才告知不能使用。沒有人喜歡被玩弄。

6. 識(shí)別比記憶好

盡量減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷，動(dòng)作和選項(xiàng)都應(yīng)該是可見的。用戶不必記住一個(gè)頁(yè)面到另一個(gè)頁(yè)面的信息。系統(tǒng)的使用說(shuō)明應(yīng)該是可見的或者是容易獲取的。

別讓用戶去回想我剛才做了什么選擇，讓他隨時(shí)能知道自己做了什么選擇，以及自己當(dāng)前在哪里。除非在課堂上被老師要求背誦，否則沒人喜歡隨時(shí)隨地都鍛煉記憶力。

7. 使用的靈活高效

也許專業(yè)用戶也會(huì)經(jīng)常察覺，系統(tǒng)可以滿足有經(jīng)驗(yàn)和無(wú)經(jīng)驗(yàn)的用戶。允許用戶進(jìn)行頻繁的操作。

在使用新app的時(shí)候，是不是基本都會(huì)有新手引導(dǎo)?好的設(shè)計(jì)允許你skip跳過(guò)并且除非你從“關(guān)于”或者“設(shè)置”里再次打開，否則絕不再次主動(dòng)打擾你。

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

對(duì)話中不應(yīng)該包含無(wú)關(guān)緊要的信息。在段落中每增加一個(gè)單位的重要信息，意味著要減少相應(yīng)的弱化一些其他信息。

無(wú)論交互還是視覺都應(yīng)該注意這條原則。

例如表單，不需要填寫的項(xiàng)就不應(yīng)該出現(xiàn)，而需要的項(xiàng)也應(yīng)該分優(yōu)先級(jí);最粗淺地，必填項(xiàng)在前，選填項(xiàng)在后，一般以星號(hào)來(lái)區(qū)分必填和選填。

而網(wǎng)頁(yè)通常以字體字號(hào)來(lái)區(qū)分重點(diǎn)和弱化的內(nèi)容，尤其是用戶在瀏覽時(shí)一般是掃視，因此在視覺上更需要明確區(qū)分輕重。

9. 幫助用戶識(shí)別，診斷，并從錯(cuò)誤中恢復(fù)

錯(cuò)誤信息應(yīng)該用語(yǔ)言表達(dá)(不要用代碼)，較準(zhǔn)確地反應(yīng)問題所在，并且提出一個(gè)建設(shè)性的解決方案。

實(shí)在無(wú)法避免的報(bào)錯(cuò)時(shí)，不要單純只是報(bào)錯(cuò)，要提供解決方案。就好比小時(shí)候犯錯(cuò)，你絕不能光說(shuō)：“啊，我錯(cuò)了?！崩蠋熁蚣议L(zhǎng)必然會(huì)追問：“錯(cuò)哪兒啦?”你要是說(shuō)不出緣由，則必定被認(rèn)為認(rèn)錯(cuò)不誠(chéng)懇不真心。

設(shè)計(jì)也一樣，別讓用戶覺得你的產(chǎn)品不真心，請(qǐng)?jiān)趫?bào)錯(cuò)時(shí)說(shuō)清楚怎么錯(cuò)了以及怎么解決。

10. 幫助文檔

如果系統(tǒng)不使用文檔是最好的，但是有必要提供幫助和文檔。任何信息應(yīng)容易去搜索，專注于用戶的任務(wù)，列出具體的步驟來(lái)進(jìn)行。

用戶的問題其實(shí)總的說(shuō)分2種：一種是簡(jiǎn)單一兩句話就能說(shuō)清的;另一種是無(wú)法一兩句話就能說(shuō)清，甚至需要舉例才能說(shuō)明白的。

對(duì)于第一種，那么在問題產(chǎn)品的位置，比如用戶可能對(duì)某個(gè)概念不是很清晰，那就在那個(gè)概念旁提供hover后tooltip進(jìn)行簡(jiǎn)短說(shuō)明的功能;

如果是第二種，比如有數(shù)中的計(jì)算字段，那就在操作彈窗中提供幫助中心的跳轉(zhuǎn)鏈接，在新tab頁(yè)中直接打開該概念的頁(yè)面，讓用戶不需要再次搜尋就能直接閱覽內(nèi)容。

同時(shí)，在產(chǎn)品不僅需要提供幫助的跳轉(zhuǎn)鏈接，最好還能允許用戶可以搜索想要尋找的內(nèi)容，分類提供搜索結(jié)果，幫助用戶更好的解決問題。

列舉的這些例子希望能給新同學(xué)們一些更直觀的感受，就算是拋磚引玉吧;也希望大家在工作中找到或發(fā)現(xiàn)更好的解決方案～

分享文章：WEB交互設(shè)計(jì)中尼爾森原則
轉(zhuǎn)載來(lái)于：http://www.bm7419.com/news40/173740.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站維護(hù)、建站公司、商城網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)