當(dāng)不清楚我們要得到什么的時(shí)候，那就先從交互設(shè)計(jì)三要素開(kāi)始。

交互設(shè)計(jì)過(guò)程中，很多人對(duì)于信息架構(gòu)、交互流程以及頁(yè)面布局的思考總是偏向于實(shí)實(shí)在在的結(jié)果，總是用是是而非的結(jié)果來(lái)框定它。其實(shí)，脫離場(chǎng)景而進(jìn)行的設(shè)計(jì)都是無(wú)價(jià)值的。不以用戶的場(chǎng)景為設(shè)計(jì)基礎(chǔ)而進(jìn)行的設(shè)計(jì)，都是水中之月。

產(chǎn)品開(kāi)發(fā)的過(guò)程，總是希望將更多的功能添加上去，讓產(chǎn)品大而全，但是卻沒(méi)有對(duì)功能進(jìn)行分類(lèi)，只是進(jìn)行了功能的堆疊與羅列。然而從產(chǎn)品的另一端，產(chǎn)品的使用過(guò)程，用戶使用只是完成自己的一個(gè)或多個(gè)目標(biāo)任務(wù)。因此，用戶只會(huì)使用其中一個(gè)或者若干功能，沒(méi)有哪個(gè)用戶是抱著了解產(chǎn)品有多少功能的目的而使用你的產(chǎn)品。如果不考慮用戶在使用產(chǎn)品時(shí)的場(chǎng)景，而僅僅是進(jìn)行功能的添加、刪除，怎么可能提升用戶的使用體驗(yàn)？

產(chǎn)品開(kāi)發(fā)的“一對(duì)多”與產(chǎn)品使用的“一對(duì)一”

因此，設(shè)計(jì)師不僅僅要站在用戶的角度去思考問(wèn)題，還要為用戶所處的場(chǎng)景，提供相應(yīng)的解決方案，做好信息的整理與分類(lèi)，引導(dǎo)每一類(lèi)用戶能夠準(zhǔn)確快速的找到相應(yīng)的功能，這才是好的交互設(shè)計(jì)。

要想做好場(chǎng)景化下的用戶思維的運(yùn)用：

首先，要對(duì)用戶場(chǎng)景中的功能進(jìn)行梳理，整理出符合用戶心智模型的信息架構(gòu)。

下面是筆者之前做過(guò)的一個(gè)案例。產(chǎn)品需求是為了汽車(chē)的銷(xiāo)售顧問(wèn)提供一個(gè)銷(xiāo)售助手，幫助銷(xiāo)售顧問(wèn)管理用戶，以及提供車(chē)輛的信息查詢(xún)等。其中，左側(cè)的原型將一個(gè)產(chǎn)品的所用功能都塞進(jìn)了一個(gè)叫“首頁(yè)”的垃圾桶里。不管什么功能，都要從首頁(yè)進(jìn)入。如果，要從當(dāng)前的A功能，進(jìn)入B功能，不好意思，先回首頁(yè)，再去B功能。這樣的頁(yè)面，就會(huì)顯得頭重腳輕，仿佛百度一樣，控制了所有的功能入口，而底部標(biāo)簽欄的另外兩個(gè)便簽，在邏輯上是和首頁(yè)標(biāo)簽同級(jí)的，但是，在內(nèi)容上卻更像是首頁(yè)的一個(gè)小功能。

舊版與新版

通過(guò)對(duì)整個(gè)汽車(chē)銷(xiāo)售環(huán)節(jié)中的所有角色進(jìn)行分析，筆者梳理出了在整個(gè)過(guò)程中的角色關(guān)系模型。在每個(gè)小的關(guān)系單元中，都包含銷(xiāo)售顧問(wèn)、顧客、車(chē)三個(gè)要素。

角色關(guān)系模型

對(duì)銷(xiāo)售顧問(wèn)來(lái)說(shuō)，就是人、車(chē)以及銷(xiāo)售數(shù)據(jù)三方面的信息，這也是通過(guò)對(duì)銷(xiāo)售顧問(wèn)所處的場(chǎng)景分析得到的，也符合銷(xiāo)售顧問(wèn)的心智模型。因此，可以將整個(gè)產(chǎn)品中的功能點(diǎn)分門(mén)別類(lèi)的放置到這三個(gè)標(biāo)簽中，得到應(yīng)用中的三個(gè)標(biāo)簽。另外，對(duì)于銷(xiāo)售人員來(lái)說(shuō)，有一個(gè)交叉功能使用的很頻繁，那就是日程提醒，它牽涉到顧客、車(chē)輛、回訪、客戶關(guān)懷等等，因此獨(dú)立出來(lái)，成為一個(gè)新的標(biāo)簽。

這樣的信息架構(gòu)不僅僅功能分類(lèi)清晰，而且符合用戶的心智模型，銷(xiāo)售顧問(wèn)想要看到什么樣的數(shù)據(jù)，都可以快速準(zhǔn)確的找到想要的功能入口。

其次，要對(duì)功能所處的應(yīng)用場(chǎng)景進(jìn)行詳細(xì)分析，了解場(chǎng)景的特殊性與限制條件。

