導(dǎo)讀：產(chǎn)品設(shè)計(jì)的流程，通常先經(jīng)過(guò)PM再是交互最后是UI設(shè)計(jì)，UI設(shè)計(jì)是最后一道工序，事實(shí)上也是最后一道防線。優(yōu)秀的UI設(shè)計(jì)師，設(shè)計(jì)前都會(huì)驗(yàn)證功能和體驗(yàn)的可行性，同時(shí)善于提出質(zhì)疑和發(fā)現(xiàn)問(wèn)題，并且還可以給出恰當(dāng)?shù)慕鉀Q方案。練就這樣的能力其實(shí)并不難，本期分享的案例會(huì)告訴你，從哪些方面思考輕松搞定功能和體驗(yàn)的設(shè)計(jì)方案驗(yàn)證。

一、案例解析

我們商城近期上線了新功能“門店閃送”，以后在商城買東西可以像叫外賣一樣方便，買個(gè)手機(jī)一小時(shí)內(nèi)就能送到家，簡(jiǎn)直不要太爽，這真是新零售的優(yōu)勢(shì)！

目前閃送功能應(yīng)該說(shuō)屬于1.0版本，后面會(huì)繼續(xù)優(yōu)化，原因產(chǎn)品經(jīng)理對(duì)功能的理解不全面，導(dǎo)致現(xiàn)在體驗(yàn)上存在一些小問(wèn)題。

在商品規(guī)格選擇頁(yè)中新增閃送功能，閃送信息內(nèi)容呈現(xiàn)分別是，時(shí)間信息和門店信息，問(wèn)題就出在了內(nèi)容呈現(xiàn)上。

產(chǎn)品設(shè)計(jì)定義一個(gè)功能通常從三個(gè)方面入手：目的、用戶、場(chǎng)景。

目的：從產(chǎn)品平臺(tái)的角度思考功能的目的，能體現(xiàn)怎樣的價(jià)值，如果沒(méi)有價(jià)值，也就沒(méi)有設(shè)計(jì)的必要。

用戶：思考用戶的需求，分析用戶使用功能的一系列行為和心理變化，想要達(dá)到怎樣的結(jié)果等。

場(chǎng)景：分析使用場(chǎng)景，應(yīng)對(duì)可能出現(xiàn)的任何狀況，依據(jù)場(chǎng)景反推功能設(shè)計(jì)的匹配度。

結(jié)合這三個(gè)方面進(jìn)行思考，商城配送、門店閃送、到店自提，三者功能點(diǎn)的不同，用戶的需求和使用場(chǎng)景分別是怎樣的。

門店閃送的功能特點(diǎn)是，匹配3公里內(nèi)離配送地址最近的門店，在一個(gè)小時(shí)內(nèi)給用戶送達(dá)。

了解功能后，接著思考用戶為什么要使用閃送服務(wù)？他的核心訴求是什么？用戶選擇閃送服務(wù)最關(guān)心哪些信息？

最后可以得出，用戶選擇閃送服務(wù)的核心訴求就是要盡快拿到商品，用戶不會(huì)關(guān)心哪家門店發(fā)貨，因?yàn)殚W送都是1小時(shí)內(nèi)送達(dá)。

單單從用戶的需求上就能看出，現(xiàn)在線上版本閃送服務(wù)，不應(yīng)該把門店信息優(yōu)先展示。

用戶不關(guān)心門店信息，那應(yīng)該放什么信息？這就需要從場(chǎng)景思考，場(chǎng)景思考對(duì)大多數(shù)產(chǎn)品設(shè)計(jì)者都是難點(diǎn)。

因?yàn)楹芏嗳肆?xí)慣從用戶表面需求解決問(wèn)題，這樣在上線后，往往會(huì)因?yàn)橐恍┨厥鈭?chǎng)景的出現(xiàn)導(dǎo)致體驗(yàn)不佳。

二、如何進(jìn)行場(chǎng)景思考

??????????進(jìn)行場(chǎng)景思考，可以從兩個(gè)方面出發(fā)，一是結(jié)合功能思考關(guān)鍵點(diǎn)的交互過(guò)程。

比如門店閃送的場(chǎng)景是商品從a點(diǎn)到b點(diǎn)的過(guò)程，整個(gè)過(guò)程都有哪些交互行為和觸點(diǎn)。

二是思考特殊場(chǎng)景的預(yù)案，如用戶給朋友買商品使用閃送服務(wù)，這個(gè)場(chǎng)景就需要有更換地址的功能。

再比如用戶再次使用閃送服務(wù)門店缺貨，這時(shí)還要給用戶做好正確引導(dǎo)等。

我們把三個(gè)配送方式的場(chǎng)景依次分析出來(lái)，然后才可以進(jìn)行功能信息的設(shè)計(jì)。

總結(jié)來(lái)說(shuō)，商城配送和門店閃送是貨找人，而到店自取是人找貨，這是在場(chǎng)景上的本質(zhì)區(qū)別。

貨找人的用戶關(guān)注商品送到哪，所以用戶關(guān)注收貨地址；人找貨用戶關(guān)注去哪找商品，所以用戶關(guān)注門店在哪。

這樣一分析就能得出，商城配送和門店閃送的場(chǎng)景，應(yīng)該優(yōu)先展示用戶的收獲地址。

產(chǎn)品經(jīng)理的觀點(diǎn)：

當(dāng)我問(wèn)到產(chǎn)品經(jīng)理閃送服務(wù)為什么要給用戶呈現(xiàn)門店信息，他給我的答案是這樣的。

產(chǎn)品經(jīng)理：因?yàn)殚T店閃送和到店自取業(yè)務(wù)上都是關(guān)于門店的，所以閃送應(yīng)該和到店自取一樣呈現(xiàn)門店信息。

