UX 設計方法並何時使用它們

在不同的研究和設計階段,各有很多不同流行的界面設計方法改善用戶體驗 (User Experience 或 UX)。以下是一些比較常見的設計方法。

需求分析

誰是我們的用戶和客戶?

  • 調查 (Survey):這是最便宜的方式來查出你的用戶是誰、他們想要什麼、他們想做什麼、他們想買什麼、他們去哪裡購物和他們已經擁有了什麼東西。利用你的內部和外部的聯繫人,你可以減少你對你用戶的偏見觀點。有很多調查軟件是免費的,所以你無理由不利用它。
  • 人物角色 (Persona) / 市場分割 (Market Segmentation):將調查資料分組成有意義的用戶資料。了解每組的人需要什麼的功能,和他們購物時會最關心的東西。你不要只是考慮到用他們的性別、收入和年齡來分組,你應該還要以任務 (Task) 和領域經驗 (Domain Experience) 作為最主要的區別。
  • 競爭分析 (Competitive Analysis):目前現有的產品或網站很少會做一些其他人還沒做的東西。你需要了解現時的市場、尋找在你的市場裡其他類似的公司會做的東西、並注意類似行業。你需要知道哪些功能是常見的?什麼功能是深受用戶喜愛?利用如淨推薦分數 (Net Promoter Score) 那種的行業標準 (Industry Benchmarks) 來測量客戶的口碑,並利用系統可用性量表 (System Usability Scale) 來測量你的系統可用性。
  • 情境調查 (Contextual Inquiry):用戶無法時時表達到他們需要或想要什麼。在他們的工作環境或家居裡觀察他們嘗試解決他們的問題和完成他們的目標,尋找他們還未滿足到的需求,並了解他們正在執行的任務。
  • 利益相關者訪談 (Stakeholder Interviews):顧客公司的不同部門裡已經有數量驚人的資料。不要只用最高薪酬人士的意見 (HiPPO 或 Highest Paid Person’s Opinion),你需要有組織地訪問顧客支援部門、品質保證部門、開發部門、營銷部門和銷售部門,問他們你應該建什麼、修理什麼、還有削減什麼。
  • 品質機能展開 (Quality Function Deployment):整理你從內部利益相關者得到的用戶和客戶資料,利用它來了解哪些功能會滿足到內部和外部需求 (Internal and External Requirement) 。納入你從對手得到的情報到你的設計概念裡,利用它來深深打動你的同事,並來作出更明智的決策。

用戶想做什麼東西?

  • 任務分析 (Task Analysis):分解用戶想完成的任務,利用它來了解你的應用程序如何令任務更加高效地和有效地完成。最重要的參考書是 Beyer 和 Holtzblatt 的《情境設計》 Contextual Design
  • 最主要的任務分析 (Top Tasks Analysis):你的應用程序無可能做到所有人想做的事。大多數人只會用應用程序(軟件或網站)去做幾個任務。調查不同的用戶去找出哪幾個任務能夠滿足到大多數需求,還要確保應用程序可以成功地做到那些工作。參考 Gerry McGovern 的書《陌生人的長脖子:怎樣向客戶交付他們真正在網絡上想要的東西》 The Stranger’s Long Neck

設計和開發

界面會是什麼樣子的呢?

  • 線框圖 (Wireframing):盡早在紙上畫出所有界面裡的主要元素,用 Visio 或 PowerPoint 已經可以足夠讓你了解界面的功能、任務流程 (Flow) 和改進的機會。它亦可以讓你顯示界面設計給利益相關者看。
  • 原型 (Prototyping):這加一層精確度 (Fidelity) 到你設計裡,你要及早並經常測試它們。精益 UX (Lean UX) 是指製作出最簡單且可用的原型。製作原型時你要有心理準備去隨時會把它棄置然後再重新開始製作。在網上也有大量的原型設計工具可以幫你將草圖轉化為轉託管網站和可點擊的屏幕。嘗試用 JustinmindAxureBalsamiq

測試和評估方法

