交互設計十大可用性原則_第1頁
交互設計十大可用性原則_第2頁
交互設計十大可用性原則_第3頁
交互設計十大可用性原則_第4頁
交互設計十大可用性原則_第5頁
已閱讀5頁,還剩4頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

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

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

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

4、實際上是同一件事情。遵循平臺的慣例。也就是,同一用語、功能、操作保持一致。簡單的例子,假如在產(chǎn)品中又多處新增的操作,那么,請保持一致都叫做“新增”,而不要有的地方叫“新增”,有的又叫做“添加”。而新增的頁面如果內(nèi)容相同,就請保持形式及內(nèi)容上的一致。一致性能讓用戶產(chǎn)生熟悉感今兒提升好感。5. 防錯原則比出現(xiàn)錯誤信息提示更好的是,更用心的設計防止這類問題發(fā)生。在用戶選擇動作發(fā)生之前,就要防止用戶容易混淆或者錯誤的選擇。如果某些操作不能進行,那就置灰或隱藏,不要在用戶點擊后才提醒不能操作。如果有某些內(nèi)容不能選擇,就置灰或者隱藏,不要等用戶點擊完成時才告知不能使用。沒有人喜歡被玩弄。6. 識別比記憶好

5、盡量減少用戶對操作目標的記憶負荷,動作和選項都應該是可見的。用戶不必記住一個頁面到另一個頁面的信息。系統(tǒng)的使用說明應該是可見的或者是容易獲取的。別讓用戶去回想我剛才做了什么選擇,讓他隨時能知道自己做了什么選擇,以及自己當前在哪里。除非在課堂上被老師要求背誦,否則沒人喜歡隨時隨地都鍛煉記憶力。7. 使用的靈活高效也許專業(yè)用戶也會經(jīng)常察覺,系統(tǒng)可以滿足有經(jīng)驗和無經(jīng)驗的用戶。允許用戶進行頻繁的操作。在使用新app的時候,是不是基本都會有新手引導?好的設計允許你skip跳過并且除非你從“關(guān)于”或者“設置”里再次打開,否則絕不再次主動打擾你。8. 審美和簡約的設計對話中不應該包含無關(guān)緊要的信息。在段落中

6、每增加一個單位的重要信息,意味著要減少相應的弱化一些其他信息。無論交互還是視覺都應該注意這條原則。例如表單,不需要填寫的項就不應該出現(xiàn),而需要的項也應該分優(yōu)先級;最粗淺地,必填項在前,選填項在后,一般以星號來區(qū)分必填和選填。而網(wǎng)頁通常以字體字號來區(qū)分重點和弱化的內(nèi)容,尤其是用戶在瀏覽時一般是掃視,因此在視覺上更需要明確區(qū)分輕重。9. 幫助用戶識別,診斷,并從錯誤中恢復錯誤信息應該用語言表達(不要用代碼),較準確地反應問題所在,并且提出一個建設性的解決方案。實在無法避免的報錯時,不要單純只是報錯,要提供解決方案。就好比小時候犯錯,你絕不能光說:“啊,我錯了?!崩蠋熁蚣议L必然會追問:“錯哪兒啦?”你要是說不出緣由,則必定被認為認錯不誠懇不真心。設計也一樣,別讓用戶覺得你的產(chǎn)品不真心,請在報錯時說清楚怎么錯了以及怎么解決。10. 幫助文檔如果系統(tǒng)不使用文檔是最好的,但是有必要提供幫助和文檔。任何信息應容易去搜索,專注于用戶的任務,列出具體的步驟來進行。用戶的問題其實總的說分2種:一種是簡單一兩句話就能說清的;另一種是無法一兩句話就能說清,甚至需要舉例才能說明白的。對于第一種,那么在問題產(chǎn)品的位置,比如用戶可能對某個概念不是很清晰,那就在那個概念旁提供hover后tooltip進行簡短說明的功能;如果是第二種,比如有數(shù)中的計算字段,那就在操作彈窗中提

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論