Please enable JavaScript.
Coggle requires JavaScript to display documents.
10 Usability Heuristics 10種可用性準則 (【visibility of system status】 系統狀態的可視性…
10 Usability Heuristics
10種可用性準則
【
visibility of system status】
系統狀態的可視性
● 反饋目前系統狀態
EX：
● 資料（遊戲、網頁、影片等）的載入
● 軟體安裝／卸載的進度
● 功能的開與關
● 被觸及項目用不同色顯示
【
Error prevention】
避免錯誤
● 在出錯誤時提示使用者
EX：
● 資訊內容空白未填寫
● 密碼錯誤
● 操作錯誤
● 密碼設定缺少字幅
● 註冊時使用者名稱重複
● 安裝時記憶體空間不足
【
Consitency and standards】
一致性與標準
● 類似的介面、動作在視覺上應一致化，避免使用者混淆
EX：
● 風格的一致
● 相似界面、圖標排版讓使用者直覺操作
● 色彩規劃的一致
● 功能相同圖標也相同
● 單純圖標或圖標加文字都需一致
【
Katch between system and the real world】
系統要與真實生活有所符合
● 設計上Icon圖樣以及其他介面需與多數人認知相符
● 系統應該要運用使用者熟悉的詞句、短語、概念，而不是專業術語。
EX：
● 廁所男女廁應與大眾概念相符
● 上傳與下載
● 音樂／影片的播放、暫停等按鍵
● 基礎應用程式圖標
● 各網頁的連結圖標（FB、IG、推特等）
● 時間的標示方式
【
User control and freedom】
使用者控制向和操作自由
● 錯誤視窗顯示，讓使用者擁有返回或做其他選項的機會
● 使用者應有操作上的自由，可自行選擇停留頁面或離開
EX：
● 檔案上傳的確認、暫停與取消上傳
● 返回上一步驟
● 選擇對（繼續）／錯誤（重設）
● 選擇安裝／取消
● 限制級網站的入口提示
【
Help and documentation】
幫助與說明文件
● 提供使用者操作SOP流程或產品支援資訊
EX：
● 諮詢中心
● 新手教學
● Q&A
● 說明書
● 幫助
【
Flexibility and efficiency of use】
彈性與使用效率：生手也好上手
● 讓使用者直覺性操作
● 讓操作選項可依使用者不同而彈性改變
EX：
● 操作提示視窗
● 使用功能導覽
● 影片的推薦清單
●按鍵功能位置應在多數人使用習慣的位置
（網站的主功能在上方、上下瀏覽拉條在右方等）
● 使用方式與其他相同軟體需大致相同
● 快捷鍵的設置
● APP可依使用習慣調整擺放位置
【
Aesthetic and minimalist design】
美工與簡化設計
● 不顯示過多不必要資訊
● 適當的留白讓視覺更具焦
EX：
● 只顯示目前操作選項子項目
● 入口網頁不放過多資訊
● 多餘的資訊收納在子頁，讓主頁乾淨清爽
● 按鍵之間的距離需抓好，不可過近與過遠
● 背景不可過於雜亂，單色為佳
【
Recognition rather than recall】
讓使用者去認知而非記住系統
● 輔助使用者記憶操作資訊
● 減少使用者需要記憶的事情、行動以及可見的選項
EX：
● 搜尋紀錄
● 購物車
● 我的最愛
● 書籤
● 選單與提示一目瞭然
【
Help users recognize, diagnose, and recover from errors】
幫助使用者偵錯、從錯誤中恢復
● 幫助使用者識別、診斷、並從錯誤中恢復，將損失降到最低
EX：
● 資料刪除後的復原
● 資料刪除應進入垃圾桶（暫時保留以復原），再從垃圾桶永久刪除
● 格式化前的提示
● 輸入錯誤網址時，告訴使用者找不到網站的原因
● 網路連線不佳，題是使用者是否未開網路
● 下載大型檔案時，提示使用者網路流量問題
● 資料刪除前的詢問
