2016-10-26 周周
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
阿里巴巴_BBC_UED：移動(dòng)終端由于被用戶隨身攜帶，變成用戶身體的延伸，在每一個(gè)場(chǎng)景中，深度陪伴著用戶。也因此，移動(dòng)終端獲得天然的優(yōu)勢(shì)，得以針對(duì)用戶實(shí)際所在的場(chǎng)景來(lái)設(shè)計(jì)，以設(shè)計(jì)出更加貼心的體驗(yàn)。 但是，由于設(shè)計(jì)師與用戶的空間相隔，無(wú)法看到用戶在真實(shí)場(chǎng)景中的使用情況。為了了解用戶的痛點(diǎn)及需求，我們需要通過(guò)場(chǎng)景設(shè)計(jì)的方法，對(duì)用戶使用場(chǎng)景進(jìn)行分析或預(yù)期?；趫?chǎng)景的設(shè)計(jì)可以幫助設(shè)計(jì)師找到用戶與場(chǎng)景的內(nèi)在聯(lián)系，探索新的功能及交互方式。 本文將以案例為主介紹基于場(chǎng)景的設(shè)計(jì)方法。
什么才是基于場(chǎng)景的設(shè)計(jì)呢？以看電影為例，在整個(gè)看電影的過(guò)程中，涉及到的主要場(chǎng)景有以下六個(gè)：線上買(mǎi)票－去電影院－線下取票－檢票入座－觀影－評(píng)論吐槽?；诳措娪吧婕暗降膱?chǎng)景，格瓦拉app設(shè)計(jì)了一個(gè)基于場(chǎng)景的功能：當(dāng)用戶在格瓦拉購(gòu)票成功后，首頁(yè)會(huì)出現(xiàn)一個(gè)人偶小浮標(biāo)，在不同場(chǎng)景下點(diǎn)擊該浮標(biāo)，會(huì)出現(xiàn)不同的內(nèi)容，例如在去電影院的場(chǎng)景下顯示影院地理位置以及滴滴打車入口；線下取票場(chǎng)景顯示取票二維碼可以快捷取票；線下取票后再點(diǎn)擊小浮標(biāo)顯示電影開(kāi)始時(shí)間以及座位號(hào)；觀影后顯示別人的評(píng)論以及吐槽入口引導(dǎo)用戶去評(píng)論（如圖1）。
對(duì)上面的案例總結(jié)歸納后可以得出，格瓦拉是基于用戶看電影這一系列場(chǎng)景的判斷與分析，理解用戶每一場(chǎng)景的痛點(diǎn)及需求，結(jié)合上文場(chǎng)景，預(yù)期用戶下一步的目標(biāo)及意圖，通過(guò)設(shè)計(jì)縮短關(guān)鍵流程，輔助用戶提高操作效率。通過(guò)對(duì)大量案例進(jìn)行分析歸納，將場(chǎng)景設(shè)計(jì)的概念簡(jiǎn)單歸納為：基于場(chǎng)景，理解需求，預(yù)期意圖，進(jìn)行設(shè)計(jì)。
再來(lái)看一個(gè)另外一個(gè)基于場(chǎng)景的設(shè)計(jì)案例——拍立淘。拍立淘是手淘中的一個(gè)功能，主要通過(guò)對(duì)線下產(chǎn)品拍照并識(shí)別，輔助用戶在淘寶內(nèi)快速找到該貨品。大家可能經(jīng)常有這樣一種購(gòu)物場(chǎng)景：在線下店試衣服，到淘寶上找同款購(gòu)買(mǎi)；在雜志或圖片上看到喜歡的單品，在淘寶上找同款。通過(guò)分析這兩類相似的場(chǎng)景（基于場(chǎng)景），發(fā)現(xiàn)用戶在當(dāng)前場(chǎng)景的需求是快速在淘寶上找到該貨品（理解需求），并預(yù)期用戶下一步的行為是通過(guò)淘寶搜索功能搜索該貨品（預(yù)期行為）。因此手淘在搜索框添加了拍立淘的功能，可以幫助用戶通過(guò)拍照或圖片識(shí)別快速在淘寶中找到目標(biāo)，提高操作效率，給用戶驚喜，讓用戶感動(dòng)（進(jìn)行設(shè)計(jì)）。
基于場(chǎng)景的設(shè)計(jì)可以幫助設(shè)計(jì)師分析需求，找到設(shè)計(jì)機(jī)會(huì)點(diǎn)，那么怎樣基于場(chǎng)景做設(shè)計(jì)呢？通過(guò)對(duì)大量案例的分析及歸納，我們總結(jié)出了基于場(chǎng)景的設(shè)計(jì)方法－場(chǎng)景設(shè)計(jì)四步曲（如圖2），以及場(chǎng)景挖掘工具卡片（如圖3），場(chǎng)景設(shè)計(jì)四步曲將場(chǎng)景設(shè)計(jì)的方法通過(guò)四個(gè)步驟來(lái)表示，包括場(chǎng)景列舉、機(jī)會(huì)點(diǎn)挖、設(shè)計(jì)策略、衡量標(biāo)準(zhǔn)；場(chǎng)景挖掘工具主要應(yīng)用在場(chǎng)景設(shè)計(jì)四步曲中的前兩步，對(duì)關(guān)鍵場(chǎng)景進(jìn)行描述，以及幫助設(shè)計(jì)師更清晰地應(yīng)用場(chǎng)景設(shè)計(jì)四步曲中的方法挖掘機(jī)會(huì)點(diǎn)。接下來(lái)我將對(duì)場(chǎng)景設(shè)計(jì)四步曲進(jìn)行細(xì)分拆解，來(lái)講述每個(gè)階段我們需要做的事情。
第一步：列舉場(chǎng)景
在列舉場(chǎng)景之前我們要現(xiàn)明確什么是場(chǎng)景？場(chǎng)景由以下幾個(gè)元素組成：誰(shuí)（who），在什么時(shí)候（when），在什么地方（where），做了什么事情（do），周圍環(huán)境怎么樣（how）。例如用戶（who）夜間（when）在陌生的路上（where）開(kāi)車（do）對(duì)路線不熟悉且路況不好（how），再如，買(mǎi)家（who）在線下批發(fā)市場(chǎng)（where）批貨（do）。 明確了什么是場(chǎng)景后，我們將場(chǎng)景進(jìn)行了分類，分為線上場(chǎng)景和線下場(chǎng)景兩類。線上場(chǎng)景和線下場(chǎng)景的區(qū)分在于場(chǎng)景中對(duì)的位置元素“where”，我們認(rèn)為線下場(chǎng)景的“where”是指現(xiàn)實(shí)中的位置，可通過(guò)GPS，藍(lán)牙，Wi-Fi鑰匙等來(lái)檢測(cè)；而線上場(chǎng)景的“where”指app中對(duì)某個(gè)頁(yè)面，例如首頁(yè)，支付頁(yè)面，商品詳情頁(yè)等。
怎樣列舉場(chǎng)景呢？推薦方法是通過(guò)操作流程圖來(lái)依次提取其中的關(guān)鍵場(chǎng)景，還是以看電影為例，看電影的流程為：買(mǎi)電影票－去電影院－取票－檢票找座位－觀影－出影院－評(píng)論吐槽，根據(jù)流程可以抽取列舉出看電影涉及到的關(guān)鍵場(chǎng)景為：
①美團(tuán)電影頁(yè)面（where）購(gòu)票（do）；
②電影開(kāi)始前（when）乘車（do）前往電影院的路上（where）；
③觀影前（when）在電影院（where）通過(guò)自助取票機(jī)取票（do）；
④觀眾（who）拿著爆米花可樂(lè)等零食手忙腳亂（how）地掏出電影票（do）在入口（where）排隊(duì)檢票（do）； 檢票工作人員（who）在入口處（where）等到放映前5分鐘（when）開(kāi)始檢查每位觀眾的電影票（do）并撕掉聯(lián)（do）；
⑤觀眾（who）拿著爆米花可樂(lè)3D眼鏡等手忙腳亂地（how）查看電影票上的座位號(hào)（do）并在昏暗的燈光下越過(guò)同排其他顧客（how）找到自己的座位（do）；
⑥坐在座位上（where）將手中的爆米花，可樂(lè)，背包等放置好（how），戴上眼鏡開(kāi)始觀影（do）；
⑦觀影結(jié)束后（where）拿好自己的東西走出影廳（where）將眼鏡還給工作人員（do），扔掉手里的垃圾（do），排隊(duì)上廁所（do）；
⑧回家的路上（where）和朋友吐槽劇透（do）；在朋友圈（where）曬觀影照片（do）；在購(gòu)票app上（where）評(píng)價(jià)吐槽（do）。
對(duì)關(guān)鍵場(chǎng)景的描述有利于發(fā)現(xiàn)場(chǎng)景中的細(xì)節(jié)，更好地對(duì)場(chǎng)景進(jìn)行分析判斷，在這部分可以通過(guò)填寫(xiě)場(chǎng)景挖掘工具的中間部分，對(duì)該場(chǎng)景進(jìn)行描述：誰(shuí)（who），在什么時(shí)候（when），在什么地方（where），做了什么事情（do），周圍環(huán)境怎么樣（how），不涉及到的元素可忽略。以上文列舉出的場(chǎng)景4為例，利用場(chǎng)景挖掘工具進(jìn)行場(chǎng)景描述（如圖4）：
第二步：機(jī)會(huì)點(diǎn)挖掘
通過(guò)第一步對(duì)場(chǎng)景的列舉與描述，我們對(duì)涉及到的場(chǎng)景有了更深入的了解。下面一步是對(duì)場(chǎng)景進(jìn)行判斷與分析，挖掘機(jī)會(huì)點(diǎn)（如圖5）。對(duì)于機(jī)會(huì)點(diǎn)的挖掘有兩種方法：第一種是通過(guò)分析當(dāng)前場(chǎng)景用戶需求挖掘機(jī)會(huì)點(diǎn)；第二種是通過(guò)對(duì)用戶下一步目標(biāo)的預(yù)期來(lái)尋找機(jī)會(huì)點(diǎn)。
1 通過(guò)當(dāng)前需求挖掘機(jī)會(huì)點(diǎn)。 通過(guò)場(chǎng)景列舉階段對(duì)場(chǎng)景的描述，分析用戶在當(dāng)前場(chǎng)景的需求并挖掘機(jī)會(huì)點(diǎn)。這一部分可以用到場(chǎng)景挖掘工具，在場(chǎng)景描述的基礎(chǔ)上，豎向分析當(dāng)前場(chǎng)景用戶的需求（如圖6）。
以iOS系統(tǒng)接聽(tīng)電話的交互方式為例。接聽(tīng)電話存在兩種不同的場(chǎng)景，鎖屏狀態(tài)下的場(chǎng)景和非鎖屏狀態(tài)下的場(chǎng)景。鎖屏狀下有電話打入時(shí)（when）手機(jī)放在口袋里（where）處于鎖屏狀態(tài)（how）用戶將手機(jī)從口袋里取出并接聽(tīng)（do）。當(dāng)前場(chǎng)景下，用戶的痛點(diǎn)為將手機(jī)從口袋取出的時(shí)候很容易不小心碰到屏幕產(chǎn)生誤操作，因此iOS基于該場(chǎng)景下的用戶的痛點(diǎn)與需求，將鎖屏狀態(tài)下的接聽(tīng)設(shè)計(jì)為滑動(dòng)接聽(tīng)，可以很大程度上避免誤操作；而在非鎖屏的場(chǎng)景下，用戶多數(shù)情況正在使用手機(jī)，注意力較集中，采用點(diǎn)擊接聽(tīng)的方式更方便且快捷（如圖7）。
再舉一個(gè)微信語(yǔ)音聊天的例子，當(dāng)手機(jī)處于音量靜音的狀態(tài)（how）在聊天頁(yè)面（where）點(diǎn)擊語(yǔ)音信息（do），用戶的需求是清晰聽(tīng)到對(duì)方發(fā)送的語(yǔ)音信息，但由于手機(jī)處于音量靜音狀態(tài)聽(tīng)不到語(yǔ)音且用戶無(wú)法快速判斷為什么沒(méi)有聲音，微信基于該場(chǎng)景的痛點(diǎn)及需求設(shè)計(jì)了這樣的方案：當(dāng)用戶處于該場(chǎng)景下，會(huì)有彈框提示用戶調(diào)高音量后播放，通過(guò)特定場(chǎng)景下貼心的提示讓用戶感動(dòng)（如圖8）。
2 通過(guò)預(yù)期用戶目標(biāo)尋找機(jī)會(huì)點(diǎn)。 第二種挖掘場(chǎng)景的方法為預(yù)期用戶下一步的目標(biāo)意圖，首先需要對(duì)上文場(chǎng)景進(jìn)行判斷，結(jié)合對(duì)當(dāng)前場(chǎng)景的描述與分析，預(yù)期用戶接下來(lái)的行為，從而尋求當(dāng)前場(chǎng)景的設(shè)計(jì)機(jī)會(huì)點(diǎn)。這里也可以使用場(chǎng)景挖掘工具幫助挖掘機(jī)會(huì)點(diǎn)，首先對(duì)上文場(chǎng)景進(jìn)行簡(jiǎn)單描述，結(jié)合對(duì)當(dāng)前場(chǎng)景的描述，橫向預(yù)期下一步用戶可能做的事情（如圖9）。
那么怎樣對(duì)下一步進(jìn)行預(yù)期呢？我們總結(jié)了三種預(yù)期的方法。一、通過(guò)成組的動(dòng)作進(jìn)行預(yù)期，例如，復(fù)制－粘貼、編輯→保存、收到命令→執(zhí)行命令、吃飯→付款；二、通過(guò)用戶的認(rèn)知流程進(jìn)行預(yù)期，例如，瀏覽時(shí)反向滑動(dòng)→結(jié)束瀏覽／回到頂部、手機(jī)放在耳旁→聽(tīng)筒播放、拍照時(shí)擺好姿勢(shì)不動(dòng)→準(zhǔn)備完畢可以拍照；三、通過(guò)產(chǎn)品的使用流程進(jìn)行預(yù)期，例如截圖→分享、買(mǎi)票→取票。
以大眾點(diǎn)評(píng)的旅游版首頁(yè)為例，場(chǎng)景描述：用戶從常居地杭州（上文場(chǎng)景where）來(lái)到廣州（當(dāng)前場(chǎng)景where）打開(kāi)大眾點(diǎn)評(píng)app（do）。根據(jù)上一場(chǎng)景的地理位置，以及當(dāng)前場(chǎng)景的地理位置以及用戶行為，猜測(cè)到用戶可能正在旅游狀態(tài)，預(yù)期用戶下一步的目標(biāo)為與旅游有關(guān)的一系列操作，如買(mǎi)景點(diǎn)門(mén)票、找當(dāng)?shù)孛朗?、定酒店等，基于該機(jī)會(huì)點(diǎn)大眾點(diǎn)評(píng)設(shè)計(jì)了旅游版首頁(yè)，與標(biāo)準(zhǔn)版相比，旅游版首頁(yè)包括當(dāng)?shù)靥厣包c(diǎn)、美食、特產(chǎn)等入口，根據(jù)當(dāng)前場(chǎng)景更有針對(duì)性地滿足用戶的需求與期望（如圖10 ）。
再以谷歌的hangouts為例，場(chǎng)景描述：用戶在聊天頁(yè)面（where）聊天的時(shí)候（do）收到對(duì)方發(fā)送的信息“where are you”（how），根據(jù)對(duì)當(dāng)前場(chǎng)景的判斷，預(yù)期到用戶下一步的行為是回復(fù)對(duì)方自己所在的位置。怎樣幫助用戶在接下來(lái)更加方便快捷地回復(fù)所處位置是當(dāng)前場(chǎng)景的設(shè)計(jì)機(jī)會(huì)點(diǎn)，hangouts將該機(jī)會(huì)點(diǎn)轉(zhuǎn)化為如下設(shè)計(jì)點(diǎn)：當(dāng)檢測(cè)到對(duì)方發(fā)送的文字中包含“where are you”的時(shí)候就會(huì)在原有頁(yè)面中插入定位按鈕，點(diǎn)擊定位按鈕后發(fā)送自己的位置給對(duì)方（如圖11）。
第三步：設(shè)計(jì)策略
在第二步中我們已經(jīng)對(duì)當(dāng)前場(chǎng)景的機(jī)會(huì)點(diǎn)進(jìn)行了挖掘，那么怎樣將機(jī)會(huì)點(diǎn)轉(zhuǎn)化為設(shè)計(jì)點(diǎn)呢？在場(chǎng)景設(shè)計(jì)的第三步，我們給出了一些設(shè)計(jì)策略，這些設(shè)計(jì)策略是我們通過(guò)對(duì)大量案例進(jìn)行分析歸納，提取總結(jié)出來(lái)的，可能還不夠完善，希望可以幫助你快速產(chǎn)出方案。在設(shè)計(jì)策略階段，我們通過(guò)設(shè)計(jì)目標(biāo)把策略分為三部分：以貼心為目標(biāo)的設(shè)計(jì)策略，以為目標(biāo)的設(shè)計(jì)策略，以情感化為目標(biāo)的設(shè)計(jì)策略（如圖12 ）。
1 。
以為目標(biāo)的設(shè)計(jì)策略共有五點(diǎn)，根據(jù)行動(dòng)點(diǎn)明確程度依次為：行動(dòng)點(diǎn)前置插入，行動(dòng)點(diǎn)替換，行動(dòng)相關(guān)推送，突出行動(dòng)點(diǎn)，自動(dòng)執(zhí)行。這五個(gè)設(shè)計(jì)策略都能夠不同程度地提高用戶操作效率，接下來(lái)通過(guò)案例依次介紹一下每個(gè)設(shè)計(jì)策略。
◆ 行動(dòng)點(diǎn)前置插入 行動(dòng)點(diǎn)前置插入，指將預(yù)期到的用戶下一步的行為點(diǎn)前置到當(dāng)前場(chǎng)景，使得用戶在需要的時(shí)候就能直接操作，達(dá)到縮短關(guān)鍵流程，提高操作效率的作用。行動(dòng)點(diǎn)前置到當(dāng)前頁(yè)面的形式多數(shù)為直接插入，以美團(tuán)團(tuán)購(gòu)電影票為例，放映前將取票二維碼前置插入到首頁(yè)中，作為首頁(yè)內(nèi)容的一部分進(jìn)行展示，點(diǎn)擊后可直接彈出取票二維碼快捷取票，很大程度上縮短了關(guān)鍵流程。除了這個(gè)案例外，上面有提到的谷歌hangouts也屬于行動(dòng)點(diǎn)前置插入的典型案例，檢測(cè)到對(duì)方詢問(wèn)你在哪里的時(shí)候，在聊天頁(yè)面直接插入定位按鈕（如圖13）。
◆ 行動(dòng)點(diǎn)替換 行動(dòng)點(diǎn)替換，一般是指當(dāng)前場(chǎng)景下某個(gè)行動(dòng)點(diǎn)的功能不再適合當(dāng)前場(chǎng)景，因而將其替換為另外的需求較強(qiáng)的行動(dòng)點(diǎn)，位置不發(fā)生變化，而功能變化，為用戶提供當(dāng)前場(chǎng)景需要的或與下一步意圖相關(guān)的行動(dòng)點(diǎn)能夠幫助用戶提高操作效率。以Mono首頁(yè)為例，當(dāng)用戶在首頁(yè)上滑向下瀏覽時(shí)，導(dǎo)航欄的“推薦”按鈕替換為“返回頂部”，在不改變布局的情況下實(shí)現(xiàn)了操作的目的（如圖14）。
◆ 行動(dòng)點(diǎn)相關(guān)推送提示 行動(dòng)點(diǎn)相關(guān)推送提示，指根據(jù)用戶當(dāng)前或下一步的行為提供相關(guān)推送或提示，以輔助用戶進(jìn)行決策行動(dòng)，提高用戶操作效率。以手機(jī)淘寶為例，用戶在商品詳情頁(yè)面進(jìn)行截圖后，預(yù)期到用戶接下來(lái)的行動(dòng)是將該商品分享給好友，因此在該頁(yè)面彈出推送提示框，提示用戶進(jìn)行分享，在用戶需要的時(shí)候就出現(xiàn)，縮短了關(guān)鍵流程的同時(shí)讓用戶感動(dòng) （如圖12）。除此之外，上面提到的微信聊天頁(yè)面音量靜音狀態(tài)下聽(tīng)取語(yǔ)音消息的案例，也是通過(guò)預(yù)測(cè)用戶下一步的行為，而提供了相關(guān)的提示，以使用戶減少思考成本，快速達(dá)到下一步目標(biāo)（如圖15）。
◆ 突出行動(dòng)點(diǎn) 突出行動(dòng)點(diǎn)，預(yù)期到用戶下一步的行為后通過(guò)顏色或提示等方式對(duì)行動(dòng)點(diǎn)進(jìn)行突出，吸引并提醒用戶點(diǎn)擊，減少思考成本，提高操作效率。以拍立淘為例，當(dāng)在光線較暗的環(huán)境中打開(kāi)拍立淘拍照功能，用戶當(dāng)前場(chǎng)景下的需求為拍到清晰的圖片，且預(yù)期到用戶下一步行為是思考后打開(kāi)閃光燈，因此拍立淘在檢測(cè)到光線較暗時(shí)立即在閃光燈按鈕下面彈出提示，以突出閃光燈按鈕來(lái)提醒用戶及時(shí)打開(kāi)閃光燈。案例中通過(guò)彈出提示框的形式來(lái)突出下一步行動(dòng)點(diǎn)，可以幫助用戶減少思考時(shí)間，達(dá)到操作的目標(biāo)。除此之外，上文中提到的Mono首頁(yè)行動(dòng)點(diǎn)替換的案例中也用到了突出行動(dòng)點(diǎn)的設(shè)計(jì)策略，案例中通過(guò)為按鈕添加底色從而實(shí)現(xiàn)突出行動(dòng)點(diǎn)的目的，通過(guò)這種方式提示用戶可點(diǎn)擊的行動(dòng)點(diǎn)（如圖16）。
◆ 直接執(zhí)行 直接執(zhí)行，適用于一些需求較為明確的行動(dòng)點(diǎn)，做用戶之所想，提高操作流暢性及效率。以iOS10中的抬腕喚醒功能為例，用戶從桌上拿起手機(jī)，或從口袋中掏出手機(jī)，將屏幕朝下放置的手機(jī)翻轉(zhuǎn)過(guò)來(lái)，屏幕就會(huì)自動(dòng)點(diǎn)亮。當(dāng)系統(tǒng)識(shí)別到這幾個(gè)場(chǎng)景時(shí)預(yù)期到用戶接下來(lái)的行為時(shí)查看手機(jī)信息，因此幫助用戶直接執(zhí)行了點(diǎn)亮屏幕的行為，減少用戶操作流程，提高使用體驗(yàn)及操作效率。除此之外，微信聊天頁(yè)面聽(tīng)取語(yǔ)音信息的時(shí)候，可以通過(guò)耳朵離聽(tīng)筒的距離預(yù)期用戶對(duì)于聽(tīng)筒播放還是揚(yáng)聲器播放的意圖，因此幫助用戶自動(dòng)切換兩種播放模式，使得整個(gè)流程更加流暢與。
2 貼心。
怎樣基于場(chǎng)景來(lái)設(shè)計(jì)出讓用戶感到貼心的產(chǎn)品呢？通過(guò)機(jī)會(huì)點(diǎn)挖掘階段對(duì)用戶當(dāng)前場(chǎng)景需求分析以及對(duì)下一步目標(biāo)的預(yù)期，設(shè)計(jì)階段需要通過(guò)在細(xì)節(jié)上的設(shè)計(jì)一定程度上滿足用戶當(dāng)前場(chǎng)景下的情感需求，或輔助用戶達(dá)到下一步的目標(biāo)，讓用戶感到貼心與感動(dòng)。由于這部分的案例規(guī)律性弱，很難歸納出具體的策略，因此需要從細(xì)節(jié)出發(fā)具體場(chǎng)景具體分析。 以Mac中的聽(tīng)寫(xiě)功能為例，當(dāng)用戶通過(guò)Mac電腦啟動(dòng)聽(tīng)寫(xiě)功能，Mac會(huì)立即降低風(fēng)扇速度，以使用戶在更加安靜的環(huán)境下使用該功能，從側(cè)面滿足用戶當(dāng)前場(chǎng)景下的需求，讓用戶感到貼心。 再以導(dǎo)航app的HUD模式為例，用戶在行車過(guò)程中需要集中精力注視前方，尤其是夜間行車的時(shí)候更需要集中注意力，而現(xiàn)有手機(jī)導(dǎo)航需要不時(shí)低頭查看且顯示屏幕小，導(dǎo)航app的HUD模式能夠很好地滿足該場(chǎng)景下的痛點(diǎn)與需求，可以在夜間將導(dǎo)航信息投影在前車窗上，使用戶無(wú)需低頭就可以查看（如圖17）。
3 情感化。
與上文以貼心為目標(biāo)的設(shè)計(jì)策略類似，以情感化為目標(biāo)的設(shè)計(jì)策略同樣需要具體場(chǎng)景具體分析，主要從細(xì)節(jié)出發(fā)滿足用戶在當(dāng)前場(chǎng)景下的情感需求，讓用戶感動(dòng)，給用戶驚喜。 以Uber首頁(yè)為例，2016年北京遭遇暴雨期間，許多市民稱打車為打船，基于該場(chǎng)景Uber 將首頁(yè)地圖上車的形式換為船，并將切換車型的滑塊icon由車替換為錨（如圖18），類似的根據(jù)不同社會(huì)熱點(diǎn)事件場(chǎng)景更換首頁(yè)視覺(jué)細(xì)節(jié)的案例越來(lái)越多，通過(guò)細(xì)節(jié)上的改變使得產(chǎn)品在當(dāng)前場(chǎng)景下能夠與用戶產(chǎn)生更多共鳴，滿足用戶情感化的需求，給用戶驚喜。 豆瓣首頁(yè)輪播圖下面會(huì)根據(jù)時(shí)間顯示“上午好／下午好／晚上好”的情感化打招呼內(nèi)容，并且當(dāng)用戶向下瀏覽內(nèi)容時(shí)，認(rèn)為用戶當(dāng)前場(chǎng)景下不再需要搜索而是依次瀏覽內(nèi)容，因此情感化的打招呼內(nèi)容吸頂替換搜索框（如圖18）。通過(guò)對(duì)當(dāng)前場(chǎng)景需求的判斷，采用情感化細(xì)節(jié)帶給用戶感動(dòng)與驚喜。
第四步：衡量標(biāo)準(zhǔn)
為了檢測(cè)我們通過(guò)上一步設(shè)計(jì)策略產(chǎn)出的方案是否符合標(biāo)準(zhǔn)，這一步我們需要對(duì)方案進(jìn)行衡量判斷，結(jié)合設(shè)計(jì)目標(biāo)，我們?cè)O(shè)定了四個(gè)衡量標(biāo)準(zhǔn)：效率、驚喜、感動(dòng)、期待。該方案是否能夠縮短關(guān)鍵流暢，減少思考成本，從而實(shí)現(xiàn)提高操作效率的目的？方案能否想用戶之所想，通過(guò)情感化及貼心的細(xì)節(jié)給用戶驚喜，讓用戶感動(dòng)？當(dāng)用戶下次再處于該場(chǎng)景中，是否會(huì)對(duì)你的方案產(chǎn)生期待？希望可以通過(guò)最后一步的衡量標(biāo)準(zhǔn)幫你更好地優(yōu)化現(xiàn)有方案。
基于場(chǎng)景的設(shè)計(jì)是指基于對(duì)當(dāng)前場(chǎng)景的判斷與分析，理解用戶痛點(diǎn)與需求，結(jié)合前后文預(yù)期用戶的目標(biāo)及意圖，通過(guò)設(shè)計(jì)提高操作效率，給用戶驚喜與感動(dòng)，使用戶期待。
怎樣基于場(chǎng)景做設(shè)計(jì)呢，第一步通過(guò)流程圖列舉場(chǎng)景，第二步通過(guò)分析當(dāng)前場(chǎng)景需求或結(jié)上下文預(yù)期用戶下一步行為來(lái)挖掘機(jī)會(huì)點(diǎn)，第三步將機(jī)會(huì)點(diǎn)通過(guò)設(shè)計(jì)策略轉(zhuǎn)化為設(shè)計(jì)點(diǎn)，第四步通過(guò)衡量標(biāo)準(zhǔn)對(duì)設(shè)計(jì)點(diǎn)進(jìn)行衡量判斷以及優(yōu)化。
場(chǎng)景挖掘工具可通過(guò)線下打印作為腦暴機(jī)會(huì)點(diǎn)的工具，填寫(xiě)完中間對(duì)場(chǎng)景描述部分后，通過(guò)豎向分析當(dāng)前場(chǎng)景需求，通過(guò)橫向結(jié)合上文場(chǎng)景預(yù)期下一步行為。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com