如何整理資料?

  • 卡片分類 (Card Sorting):你應該怎樣用函式、屏幕和抽象的概念呢?還有你應該怎樣將他們分組呢?不要亂估,讓用戶將項目排序成一組組,然後為每一組改名。
  • 導航樹測試 (Tree Testing):讓用戶嘗試在你的線框圖和原型找出某些項目來測試導航的設計。
  • 首次點擊測試 (First Click Testing):如果用戶走錯了路,他們會好可能迷失方向而無法完成任務。所以,一定要首先了解用戶。
  • 擊鍵級模型 (Keystroke Level Modeling 或 KLM):即使沒有使用用戶去測試,你仍然可以知道任務大約會需要多少時間才完成,或設計更改會需要多少時間去做。KLM 模型使用一些人機交互 (Human Computer Interaction 或 HCI) 的核心法則來估計熟練的用戶需要多少時間才能成功地完成的任務。
  • 啟發式評估 (Heuristic Evaluations 或 HE):盡量自己找出可用性問題先,然後才讓用戶去測試它。像 HE 這種測試方式往往會發現大約 30%用戶將有的可用性問題。在理想情況下,你要至少找兩個知道一些 HCI 原則的人去獨立地測試。最好先修正任何明顯的問題,否則用戶會再次指出那些錯誤,浪費了你和用戶的時間。

用戶有什麼問題?

  • 面對面可用性測試 (Moderated In Person Testing):最適合來測試移動設備 (Mobile Device),或很難遠程測試原型的時候。可以在實驗室、會議室或甚至在走廊測試。
  • 遠程可用性測試 (Moderated Remote Testing):用便宜和無處不在的通信服務,如 GoTo Meeting 或 WebEx ,你在世界的任何地方都能夠招聘用戶去測試,而且你還可以用網路攝影機將用戶測試時的表情記錄下來。記住不要簡單地問用戶他們對那個設計有什麼建議,讓他們嘗試去做一些任務,並研究他們使用時遇到的困難。
  • 無監管遠端可用性測試 (Unmoderated Remote Usability Testing) :如果你的設計和任務定義得好,而且你的原型可以放置在網上,你可以嘗試讓用戶遠端執行他們的任務,你無需在用戶那裡主持。你甚至可以測試圖像的熱點 (Hotspots) 。如果你的任務和問題定義得好,你可以嘗試使用 UserZoom, Usertesting.com and Loop11 等服務,它們可以讓你在一天內得到幾十個到數百個用戶的資料。用你的直覺,並再測試多一次。

部署和發布

  • 可用性基準研究 (Usability Benchmark Study):既然一切都正常運作了,如果你要知道你的網站或軟件是否可用,你就要讓一些有代表性的用戶去嘗試執行一些任務。收集度量資料和使用信賴區間 (Confidence Interval) 去創造一個可靠的基準。盡可能使用標準化的調查問卷 (Standardized Questionnaires) (在完成任務後和在研究結束時),這是可以在實驗室環境或在遠端做到。
  • 無監管遠程可用性測試 (Unmoderated Remote Usability Testing) :利用一個已經啟用網站,你可以讓你的用戶嘗試完成早期在分析和設計階段確定出來的任務。你可以記錄用戶的點擊位置或甚至攝錄整個測試過程,即使你不在也能記錄到用戶在哪一點有困難。
  • 比較基準研究 (Comparative Benchmark Study) :你的應用程序是否比你的對手難用?招聘用戶,使用如完成率、完成時間和任務難度等核心指標來查出你的網站的優勢和劣勢。有時候,最好跟類似行業的網站來做比較,例如,如果你是銷售移動服務計劃的,嘗試跟 DirecTV 或 Zappos 的結帳體驗比較下。
  • A/B 測試 (A/B Testing) :不要靠亂估,一定要測試。不斷繼續設計和改進,即使產品已經發布了。網路版的應用程式 (Web-based Application) 這是比較容易做到的。測試窗體、按鈕、複製、圖片和價格。不要害怕測試未經證實過的概念。
  • 多變量測試 (Multivariate Testing) :單變量測試 (Single Variable Testing) 可以幫助你去調整你的網站,但是如果你想去進行好多次測試,你就會需要花好長的時間去做,而且你沒辦法知道每一個設計元素會如何互相影響大家。舉例來說,如果你將一個產品同時減價和換新包裝(兩種變量),這樣測試時你沒有預測到的事就會發生。你可以直接在網站上執行多變量的測試,你或者可以在一個開發環境中利用用戶購買時的態度資料去模擬用戶使用時的經驗。
  • 調查 (Survey) :用戶是否會推薦你的網站或產品?他們是否會信任它,並且他們覺得它有吸引力的嗎?你試試將你的分數同行業標準比較一下,並用標準的問題。問用戶他們想你改善哪部分,然後將那些聯開放式意見聯系到數量化的資料裡。

【原文】
http://www.measuringusability.com/blog/method-when.php

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s