交互設(shè)計(jì)十大可用性原則

1、交互設(shè)計(jì)十大可用性原則1. 系統(tǒng)可見性原則系統(tǒng)應(yīng)該讓用戶知道發(fā)生了什么，在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭＿@條很簡單，就是指用戶的每次操作，你都得給他個(gè)反饋，成功了就告訴他 成功了，失敗了就告訴他失敗了。絕不能在用戶操作后毫無反應(yīng)，讓用戶一臉懵 的猜到底是怎么了，是成了？錯(cuò)了？還是bug 了？你做的又不是大家來找茬游戲，還帶讓用戶自己連蒙帶猜的。同時(shí)，如果反應(yīng)時(shí)間有點(diǎn)慢，也請用進(jìn)度條 or等待or下載等動(dòng)效或其他形 式告訴用戶當(dāng)下的情況；千萬別讓用戶在懵逼的情況下干瞪眼。2. 匹配系統(tǒng)與真實(shí)世界系統(tǒng)應(yīng)該用用戶的語言，用詞，短語和用戶熟悉的概念，而不是系統(tǒng)術(shù)語遵循現(xiàn)實(shí)世界的慣例，讓信息符合自然思考邏

2、輯。這一點(diǎn)說簡單也簡單，說的直白一些，就是 3個(gè)字：說人話不要炫耀自己的智商，不要讓用戶覺得自己是白癡，請用最簡單直白的語言 描述狀況；就好比自然世界里，你和他人說話的時(shí)必然使用簡單的白話文進(jìn)行直 白的溝通以保證交流順暢?？吹角耙环N選項(xiàng)，用戶會(huì)有什么反應(yīng)？大概是這樣吧： 我是誰？我在哪兒?我在干什么？自適應(yīng)窗口難道不是就是最佳比例？他們有區(qū)別？有什么區(qū)別？所以，如果選項(xiàng)想表述的內(nèi)容不同，那就清清楚楚地告訴用戶區(qū)別在哪兒， 否則他們大概真的會(huì)一臉血的看著你了。3. 用戶的控制性和自由度用用戶經(jīng)常錯(cuò)誤地選擇系統(tǒng)功能而且需要明確標(biāo)識(shí)離開這個(gè)的“出口”，而不需要通過一個(gè)擴(kuò)展的對話框。要支持撤銷和重做的

3、功能。由于網(wǎng)絡(luò)和智能手機(jī)的普及，人們都知道” X”是關(guān)閉向左的箭頭是返回;但是其他icon就并非如設(shè)計(jì)師的想象中那么美好了這個(gè)icon到底是退出？導(dǎo)出？還是向右打開？如果你想表達(dá)“退出”，請要么使用通用的x,要么使用文字，盡量別讓用戶糾結(jié)尋找而在相對復(fù)雜的產(chǎn)品中，允許用戶對操作進(jìn)行撤銷和重做也是非常必要的，如同在網(wǎng)易有數(shù)的報(bào)告頁面中，由于用戶的操作次數(shù)多且功能繁雜， 提供這2個(gè) 操作能有效提升容錯(cuò)率，降低用戶的使用成本。（同樣可以看到瀏覽器的工具欄中也有明顯的撤銷和重做icon,因?yàn)樵诰W(wǎng)頁瀏覽中，這2個(gè)操作的使用是非常頻 繁的）4. 一致性原則用戶不必懷疑是否不同的語言，不同的情景，或者不同的

4、操作產(chǎn)生的結(jié)果實(shí) 際上是同一件事情。遵循平臺(tái)的慣例。也就是，同一用語、功能、操作保持一致。添加數(shù)據(jù)連接添加數(shù)據(jù)模型添加任務(wù)新建數(shù)據(jù)連接添加數(shù)據(jù)模型添加任務(wù)簡單的例子，假如在產(chǎn)品中又多處新增的操作，那么，請保持一致都叫做“新 增”，而不要有的地方叫“新增”，有的又叫做“添加”。而新增的頁面如果內(nèi)容相同，就請保持形式及內(nèi)容上的一致。一致性能讓用 戶產(chǎn)生熟悉感今兒提升好感。5. 防錯(cuò)原則比出現(xiàn)錯(cuò)誤信息提示更好的是，更用心的設(shè)計(jì)防止這類問題發(fā)生。在用戶選 擇動(dòng)作發(fā)生之前，就要防止用戶容易混淆或者錯(cuò)誤的選擇。o動(dòng)態(tài)時(shí)間段今天如果某些操作不能進(jìn)行，那就置灰或隱藏，不要在用戶點(diǎn)擊后才提醒不能操 作。如果有某

