別做天兵設計 //閱讀筆記( 3 )//

「別做天兵設計!傾聽、思考、表達,滿足使用者體驗的0盲點設計關鍵」。

最近很忙碌,半年一本書的計畫就這樣過期了,最近稍微空閒回來第三篇。

— — —

前情提要:


本篇進度:

part2.修煉使用者體驗設計師的技能:
2–3.設計規劃 — 設計師需求到設計草圖
2–3–1.如何搞定資訊分類
2–3–2. 導覽設計

Part2. 修煉使用者體驗設計師的技能

2–3. 設計規劃 — 設計需求到設計草圖

有了需求,我們需要依據需求來設定對應任務,並將任務進行優先順序的排列。畢竟網站的資訊及功能不是獨立存在,使用者來到網站既要獲取資訊、也要完成任務,兩者互相關聯交錯,我們的目的使讓使用者輕鬆、高效率的操作、瀏覽。

最終目的是透過設計工作,讓產品能滿足使用者需求、減少理解及操作成本,還能深深的吸引使用者。

從需求到頁面設計 (翻畫自別做天兵設計)

2–3–1. 如何搞定資訊分類

那麼該如何進行任務設定及資訊分類?我們可以依據邏輯習慣、或是探究使用者的想法去進行分類,有兩種方法能夠進行:

資訊分類方法
邏輯歸類:使用日常生活中熟悉的分類邏輯進行組織。
卡片分類:設計符合使用者心智模型的資訊架構,邀請使用者把”類似的東西”放在一起。

邏輯歸類

利用生活中熟悉的邏輯、習慣進行歸類。

例如想買一件男生T-shirt > 到商場中 > 找到男生衣服樓層 > 找到放置上衣的區域 > 挑選T-shirt,因此線上商城的商品組織可以是「男裝 > 上衣 > T-shirt」。

也可以將物品依照生活中的用途、類別、形狀、材料、顏色、品牌等進行分類,並透過數字、字母、時間來標示。

例如玩具網站可以由適用年齡、玩具類別、特點、品牌進行分類

卡片分類

邀請使用者把”類似”的東西放在一起,可以知道使用者對於內容的期望,為資訊架構提供依據。產品改版時可以用來檢視現有架構是不是合理。

來源:https://www.uxmatters.com/mt/archives/2011/06/comparing-user-research-methods-for-information-architecture.php
  1. 對象:15~30位,可以是招募的志工、工讀生,最好是跟產品設計不相干的人
  2. 進行:邀請使用者把”類似”的東西歸類,過程中設計師可以觀察他們的行 為過程、以及他們對於標籤的理解。也可以用Optimal Workshop在線上進行。
  3. 分析:對分類的結果進行分析,資料量少時可以直接在白板分析或拍照。資料量龐大時可以利用IBM EZSort、CardZort、WebSort等軟體。

卡片分類一般分為開放式與封閉式:

開放式:交由使用者自由決定將卡面分為幾組、每組有多少張卡片,以及自由決定每組的命名。但此方法不建議使用於資訊量龐大的網站。

封閉式:由設計師決定導覽架構的個數及名稱,再由使用者將卡片歸類到老懶分類下,若是有不知道如何歸類的有不一定要全部歸類。此方法適合用於驗證資訊架構。

2–3–2. 導覽設計

網路沒有明確導覽,我們必須讓導覽系統被自我解釋。

讓使用者認識到自己:從哪裡來、現在在哪、能往哪裡去

好的導覽設計要素:
A. 深廣度平衡
B. 使用者所需與商業推廣資訊平衡
C. 為重要和常見功能設定捷徑

深廣度平衡

導覽深度過深,使用者要耗費多次點擊、每次點擊都有可能會流失一批使用者。而相較於滑鼠點擊、眼球掃視的成本較低,但當導覽廣度過多(一般而言超過七個),也會增加使用者的選擇困難。

來源:https://docs.balsamiq.com/desktop/sitemaps/

使用者所需與商業推廣資訊平衡

網站一方面要了解使用者的資訊需求,另一方面也有背後的商業目的,而兩者之間肯定存在著矛盾,使用者只想看到自己像要的資訊、企業卻想要把廣告推薦給使用者。

Pinkoi及博客來在使用者與商業平衡上提供了很好的例子。使用者在左方導覽列瀏覽類別時並不會強烈的被商業廣告干擾、但是在類別附近默默出現相關廣告。

Pinkoi 的導覽設計,右方廣告既不影響操作,也平衡了商業目的、且視覺一致。
博客來的導覽設計,除右方廣告外,也將推薦項目作顏色提示。

為重要和常見功能設定捷徑

導覽設計必須結構清晰合理,讓使用者在有明確目標時,快速找到想要的資訊。但對於沒有目標、隨意瀏覽的人而言,他們使用時不會刻意思考,因此若是常用或重要的功能藏得太深,會降低他們對網站的興趣。

以購物車的設計為例,以邏輯來說購物車應該屬於會員中心的層級之下。但對於購物目標、以及網站的銷售目標而言,購物車非常重要,因此許多購物網站的購物車都會放置捷徑在導覽列上。

購物車放置在導覽列上,使用者可以依據原先邏輯在會員中心找到、也可透過捷徑快速使用。

不過捷徑入口也不能過多,否則會讓使用者感到迷茫。


感謝閱讀~

下集預告:
主要任務與次要任務的歸納與凸顯、引導設計!