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

可是回想當(dāng)年自己看時(shí)的感受，卻覺(jué)著干巴巴的標(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)可見(jiàn)性原則

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

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

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

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

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

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

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

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

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

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

3. 用戶(hù)的控制性和自由度用

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

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

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

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

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

4. 一致性原則

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

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

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

5. 防錯(cuò)原則

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

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

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

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

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

7. 使用的靈活高效

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

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

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

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

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

例如表單，不需要填寫(xiě)的項(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)容，尤其是用戶(hù)在瀏覽時(shí)一般是掃視，因此在視覺(jué)上更需要明確區(qū)分輕重。

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

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

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

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

10. 幫助文檔

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

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

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

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

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

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

網(wǎng)頁(yè)題目：WEB交互設(shè)計(jì)中尼爾森原則
當(dāng)前路徑：http://aaarwkj.com/news/173740.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、做網(wǎng)站、微信公眾號(hào)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站排名

廣告

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