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