場(chǎng)景是決定一個(gè)頁(yè)面設(shè)計(jì)是否成功的關(guān)鍵。即使是同樣的一個(gè)功能，在不同的場(chǎng)景中好的設(shè)計(jì)也不是一成不變的，都需要根據(jù)場(chǎng)景而進(jìn)行相應(yīng)的變化，有的是兩個(gè)場(chǎng)景所做的設(shè)計(jì)是相沖突的。

左滴滴，右支付寶

拿國(guó)民APP支付寶而言，轉(zhuǎn)賬設(shè)計(jì)成了對(duì)話的形式，在正常的情況下，設(shè)計(jì)是沒(méi)有問(wèn)題的，既能滿足功能的需求，還能保證交流的順暢，不會(huì)出現(xiàn)斷點(diǎn)，同時(shí)保證對(duì)話界面的整潔。這種設(shè)計(jì)對(duì)于熟人之間的交流是沒(méi)有問(wèn)題。如果將這種方式推廣到所有的轉(zhuǎn)賬場(chǎng)景中就不合適了。

舉個(gè)例子，在杭州，你早晨在甘其食的店里面買(mǎi)了兩個(gè)包子一杯豆?jié){，采用的是掃碼支付。這種情況下，店員手中并不能直接通過(guò)手機(jī)查看你的支付情況，因?yàn)槟愕霓D(zhuǎn)賬賬戶是店長(zhǎng)或者這個(gè)區(qū)域的負(fù)責(zé)人的賬號(hào)，這樣整個(gè)支付環(huán)節(jié)就存在監(jiān)管的漏洞。店員就不能明確知道你支付的金額是否準(zhǔn)確，以及你所支付的賬號(hào)是否準(zhǔn)確。如果店員過(guò)于監(jiān)督這種環(huán)境，不僅會(huì)影響用戶的購(gòu)買(mǎi)體驗(yàn)，而且會(huì)影響工作效率。

相同的支付場(chǎng)景還有滴滴BUS的購(gòu)票頁(yè)面，相比較而言，滴滴的購(gòu)票與驗(yàn)證頁(yè)面就更加合理。當(dāng)你上車(chē)時(shí)，在移動(dòng)的場(chǎng)景下，讓司機(jī)查看所購(gòu)車(chē)票，滴滴采用的是類(lèi)似彈出框的形式，并采用多種顏色的閃爍，來(lái)表示已經(jīng)驗(yàn)票的狀態(tài)。雖然視覺(jué)上不是很協(xié)調(diào)，但在遠(yuǎn)距離、晃動(dòng)、不能集中注意查看的情況下，這種設(shè)計(jì)避免了逃票情況的發(fā)生。

但是這兩種場(chǎng)景還是存在一定的差異的：

• 滴滴購(gòu)票的金額是一定的，所以只要驗(yàn)證是否購(gòu)買(mǎi)就行了，而不必驗(yàn)證金額。
• 支付寶的轉(zhuǎn)賬對(duì)象很多，而滴滴的售票方只有一個(gè)。因此，滴滴的結(jié)果驗(yàn)證，只檢驗(yàn)?zāi)闶欠褓?gòu)票即可，而支付寶不僅僅要驗(yàn)證是否支付，還要驗(yàn)證金額以及轉(zhuǎn)賬對(duì)象。若再加上收款賬號(hào)不在售貨員手中，問(wèn)題就更加復(fù)雜了。

最后，針對(duì)場(chǎng)景下的功能需求，提供出合理、合適的解決方案

在用戶清晰、需求明確、場(chǎng)景明了的情況下，解決方案并不難提出。但是對(duì)于不同場(chǎng)景下的同一功能，解決方案相對(duì)來(lái)說(shuō)會(huì)顯得投鼠忌器，很多方案都會(huì)出現(xiàn)顧此失彼的情況，這就需要作出設(shè)計(jì)方案的取舍與考量。這一點(diǎn)確實(shí)是經(jīng)驗(yàn)積累，踩過(guò)很多坑以后，才會(huì)有能力做出迅速、準(zhǔn)確的判斷與選擇。這里沒(méi)有固定方法，也來(lái)不得半點(diǎn)取巧，至少以筆者的經(jīng)驗(yàn)來(lái)說(shuō)。

對(duì)功能的梳理，可以讓用戶快速的找到解決問(wèn)題的入口；對(duì)場(chǎng)景的分析，可以解決具體場(chǎng)景下的功能實(shí)現(xiàn)問(wèn)題；對(duì)設(shè)計(jì)方案的取舍考量，可以實(shí)現(xiàn)產(chǎn)品方案的最優(yōu)化選擇。

用戶的場(chǎng)景化思維，不是一種方法，更多的是一種思維。假想自己是產(chǎn)品的某一用戶，在具體的場(chǎng)景中，帶著具體的目的，來(lái)使用產(chǎn)品，你希望看到、用到一個(gè)什么樣的產(chǎn)品。

作者：莫忘&初心，微信公眾號(hào)：UIUX設(shè)計(jì)工作坊（UIUX-HUANG)， 希望與同行者多多交流。

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