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

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

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

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

一、按場景優化

每次優化（或設計）頁面前，先思考：

什么場景下，他會打開這個頁面？

場景1：查看是否成功訂臺？

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

場景3：這單能拿多少傭金？

場景1：是否成功訂臺

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

??修改后：

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

場景2：預約客人是否到店？

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

??修改后：

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

場景3：能拿多少傭金？

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

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

二、總結

畫原型圖之前，先思考

步驟①：用戶是什么原因（或遇到什么問題），要打開這個頁面？

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

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

畫原型之后，如何評估

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

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