案例分享:如何基于用戶場景,優化產品原型設計?

6 評論 4325 瀏覽 41 收藏 5 分鐘

產品新人在畫完原型后,可能會不知道如何評估和優化,也不清楚頁面是否合理,這篇文章里,作者就做了案例分享,教你如何基于用戶場景來優化原型設計,一起來看看吧。

分享一個頁面優化的案例,解答很多產品新人在畫完原型后的疑問:

頁面是否合理?如何評估和優化?

(業務背景:代理幫門店推廣賺傭金。由代理幫客人訂臺 → 客人到店消費 → 代理獲得傭金。這個是代理的訂臺記錄頁)

一、按場景優化

每次優化(或設計)頁面前,先思考:

什么場景下,他會打開這個頁面?

場景1:查看是否成功訂臺?

場景2:客人是否到店?如果沒有到店,就沒有傭金。再延伸:當發現客人沒有及時到店,是否要提醒去聯系客戶?

場景3:這單能拿多少傭金?

場景1:是否成功訂臺

原版將【訂臺時間】放左上角,通過查看時間,可以知道預訂狀態。但,當多個不同門店的訂單,不方便查找。

??修改后:

  • 將【門店名字】強化。
  • 將臺號、客人昵稱用icon表示,減少文字密度。多訂單時,可通過【門店名字】+【臺號】找到訂單。

場景2:預約客人是否到店?

原來只有【未開臺】,無法判斷客人是否按時到店。因為缺少【預約到店時間】。如:預約9點到店,8點顯示【未開臺】是正常,但9點30分還是【未開臺】,就不正常了。

??修改后:

  • 增加【預約到店時間】,便于判斷。
  • 刪去【開臺時間】,為什么刪除呢?大家可以說說看。

場景3:能拿多少傭金?

原版將【傭金】高亮顯示,可以知道傭金,但頁面有大面積空白,未產生傭金時,也占著空間,有點浪費。
??修改后:

  • 將【傭金】與【消費狀態】合一起,因為這2個信息是強相關。
  • 布局做了調整,調整瀏覽的視線。

二、總結

畫原型圖之前,先思考

步驟①:用戶是什么原因(或遇到什么問題),要打開這個頁面?

步驟②:頁面需要提供什么內容,可以幫助用戶解決問題。

步驟③:這些內容之間,關聯度、優先級分別是怎么樣。

畫原型之后,如何評估

按步驟1列舉的場景,模擬用戶的操作、瀏覽路徑,評估是否合理。

??對用戶場景/需求的理解,需要對業務有足夠了解。那新手期怎么辦?下一篇筆記,分享如何快速找到用戶場景的方法,少走彎路。

本文由 @星星聊產品 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 受教了:1、【預約到店時間】有必要。2、【已消費】和金額強關聯且突出展示更搶眼3、在卡片內信息按行聚合有條理。
    一個疑問:ICON從哪來呢?是每個用戶唯一的么?

    來自重慶 回復
    1. 哪個icon?

      來自廣東 回復
    2. 好像說的是商家icon吧?

      來自北京 回復
  2. 說實話,在整個產品結構設計中,應該將用戶的需求先劃分好層級,然后依托于層級再規劃層級和樣式,例如圖中展示的:用戶第一關注的重點其實是自己的消費狀態,而不是商家,忽略了本有重要的信息點,反而增加了整個信息的閱讀時長

    來自北京 回復
    1. 「將用戶的需求先劃分好層級,然后依托于層級再規劃層級和樣式」,這點贊成的

      這個頁面的用戶,是推廣人(類似淘寶客),他需要關注1個是推廣訂單的消費狀態,1個是推廣訂單的商家歸屬(多門店時,需要)

      來自廣東 回復
  3. 滾燙熱乎的

    來自廣東 回復