案例分享:如何基于用戶場景,優化產品原型設計?
產品新人在畫完原型后,可能會不知道如何評估和優化,也不清楚頁面是否合理,這篇文章里,作者就做了案例分享,教你如何基于用戶場景來優化原型設計,一起來看看吧。
分享一個頁面優化的案例,解答很多產品新人在畫完原型后的疑問:
頁面是否合理?如何評估和優化?
(業務背景:代理幫門店推廣賺傭金。由代理幫客人訂臺 → 客人到店消費 → 代理獲得傭金。這個是代理的訂臺記錄頁)
一、按場景優化
每次優化(或設計)頁面前,先思考:
什么場景下,他會打開這個頁面?
場景1:查看是否成功訂臺?
場景2:客人是否到店?如果沒有到店,就沒有傭金。再延伸:當發現客人沒有及時到店,是否要提醒去聯系客戶?
場景3:這單能拿多少傭金?
場景1:是否成功訂臺
原版將【訂臺時間】放左上角,通過查看時間,可以知道預訂狀態。但,當多個不同門店的訂單,不方便查找。
??修改后:
- 將【門店名字】強化。
- 將臺號、客人昵稱用icon表示,減少文字密度。多訂單時,可通過【門店名字】+【臺號】找到訂單。
場景2:預約客人是否到店?
原來只有【未開臺】,無法判斷客人是否按時到店。因為缺少【預約到店時間】。如:預約9點到店,8點顯示【未開臺】是正常,但9點30分還是【未開臺】,就不正常了。
??修改后:
- 增加【預約到店時間】,便于判斷。
- 刪去【開臺時間】,為什么刪除呢?大家可以說說看。
場景3:能拿多少傭金?
原版將【傭金】高亮顯示,可以知道傭金,但頁面有大面積空白,未產生傭金時,也占著空間,有點浪費。
??修改后:
- 將【傭金】與【消費狀態】合一起,因為這2個信息是強相關。
- 布局做了調整,調整瀏覽的視線。
二、總結
畫原型圖之前,先思考
步驟①:用戶是什么原因(或遇到什么問題),要打開這個頁面?
步驟②:頁面需要提供什么內容,可以幫助用戶解決問題。
步驟③:這些內容之間,關聯度、優先級分別是怎么樣。
畫原型之后,如何評估
按步驟1列舉的場景,模擬用戶的操作、瀏覽路徑,評估是否合理。
??對用戶場景/需求的理解,需要對業務有足夠了解。那新手期怎么辦?下一篇筆記,分享如何快速找到用戶場景的方法,少走彎路。
本文由 @星星聊產品 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
評論
受教了:1、【預約到店時間】有必要。2、【已消費】和金額強關聯且突出展示更搶眼3、在卡片內信息按行聚合有條理。
一個疑問:ICON從哪來呢?是每個用戶唯一的么?
哪個icon?
好像說的是商家icon吧?
說實話,在整個產品結構設計中,應該將用戶的需求先劃分好層級,然后依托于層級再規劃層級和樣式,例如圖中展示的:用戶第一關注的重點其實是自己的消費狀態,而不是商家,忽略了本有重要的信息點,反而增加了整個信息的閱讀時長
「將用戶的需求先劃分好層級,然后依托于層級再規劃層級和樣式」,這點贊成的
這個頁面的用戶,是推廣人(類似淘寶客),他需要關注1個是推廣訂單的消費狀態,1個是推廣訂單的商家歸屬(多門店時,需要)
滾燙熱乎的