2024-01-28

【UX 使用者體驗】如何讓使用者明確知道該做什麼事

圖片來源:Growth.Design Case Study #059

Letterboxd 是受歡迎的影評 App

可惜因回答問題的設計方式不良、操作動線複雜、模糊等問題造成體驗不佳流失用戶

今天閱讀 Growth.Design 第 59 期 UX 使用者體驗案例分析,分享的主題是 How to nail product market fit with clear Jobs-To-Be-Done ,以一個受歡迎的影評 App - Letterboxd ,來說明讓使用者回答問題需要好的方式引導,避免讓用戶產生為何而做?或不知還要回答幾題的困惑。

接下來分享我有收穫的設計要點:

1. 不要提供使用者過多的選擇

不要提供使用者過多的選擇,這只會讓他們有選擇障礙,考慮更久。

Letterboxd 針對電影讓使用者有四個選擇,反而讓人不想動腦。

比較理想的選項是三個。

2. 提供使用者何時結束的提示

Letterboxd 以 Slide 的方式請使用者針對每部片給回饋,但不知道何時才會結束,沒完沒了感覺。

理想的方式要顯示進度條在畫面上方。

3. 讓使用者清楚知道點了每個按鈕會發生什麼事

Letterboxd 提供 X(關閉視窗) 讓使用者跳出評論電影,但沒告訴使用者按 X 是否儲存已回答的題目?

如果沒有存,不就白白浪費使用者時間嗎?

較好的設計是當使用者點下 X 時,不要馬上執行,先跳出確認視窗,告訴對方即將發生什麼事,並給予確認或取消的選項。

4. 按鈕文案要以使用者熟悉的語彙呈現

連結或按鈕的描述要盡量以使用者熟悉的語彙呈現。Letterboxd 的 App 有一個 Journal 的頁籤,讓人摸不著頭緒那是什麼?結果點下去,看到的內容跟日記一點關聯也沒有。

連結的文字跟目的頁要有高度相關,符合用戶期待。若目的頁的標題跟連結文字不同,不但文不對題,更浪費人家無謂的時間。

講到這我想補充一個狀況 - 不同的用字卻是同個意思,這也要考量到當地慣用語。

例如:在台灣,我們習慣用 [匯出] 來定義按鈕點了會輸出資料,但簡體中文卻慣用 [導出]。另一個常見差異是 [目前] vs [當前],一樣都是表達現在,不同的用字,也足以讓用戶停頓

5. 將複雜的內容簡化,但保留該有的功能

Letterboxd 將看過的電影、影評及分享座落在不同的頁籤切換操作,經過重新設計,少了頁籤,這些功能不但沒被閹割,還能在同一頁透過清楚的指示完成所有的工作。

👉 觀看完整案例賞析 : How to nail product market fit with clear Job-To-Be-Done (4 mins)

請我喝杯咖啡吧 ^^
No active "bsf-sb-post-end" sidebar

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

PeiYing Tsai
author
愛藝術,喜歡以科技解決問題的數位產品設計師。 堅持信念,任何困難事,必有搞定的一天,Just try it! 隨手紀錄日常學習到的知識心得,希望對妳/你有幫助。
coffee-cup linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram