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

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

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

尼爾森(Jakob Nielsen)是一位人機(jī)交互學(xué)博士，于1995年1月1日發(fā)表了「十大可用性原則」。1995年以來，他通過自己的 Alertbox 郵件列表以及useit.com 網(wǎng)站，向成千上萬的 Web 設(shè)計(jì)師傳授 Web 易用性方面的知識，盡管他的一些觀點(diǎn)可能帶來爭議，至少在 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>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4. 一致性原則

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

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

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

5. 防錯原則

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

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

6. 識別比記憶好

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

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

7. 使用的靈活高效

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

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

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

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

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

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

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

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

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

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

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

10. 幫助文檔

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

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

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

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

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

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

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

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

廣告

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