萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Web 交互設計優化簡易 Checklist:降低用戶四大負擔

「優化已有產品體驗」是用戶體驗崗常見職責。產品在快速迭代中完善,優化既有功能與設計新功能同等重要。但優化常顯不緊迫、零散,陷入「重要不緊急」甚至「不重要不緊急」象限,變成東一榔頭西一棒子。可用性測試受時間、用戶、場地限制,難以頻繁進行。更多時候,設計師需依據可用性準則走查,快速發現並解決問題。

本文關注:對非娛樂導向產品的交互設計優化,從哪些方面考慮、遵循什麼原則、如何檢查、如何確定優先級。不涉及:新功能設計、娛樂產品優化、產品概念層優化、各類產品專用 tips、具體優化方法。

一、需要優化什麼

《交互設計精髓》:「設計原則主要目的之一是優化用戶體驗。對生產工具等非娛樂產品,意味著將工作負荷降至最低。」

我們常不知不覺給用戶設下考驗,讓他們抓狂:

1. 視覺負擔

需分解佈局、區分內容層次、區分視覺元素、努力定位目標、識別閱讀起點、頻繁變換視線、視覺流被干擾/打斷。

2. 認知負擔

需理解不熟悉概念/模式、冗長生澀文本、混亂結構佈局、模稜兩可操作、猜測系統狀態/行為/結果。

3. 記憶負擔

需記住對象屬性(名稱、位置、大小、顏色)、對象關聯、操作命令/步驟/結果、以往操作。

4. 體力負擔

需長距離移動滑鼠、多次點擊、執行不同滑鼠手勢、多種操作組合、切換輸入模式、進出不同頁面/區域、長時間等待。

二、優化目標

1. 基於可用性的目標

易於識別/定位/閱讀、易於理解/學習/記憶、易於操作。符合 Jakob Nielsen 十大可用性準則:

  1. 有效反饋提供顯著系統狀態
  2. 符合用戶真實世界
  3. 用戶自由控制權
  4. 一致性與標準性
  5. 預防出錯
  6. 識別而非回憶
  7. 靈活便捷使用
  8. 美觀精簡設計
  9. 協助用戶識別、分析、改正錯誤
  10. 幫助與說明

2. 基於產品的目標

如快速註冊流程優化,目標可能是最小化輸入、最短等待時間等,需根據具體產品定義。

三、快速檢查清單

為達目標,整理簡易 checklist(文末有 PDF 下載),四個維度對照檢查:

1. 架構與導航

  • 是否採用用戶熟悉/易理解的結構?
  • 能否識別當前在網站中的位置?
  • 能否清晰表達頁面間結構?
  • 能否快速回首頁/主要頁面?
  • 鏈接名稱與頁面名稱是否對應?
  • 當前頁面結構佈局是否清晰?

2. 佈局與設計

  • 是否採用用戶熟悉的界面元素/控件?
  • 元素/控件的文字、位置、佈局、分組、大小、顏色、形狀是否合理、易識別、一致?
  • 元素/控件間關系表達是否正確?
  • 主要操作/閱讀區視線是否流暢?
  • 其他文本(稱謂、提示、反饋)是否一致?

3. 內容與可讀性

  • 文字交流對象是用戶嗎?
  • 語言是否簡潔、易懂、禮貌?
  • 含義表達是否一致?
  • 重要內容是否處於顯著位置?
  • 是否在需要時提供必要信息?
  • 是否有干擾視線/注意力的元素?

4. 行為與互動

  • 是否告知/引導用戶能做什麼?
  • 是否告知需進行哪些步驟?
  • 是否告知需多少時間?
  • 是否告知第一步做什麼?
  • 是否告知輸入/操作限制?
  • 是否有必要的系統/用戶行為反饋?
  • 是否允許必要的撤銷操作?
  • 頁面上所有操作是否必須由用戶完成?
  • 是否已將操作步驟、點擊次數減至最少?
  • 是否所有跳轉都是必須的(無法在當前頁呈現)?

以上非完整清單,可根據實踐修改,也可參考普渡大學可用性測試檢查表等權威資料。

四、確定優先級

篩選出問題後,根據嚴重性與解決成本(時間、人力)綜合考慮:嚴重性高且成本低的優先解決。

五、小結

  • Considerations:降低視覺、認知、記憶、體力四大負擔
  • Goal:易識別/定位/閱讀、易理解/學習/記憶、易操作,符合可用性原則與產品目標
  • Checklist:交互設計快速檢查清單 v1 PDF 下載
  • Priority:按嚴重性與成本綜合,優先解決嚴重且低成本問題

參考:《About Face 3》《人機交互:以用戶為中心的設計與評估》Ten Usability Heuristics、Purdue Usability Testing Questionnaire。
文章來源:uedc.163.com/4308.html 轉載請註明出處。

copyright © 萬盛學電腦網 all rights reserved