可用性測試案例:Yahoo購物分類功能

深入了解用戶的真實使用體驗

Samuel Chin
Samuelism
5 min readDec 1, 2020

--

目錄

- 總覽
- 扮演角色
- 目的及目標
- 人物誌
- 受試者
- 測試方式
- 觀察重點
- 分析
- 後續執行

總覽

Yahoo!是美國Verizon Media旗下子公司,旗下除了電子商務外,還有入口網站、電子信箱、體育以及新聞等服務。Yahoo奇摩購物中心前身為興奇科技,成立於2002年,2008年與Yahoo奇摩合併,更名Yahoo奇摩購物中心。

扮演角色

主要負責發話記錄、行動記錄、問題分析及後續改善執行。

目的及目標

為了瞭解現行分類是否好用,決定執行可用性測試及用戶訪談,來釐清阻礙user使用分類逛購物中心的原因,以期改善後提升整體轉換率。

Yahoo! 分類示意圖
Yahoo! 分類示意圖

人物誌(persona)

在做產品設計時,我們必須先釐清目標對象是誰,他們遇到了什麼問題,我們如何幫他解決。因此,製作人物誌來鎖定我們的需要邀請的受試對象是很重要的。

一般而言,有明確購物目標的使用者在逛電商時,會使用關鍵字搜尋商品;而沒有明確目標的逛網購,或不知道產品名稱的使用者,會使用分類尋找商品。

因此,人物誌(persona)設定需要滿足以下幾個條件:

● 每週逛三次網購的重度使用者(慾望大於需求,常帶著不明確目標購物)
● 使用過至少三個不同電商平台
● 使用過YAHOO!購物及任一競業的分類

Persona1:洪憶萱

大學剛畢業的新鮮人,主要購買流行時尚相關商品

Persona2:余思婷

事業有成的新手媽媽,主要購買婦幼相關商品

persona3:許仁賢

專職股票操盤的投資人,主要購買3C相關商品

受試者:

根據Nielsen Norman Group實驗後的數據顯示,雖然要蒐集到全部的可用性問題需要15個受試者,但因為邊際效用遞減的關係,其實最一開始的5個受試者便可蒐集到85%的可用性問題,我們可以先邀請5個受試者來解決其中85%的問題後,再開啟下一輪可用性測試。

測試方式:

主要分為兩部分,第一部分是請受試者描述對產品的感受,第二部分則是請受試者完成預先設計的任務,測試過程中也採用以下方法:

  1. 放聲思考法:請受試者在執行任何動作時,將當下的想法全部講出來,除了方便記錄外,也可以避免一直發問打斷受試者,盡量在執行完任務後才對受試者提問。
  2. 卡片分類法:當一個分類頁有太多想要傳達的資訊時,我們把選擇權交給受試者,讓他們自己來決定什麼資訊對他們而言比較重要。

觀察重點:

  1. User在完成任務的過程中,遇到什麼困難
  2. User在進入每一層分類的過程中,遇到什麼困難
  3. 在每一層中是否都能找到分類按鈕
  4. 是否了解如何返回上層分類
  5. 是否能注意到篩選規格表並正確使用
  6. 是否知道Sorting及compare功能並正確使用

分析問題:

測試完畢後,將問題分級並排序,主要問題整理如下:

  1. 第一層分類頁,與其他層的視覺及排版邏輯不一致,導致使用者困惑。
  2. 二、三層左側分類欄資訊過多,讓消費者難以專注。
  3. 從第一層到第四層分類頁,有部分重複資訊,讓使用者覺得做了一次選擇,卻還是看到一樣的東西。
  4. 有些分類符合商業邏輯,卻不符合使用者直覺。
  5. 首頁選擇分類時,使用者的游標會需要滑動較長的移動軌跡。
紅線為移動軌跡,此為新版首頁圖,舊版首頁移動軌跡為新版的1.5倍

後續執行:

  1. 統一各層分類頁的視覺和邏輯。
  2. 根據卡片分類法刪去多於不必要的資訊,並整合重複的資訊。
  3. 首頁排版調整,縮短選取分類時,滑鼠的移動軌跡。
  4. 蒐集相關數據,並進行競品分析後重新盤整各分類,品牌導向的分類以品牌區分;功能導向的分類則以功能區分。讓分類邏輯和名稱更符合使用者直覺。例:精品以品牌區分、手機以型號區分、家電以規格區分等。

結論:

可用性測試雖然耗時耗力,但卻可以避免產品設計的方向偏離使用者的真實需求。在過程中,我們也可以了解消費者看產品的角度,來審視自己是否因為不一樣的知識背景而忽略了那些細節,進而訓練自己的產品思維跟產品敏銳度。

--

--