Please enable JavaScript.
Coggle requires JavaScript to display documents.
10 usability Heuristics (8.Aesthetic and minimalist design 美學與極簡設計…
10 usability Heuristics
8.Aesthetic and minimalist design 美學與極簡設計
資訊呈現不應該包括不相關或少用的資訊。對話框裡任何多餘的資訊都會讓重要的資訊的視覺明顯度下降。
網頁設計簡單,目錄呈直線排列
留白設計
目錄簡單
錯誤頁面友善設計
資訊顯示簡單易懂
5.Error prevention 避免錯誤
系統要預防進入錯誤狀態並清楚的說明為何在無法進入下一個步驟。
欄位為空
全部或部分欄位未輸入
未輸入帳號密碼
輸入資料不足
輸入資料不齊全
3.User control and freedom 使用者控制與操作自由
系統要讓使用者知道如果處於不適當的狀態時,要有簡單的方式可以離開不適當的狀態,並要有"確認動作"或"取消動作"。
提供確定跟取消讓使用者決定是否要程式
提供使用者確定跟取消兩個按鈕
提供確定訂閱跟取消讓使用者決定是否要訂閱電子報
提供確定跟取消讓使用者決定是否要執行該命令(馬上關機)
提供取消方式避免使用者誤入
10.Help and documentation 幫助與說明文件
雖然最好的系統可以在不需要使用說明文件下完成任務,但是提供幫助和說明仍是必要的。這些資訊應該讓使用者輕易查詢,注重在使用者的任務上,並且條列式說明所需步驟,而且檔案不應太大。
當使用者尋求幫助時,此類訊息應該容易被搜索查詢。完美的介面即使沒有任何說明提示下,使用者仍然能夠流暢操作。
BMC通過拓展和清晰的內容概述來增強文檔,而滿足消費者需求
CA Technologies不僅提供多種語言和版本的大量文檔,還為用戶提供了評論選項。
Medidata技術交流團隊非常了解這一點,因為他們不僅提供頁面樹和更多內容建議,還在其文檔中使用錨點快捷方式。 它絕對可以幫助用戶更快地找到他們正在尋找的文檔內容。
NimbleUser的文檔不僅僅是根據他們的設計指南設計的,而且還具有非常乾淨和有組織的結構。 在移動設備上查看文檔時,這些屬性也適用
4.Consistency and standards 一致性與標準化
系統不應使用不同的文字、狀態和動作是否包含相同的意思而讓使用者感到混淆
各种应用的切换之间没有学习成本
不應該猜測不同的字彙、狀態 動作是不是代表同一件事
体验优化的关键
某些流程始終以一致的方式運作。
7.Flexibility and efficiency of use
彈性與使用效率:生手也好上手
系統可以同時滿足新手與有經驗的操作者的需求,並使新手也可以快速熟練作業系統,
快速鍵是這個易用性準則的最佳代表
APP快速鍵
便於使用
利用動畫創作易用性
adobe xd匯出
1.Visibility of system status
系統狀態可視性
使用者要能即時知道並清楚系統目前處於什麼狀態。
使用者了解目前網站狀態
可以了解檔案上傳速度
當要將物品加入購物車時庫存不足會跳出通知
在一定的時間內回應按下按鈕的瞬間
讓使用者當下知道密碼錯誤
9.Help users recognize, diagnose, and recover from errors
幫助使用者偵錯、恢復
系統要讓使用者知道系統問題為何並提供解決方案。
YouTube:告訴他們離線但仍可以觀看下載的視頻。
Dropbox:不要只告訴他們發生了什麼,告訴他們接下來該做什麼
不要使用難以理解的錯誤消息
如果他們在某個字段中輸入了錯誤的詳細信息,請將其突出顯示,以及他們可能出錯的反饋告訴他們如何從錯誤中恢復。
Twitter:可操作的錯誤消息
通過這種方式,您可以幫助用戶識別,診斷和從錯誤中恢復。
Etsy:使用顏色突出顯示錯誤(也)
除了書面錯誤消息,使用顏色突出顯示錯誤也是一種很棒的做法。對於錯誤,通常建議使用紅色陰影,因為它與真實世界的停止信號相匹配。
2.Match between system and the real world
系統要與真實生活相結合
系統要以任何形式呈現讓使用者能一目了然的或是遵循現實世界的習俗慣例,讓資訊已有邏輯而自然的方式呈現。
行人能否通行的號誌
標籤和其他內容
大多數時候,用戶將在互聯網上搜索您,或者使用對他們來說更自然的語言在您的網站中導航。
熟悉的視覺元素的使用。創造性和新穎性很棒,
但是已經存在一些用戶與某些行為相關聯的標準視覺元素。例如,星形通常與書籤相關聯。
储存文件资料的磁碟片表达储存档案
顯示系統與現實世界之間匹配的良好錯誤消息的屏幕截圖
6.Recognition rather than recall 識別代替回想
系統要能讓使用者能在短時間內上手,而非透過複雜且需記憶的流程。
Facebook聊天記錄的屏幕截圖顯示了識別而不是回憶
亞馬遜最近瀏覽的頁面截圖顯示了識別而不是回憶
Keynote的屏幕截圖顯示了識別而不是回憶
Open Table(餐廳訂位APP)顯示我之前搜尋過的餐廳,讓使用者不用再絞盡腦汁想之前搜過什麼。
歷史和以前訪問過的內容:Bing有一個指向用戶搜索歷史的鏈接。該鏈接可幫助用戶記住以前的搜索。