5、些內(nèi)容不能選擇，就置灰或者隱藏，不要等用戶點(diǎn)擊完成時(shí)才告知 不能使用。沒有人喜歡被玩弄。6. 識(shí)別比記憶好盡量減少用戶對操作目標(biāo)的記憶負(fù)荷， 動(dòng)作和選項(xiàng)都應(yīng)該是可見的。用戶不O就去手琲二 =S “a血斥妞串忌 芋諏I劃6MH14U蔓札 Kfr.事子杰站：承厲第轉(zhuǎn)丘 壬必記住一個(gè)頁面到另一個(gè)頁面的信息。系統(tǒng)的使用說明應(yīng)該是可見的或者是容易 獲取的別讓用戶去回想我剛才做了什么選擇，讓他隨時(shí)能知道自己做了什么選擇，以及自己當(dāng)前在哪里。除非在課堂上被老師要求背誦，否則沒人喜歡隨時(shí)隨地都鍛煉記憶力。7. 使用的靈活高效也許專業(yè)用戶也會(huì)經(jīng)常察覺，系統(tǒng)可以滿足有經(jīng)驗(yàn)和無經(jīng)驗(yàn)的用戶。允許用 戶進(jìn)行頻繁的操作在

6、使用新app的時(shí)候，是不是基本都會(huì)有新手引導(dǎo)？好的設(shè)計(jì)允許你skip跳過并且除非你從“關(guān)于”或者“設(shè)置”里再次打開，否則絕不再次主動(dòng)打擾你。8. 審美和簡約的設(shè)計(jì)對話中不應(yīng)該包含無關(guān)緊要的信息。在段落中每增加一個(gè)單位的重要信息， 意味著要減少相應(yīng)的弱化一些其他信息。無論交互還是視覺都應(yīng)該注意這條原則。杭州機(jī)房In vft server?初蛉代SQL：例如表單，不需要填寫的項(xiàng)就不應(yīng)該出現(xiàn)，而需要的項(xiàng)也應(yīng)該分優(yōu)先級(jí)；最 粗淺地，必填項(xiàng)在前，選填項(xiàng)在后，一般以星號(hào)來區(qū)分必填和選填。WelcoFw to a undrter reading experienceTvdJ：.刊"* *li; R

7、rml屮dl la ahifv ' trHI 尸 * "tmf*EjlrtpVKfii-hJt. thm MpiIitfFand 電華Bffw_4fl aah*"巧 Isliirr- 4g, v Rh 4ri-1r> ib Wir LiiitSi Knl 115 I air rviri* rifwSmiij t Tip- <m>, MnSii » Fr<-r"«l"r-b n l&ii'i-i *丄 wril i >P tib fa-nltuH k I'm sr Um訂=】

8、出tGirrnH 匚 emHem uid SArmTR 口> il yh- cncv And rm. uv'm rF-iilk in -iB-irv J mIhIi ik* _ -)(r UMt-jim miwrunif,話TK礎(chǔ)jiiivEnd： itaEhaJlf 七j>e-rpciirUT w mi 臨專科u am 0 1 團(tuán) p|drr For Ibeqffnj idu jik 齢 iivnf.w !(«: w-irr>*ii hIjinn 匹il b-rr whb*-* tml iu r+ r-aUi <ww: m fTVr AHijhaHI

9、 lht«h,n=¥> iEipvteMi ta-4teal|elM >n AHiw-a世陥?bào)緪?明riM1 jtwdNiii v*wiir (if 詐叭* Mik?而網(wǎng)頁通常以字體字號(hào)來區(qū)分重點(diǎn)和弱化的內(nèi)容， 尤其是用戶在瀏覽時(shí)一般 是掃視，因此在視覺上更需要明確區(qū)分輕重。9. 幫助用戶識(shí)別，診斷，并從錯(cuò)誤中恢復(fù)錯(cuò)誤信息應(yīng)該用語言表達(dá)（不要用代碼），較準(zhǔn)確地反應(yīng)問題所在，并且提 出一個(gè)建設(shè)性的解決方案。數(shù)據(jù)量過大，建議您返回咒丁單進(jìn)行篩選查看詳情實(shí)在無法避免的報(bào)錯(cuò)時(shí)，不要單純只是報(bào)錯(cuò)，要提供解決方案。就好比小時(shí)候犯錯(cuò)，你絕不能光說：“啊，我錯(cuò)了?！崩蠋熁蚣议L必

10、然會(huì)追問：“錯(cuò)哪兒啦？”你要是說不出緣由，則必定被認(rèn)為認(rèn)錯(cuò)不誠懇不真心。設(shè)計(jì)也一樣，別讓用戶覺得你的產(chǎn)品不真心，請?jiān)趫?bào)錯(cuò)時(shí)說清楚怎么錯(cuò)了以 及怎么解決10.幫助文檔如果系統(tǒng)不使用文檔是最好的，但是有必要提供幫助和文檔。任何信息應(yīng)容 易去搜索，專注于用戶的任務(wù)，列出具體的步驟來進(jìn)行用戶的問題其實(shí)總的說分2種：一種是簡單一兩句話就能說清的；另一種是無法一兩句話就能說清，甚至需要舉例才能說明白的對于第一種，那么在問題產(chǎn)品的位置，比如用戶可能對某個(gè)概念不是很清晰,那就在那個(gè)概念旁提供hover后tooltip進(jìn)行簡短說明的功能;Z 杏 HAW Tft 人 1HKoHkirn週血ML詁真的電VQS如果是第