這其實(shí)是一種技術(shù)邏輯，也就是技術(shù)思維，我以前做B端產(chǎn)品常常會(huì)遇到這樣的問(wèn)題，把產(chǎn)品的后臺(tái)邏輯給用戶去用，導(dǎo)致用戶學(xué)習(xí)成本很高。

體驗(yàn)設(shè)計(jì)師都知道，后臺(tái)邏輯與前端邏輯的關(guān)系，后臺(tái)是支持前端邏輯的實(shí)現(xiàn)，并非后臺(tái)主導(dǎo)前端。

后臺(tái)邏輯往往是10步支撐前端的1步，因?yàn)榍岸耸墙o用戶用的，用戶使用越簡(jiǎn)單越好，用同樣的道理去思考閃送服務(wù)就能明白了。

三、用文案?jìng)鬟f價(jià)值

用戶文案?jìng)鬟f價(jià)值，有時(shí)候能大大助力業(yè)務(wù)，這是體驗(yàn)設(shè)計(jì)師的高階技能。

上圖中商品配送的文案這樣的寫的“明天21點(diǎn)前付款，預(yù)計(jì)12月29日送達(dá)”，用普通用戶的角度仔細(xì)品一下這句話。

用戶當(dāng)前時(shí)間是晚上21點(diǎn)，文案表達(dá)明天21點(diǎn)前付款，送達(dá)時(shí)間是一樣的，也就是說(shuō)用戶在這24小時(shí)內(nèi)付款，都不會(huì)影響收貨時(shí)間。

給了用戶這么大的時(shí)間空間，也就是給足了用戶思考時(shí)間，拖延下單的可能，最終導(dǎo)致的就是訂單流失。

這么大的時(shí)間空間，還會(huì)讓用戶認(rèn)為平臺(tái)的物流速度不行，感覺(jué)像兩天發(fā)一次貨，簡(jiǎn)直太慢了！！

修改后的文案，一定是把時(shí)間跨度縮小，當(dāng)然這必須要與業(yè)務(wù)方進(jìn)行溝通探討，符合業(yè)務(wù)邏輯。

修改后文案：

“11點(diǎn)前下單，預(yù)計(jì)12月29日送達(dá)”

（上午下單）

“18點(diǎn)前下單，預(yù)計(jì)12月29日送達(dá)”

（下午下單）

結(jié)合用戶當(dāng)前時(shí)間，匹配物流業(yè)務(wù)邏輯，把下單時(shí)間提示控制在當(dāng)天，物流若上午走一次，下午走一次，就可以分別引導(dǎo)展示，物流若一天一次就提示當(dāng)天最晚時(shí)間。

四、送達(dá)時(shí)間定規(guī)則，發(fā)揮更大價(jià)值

在送達(dá)時(shí)間上我們還可以繼續(xù)優(yōu)化，用一種有策略性的表述，再結(jié)合視覺(jué)設(shè)計(jì)進(jìn)行更有價(jià)值的信息傳遞。

同城當(dāng)天能到，臨近省市隔天到，再遠(yuǎn)點(diǎn)就是兩天以上到，不同的時(shí)間點(diǎn)，我們應(yīng)該更清晰的傳遞給用戶。

目前線上的邏輯沒(méi)有策略性，比如今天28日下單，提示29日到達(dá)，這樣就沒(méi)有清晰告訴用戶今天下單明天到。

我們來(lái)定一個(gè)送達(dá)時(shí)間表述規(guī)則：

“預(yù)計(jì)【今天】24:00前送達(dá)”

（當(dāng)天到，高亮“今天”）

“預(yù)計(jì)【明天】24:00前送達(dá)”

（第二天到，高亮“明天”）

“預(yù)計(jì)【周四】12月30日送達(dá)”

（兩天以上一周內(nèi)到）

五、打破用戶慣性認(rèn)知

三種配送方式，商城配送和門店閃送主標(biāo)題都是時(shí)間維度，到店自取是門店信息，這樣的就應(yīng)該區(qū)別一下設(shè)計(jì)表現(xiàn)形式。

對(duì)于門店來(lái)說(shuō)需要做差異化設(shè)計(jì)，可以在門店信息前加個(gè)門店圖標(biāo)，或者放一個(gè)“附近”標(biāo)簽，與前兩者不同，這樣用戶視覺(jué)感知上體驗(yàn)會(huì)更好。

另外，距離標(biāo)識(shí)信息對(duì)用戶來(lái)說(shuō)是個(gè)重點(diǎn)關(guān)注信息，所以最好把“距您2.19km”距離標(biāo)簽另起一行位置固定展示，這樣信息層級(jí)表現(xiàn)也會(huì)更好。

最后優(yōu)化后的設(shè)計(jì)方案：

六、最后

最后總結(jié)一下，拿到原型圖或設(shè)計(jì)方案后，UI設(shè)計(jì)師要有意識(shí)的先從平臺(tái)目的、用戶需求、場(chǎng)景分析進(jìn)行一番驗(yàn)證。

這不光是在為前面角色避免問(wèn)題，同時(shí)也是為自己接下來(lái)更好的做UI設(shè)計(jì)。

最為重要的是UI設(shè)計(jì)師需要有這樣的能力，這樣UI設(shè)計(jì)角色才能在整個(gè)業(yè)務(wù)線中發(fā)揮更大的價(jià)值，收獲團(tuán)隊(duì)的認(rèn)可和信賴。

#專欄作家#

吳星辰，微信公眾號(hào)：互聯(lián)網(wǎng)設(shè)計(jì)幫，人人都是產(chǎn)品經(jīng)理專欄作家。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議