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

分享一個頁面優(yōu)化的案例，解答很多產(chǎn)品新人在畫完原型后的疑問：

頁面是否合理？如何評估和優(yōu)化？

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

一、按場景優(yōu)化

每次優(yōu)化（或設(shè)計(jì)）頁面前，先思考：

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

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

場景2：客人是否到店？如果沒有到店，就沒有傭金。再延伸：當(dāng)發(fā)現(xiàn)客人沒有及時到店，是否要提醒去聯(lián)系客戶？

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

場景1：是否成功訂臺

原版將【訂臺時間】放左上角，通過查看時間，可以知道預(yù)訂狀態(tài)。但，當(dāng)多個不同門店的訂單，不方便查找。

??修改后：

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

場景2：預(yù)約客人是否到店？

原來只有【未開臺】，無法判斷客人是否按時到店。因?yàn)槿鄙佟绢A(yù)約到店時間】。如：預(yù)約9點(diǎn)到店，8點(diǎn)顯示【未開臺】是正常，但9點(diǎn)30分還是【未開臺】，就不正常了。

??修改后：

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

場景3：能拿多少傭金？

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

• 將【傭金】與【消費(fèi)狀態(tài)】合一起，因?yàn)檫@2個信息是強(qiáng)相關(guān)。
• 布局做了調(diào)整，調(diào)整瀏覽的視線。

二、總結(jié)

畫原型圖之前，先思考

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

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

步驟③：這些內(nèi)容之間，關(guān)聯(lián)度、優(yōu)先級分別是怎么樣。

畫原型之后，如何評估

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

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