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

Verna Gong
Jul 20, 2018 · 6 min read

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

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

— — —

前情提要:


本篇進度:

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

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

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

2–3–2. 導覽設計

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

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

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

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

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

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

資訊分類方法

邏輯歸類:使用日常生活中熟悉的分類邏輯進行組織。

卡片分類:設計符合使用者心智模型的資訊架構,邀請使用者把”類似的東西”放在一起。

邏輯歸類

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

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

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

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

卡片分類

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

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

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

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

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

2–3–2. 導覽設計

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

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

好的導覽設計要素:

A. 深廣度平衡

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

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

深廣度平衡

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

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

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

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

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

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

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

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


感謝閱讀~

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

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store