本文作者圍繞什么是場景化設(shè)計、有哪些場景化設(shè)計的例子、為什么要進(jìn)行場景化設(shè)計和場景化設(shè)計的具體方法對場景化設(shè)計做了全方位的解讀分析，希望通過此文能夠加深你對場景化設(shè)計的認(rèn)識。

一、什么是場景化設(shè)計

「場景」在百度百科里的定義是：戲劇、電影中的場面，泛指情景。情景又指(1) 感情與景色。(2) 情形；景象。(3) 環(huán)境：假設(shè)是在這個情景。在戲劇或影視劇里，場景由人物，時空，事件（行為），環(huán)境（社會環(huán)境和自然環(huán)境）等要素構(gòu)成。

互聯(lián)網(wǎng)中的「場景」我把它分為兩類：

一類是為了實現(xiàn)用戶目標(biāo)而產(chǎn)生的場景，這種類型的場景需要明確用戶目標(biāo)，可能并不需要涵蓋用戶是怎么實現(xiàn)目標(biāo)的，這類場景指根據(jù)用戶的精準(zhǔn)需求，為其提供精準(zhǔn)服務(wù)，用明確的差異化服務(wù)給用戶提供一個使用產(chǎn)品的動機(jī)。比如微博和微信，微信定位是熟人社交，微博則是陌生人社交；

另一類是更加精細(xì)化的場景，這類場景需要明確用戶操作流程。本文主要針對第二類場景展開。

場景化設(shè)計指基于對場景的分析，得出用戶痛點與需求，結(jié)合前后場景預(yù)判用戶目標(biāo)，通過設(shè)計提高用戶效率，給予用戶驚喜與感動。

場景要素包括：4W+1H，即Who人、When時間、Where地點、What事件 、How環(huán)境，什么人，在什么時候，在什么地方，做了什么事情，所處的環(huán)境如何。其中Where又包括線上地點和線下地點，線下指現(xiàn)實中的定位，可以通過手機(jī)信號塔數(shù)據(jù)（GPS），Wifi連接等獲??；線上指用戶所處的具體頁面。

如：用戶（who）早上上班（when）在地鐵上（where）看電子書（what），地鐵上人多嘈雜且操作不方便（how）。再比如用戶（who）中午（when）在辦公室里（where）點外賣（what），肚子很餓還不知道吃什么（how）。五要素就像口訣，幫助我們?nèi)婵焖俚拿枋鰣鼍啊?/p>

二、有哪些場景化設(shè)計的例子

為幫助大家更好的理解場景化設(shè)計，這里基于上面提到的場景五要素舉一些例子：

人是變量

用戶不同，看到的信息不同。

隨著大數(shù)據(jù)和智能推薦技術(shù)的普及，越來越多的產(chǎn)品通過挖掘不同用戶的喜好，生成用戶畫像，為每位用戶提供“千人千面”的個性化內(nèi)容。這樣的產(chǎn)品大家都很熟悉，比如抖音，淘寶，微博，今日頭條。

時間是變量

時間不同，看到的信息不同。

比如小米MIUI11的效率革新功能「智能出行」，當(dāng)在出行類app上定好行程后，MIUI11就會自動將該行程記錄在負(fù)一屏顯示并同步日歷，同時會根據(jù)出行的時間點，在通知欄實時更新提示：

再比如在Google Maps的app里開啟導(dǎo)航時，如果目的地在預(yù)計到達(dá)時間還沒有開門，或者快要/已經(jīng)關(guān)門了的話，會有個彈窗提醒。

還有螞蟻森林的頁面會根據(jù)用戶打開的時間進(jìn)行變化（白天與夜晚模式）等等，這些都是充分考慮了場景中時間這一變量，才有如此高效暖心的設(shè)計。

地點是變量

同一個用戶，在不同地點看到的信息不同。

比如，大眾點評APP當(dāng)用戶從常住地北京（where）定位成非常住地杭州（where）時，根據(jù)用戶的上個場景與當(dāng)前場景預(yù)測用戶可能處于旅游狀態(tài)，從而預(yù)測用戶下一步的目標(biāo)是在杭州「吃喝玩樂」，所以首頁和攻略頁的內(nèi)容都發(fā)生了變化，為用戶推薦旅行地的「吃喝玩樂」。

環(huán)境是變量

不同環(huán)境看到的信息不同，比如設(shè)備環(huán)境發(fā)生變化時：Ios13中的備忘錄頁面，將「添加」按鈕移到了右下角，為什么？因為手機(jī)屏幕越來越大，把按鈕從右上角移到右下角，更有利于用戶單手操作。

再比如：我們在駕駛環(huán)境下，要保持注意力集中，避免或減少分心駕駛導(dǎo)致的交通事故，所以基于駕駛環(huán)境ios11上線了駕駛模式功能，當(dāng)iphone與車內(nèi)的USB或藍(lán)牙連接，或iphone感知到人的移動速度時，iphone就會自動進(jìn)入駕駛模式；

在該模式下，任何人發(fā)短信，我們都不會收到提示，對方會收到“我正在駕駛，稍后回復(fù)您”的自動回復(fù)，同時，iphone會追加一條短信，提示對方只要回復(fù)“緊急”關(guān)鍵詞，我們就能立刻接收到他們的消息提示。

三、為什么要基于場景做設(shè)計？

通過上面的舉例想必大家已經(jīng)了解到了基于場景做設(shè)計的好處。由于與用戶的空間相隔，設(shè)計師無法感知用戶在真實場景中使用產(chǎn)品的具體情況。

通過場景化設(shè)計的方法，對用戶使用場景進(jìn)行分析與預(yù)期，可以幫助設(shè)計師找到用戶與場景的內(nèi)在聯(lián)系，探索新的功能及交互方式。

四、怎么進(jìn)行場景化設(shè)計

可以概括為以下四步：

1. 根據(jù)用戶使用流程和行為路徑窮盡場景

根據(jù)用戶的使用流程和行為路徑列舉場景，這里以乘坐飛機(jī)（手機(jī)購票）為例，列舉乘坐飛機(jī)涉及到的關(guān)鍵場景：

①乘客（who）在航旅縱橫頁面（where）購票（what），航班多查找起來麻煩（how）。

②乘客（who）起大早拖著疲憊的身體（how）在去往機(jī)場的路上（where），又遇到早高峰堵車，內(nèi)心焦躁煩悶（how）。

③起飛前（when）乘客（who）在機(jī)場（where）過安檢（what），安檢流程復(fù)雜，又檢測出不符合登機(jī)規(guī)定的物品，讓人心煩，手忙腳亂（how）。

④起飛前（when），乘客（who）在候機(jī)口（where）候機(jī)（what），人多嘈雜，沒有座位，還背著繁重的行李，還要時刻關(guān)注航班信息（how）。

⑤起飛前40分鐘（when），乘客（who）背著行李排著隊（how），將登機(jī)牌（紙質(zhì)/電子）和身份證出示給工作人員（what），工作人員（who）站在入口處（where）開始檢查每位乘客的登機(jī)牌和身份證（what）。

⑥檢完票后（when），乘客（who）拿著身份證和登機(jī)牌，背著行李（how）乘坐擺渡車（what），擺渡車上嘈雜、擁擠（how）。

⑦下擺渡車后（when），乘客拿出登機(jī)牌，背著行李（how）排隊檢票登機(jī)（what），工作人員（who）站在飛機(jī)前（where）開始檢查每位乘客的登機(jī)牌（what）。

⑧在起飛前30分鐘（when），乘客（who）登機(jī)（what），背著行李在狹窄擁擠的通道里（how）尋找自己的座位（what）。找到座位后，將沉重的行李艱難的（how）放到上方的置物架上（what）。放好行李后，坐到自己的座位上（what），系好安全帶（what），調(diào)節(jié)座椅靠背（what），等待飛機(jī)起飛（what）。

⑨飛行過程中（when），氣流導(dǎo)致飛機(jī)顛簸，乘客感到恐慌不適（how）。飛行過程中，乘客通過看電影，看書，睡覺打發(fā)時間（what）。

⑩到達(dá)目的地（when），乘客（who）從高處置物架上（how）取下行李（what），拿著沉重的行李（how）排隊下飛機(jī)（what）。此時乘客對目的地的天氣等其他情況都不清楚。

?乘客走出飛機(jī)到達(dá)航站樓后，在陌生的機(jī)場（where），跟著標(biāo)牌指示艱難的找到自己的行李（what）。拿著行李跟著指示牌（how）困難的找出口（what）。

通過對關(guān)鍵場景的詳細(xì)描述，我們將摸不著的用戶場景像過電影一樣在眼前一一呈現(xiàn)，有利于我們發(fā)現(xiàn)很多想不到或者通過調(diào)研得不到的細(xì)節(jié)，幫助我們發(fā)現(xiàn)用戶真正的痛點與需求，洞察設(shè)計機(jī)會點。

2. 根據(jù)場景挖掘機(jī)會點

完成了第一步的場景列舉，我們對流程中涉及的場景有了深刻的了解，下一步就是對場景的判斷與分析，挖掘機(jī)會點。

機(jī)會點挖掘有兩個方向，一是通過分析當(dāng)前場景存在的痛點和需求挖掘機(jī)會點，二是通過對用戶下一步目標(biāo)的預(yù)判尋找機(jī)會點。

①通過分析當(dāng)前場景存在的痛點和需求挖掘機(jī)會點

舉例說明1：支付寶「朋友」界面，當(dāng)用戶輸入某數(shù)值時，輸入框上方會自動顯示「給對方轉(zhuǎn)賬***元」按鈕，用戶可點擊該按鈕完成轉(zhuǎn)賬。

這是因為經(jīng)常有用戶誤以為輸入數(shù)值發(fā)送即完成了轉(zhuǎn)賬，導(dǎo)致很多尷尬出現(xiàn)?；谠搱鼍跋碌耐袋c與需求，支付寶做了這個改進(jìn)，貼心又好用。

舉例說明2：ios系統(tǒng)在切換APP操作時，會將一些金融類APP虛化，以此來保證用戶信息安全。

這一設(shè)計細(xì)節(jié)也是充分考慮了用戶在切換APP時的場景，解除了用戶在公告場合擔(dān)心被窺屏而泄露個人財富信息的擔(dān)憂。

還有，當(dāng)我們用耳機(jī)聽音樂或播放視頻時，拔下耳機(jī)，聲音就會自動停掉，這樣就算在安靜的場合聽音樂或者看視頻，耳機(jī)不小心掉下來也不會發(fā)出尷尬的聲音，這些都是充分考慮了用戶當(dāng)前使用時的場景，才做出如何貼心的設(shè)計。

②通過對用戶下一步目標(biāo)的預(yù)判尋找機(jī)會點

第二個方法是通過對用戶當(dāng)前場景的分析，預(yù)判用戶下一步的行為與目標(biāo)，從而尋找當(dāng)前場景的機(jī)會點。

如何預(yù)期用戶下一步目標(biāo)？有三個方法：

1. 通過成組動作進(jìn)行預(yù)期，如復(fù)制—粘貼，編輯—保存。
2. 通過用戶認(rèn)知流程預(yù)判，如，瀏覽時反向滑動→結(jié)束瀏覽/回到頂部；再比如谷歌翻譯在發(fā)音時，第一遍是正常語速，第二遍語速變慢，第三遍又恢復(fù)到常速，是不是很貼心，很符合用戶期望？
3. 通過產(chǎn)品使用流程進(jìn)行預(yù)期，如訂外賣—取外賣—評價。

舉例說明1：在谷歌瀏覽器，當(dāng)我們打開多個瀏覽窗口時，通常需要手動一個個地關(guān)閉標(biāo)簽頁。

chrome充分考慮到了用戶的該使用場景，當(dāng)用戶關(guān)閉一個標(biāo)簽頁時，預(yù)期用戶會關(guān)閉下一個標(biāo)簽頁，所以當(dāng)關(guān)閉一個標(biāo)簽時，相鄰標(biāo)簽會自動靠近，保證關(guān)閉的按鈕始終位于鼠標(biāo)的當(dāng)前位置，這樣用戶就不用移動鼠標(biāo)關(guān)閉下一個標(biāo)簽頁，提高了用戶的使用效率。

3. 機(jī)會點轉(zhuǎn)化為落地的設(shè)計方案

在將機(jī)會點轉(zhuǎn)化為具體的設(shè)計時，有兩個可作為依據(jù)的設(shè)計原則，分別為高效，情感化。

實現(xiàn)高效有以下幾個方法：

①行動點前置，通過對用戶下一目標(biāo)的預(yù)測，將用戶目標(biāo)在當(dāng)前場景展示，縮短操作流程，達(dá)到高效的目標(biāo)。如淘寶首頁的tab欄會根據(jù)每個用戶的瀏覽記錄預(yù)測用戶目標(biāo)，千人千面?zhèn)€性化展現(xiàn)，縮短了用戶查找商品的路徑，提高商品購買效率。

②行動點置換，還是拿淘寶舉例，淘寶底部的第一個導(dǎo)航，當(dāng)用戶滑動首頁下方的商品流時，該按鈕由首頁變成置頂。

③行動點相關(guān)提示，意思是根據(jù)用戶當(dāng)前目標(biāo)或下一步目標(biāo)進(jìn)行相關(guān)的提示。如支付寶朋友頁面，當(dāng)上滑時，會出現(xiàn)「找人轉(zhuǎn)賬」的提示，點擊進(jìn)入朋友列表的純凈模式（去掉了服務(wù)通知等跟轉(zhuǎn)賬無用的列表），提高了用戶尋找的效率。

再比如，網(wǎng)易郵箱，當(dāng)郵件中提到附件，但是沒有上傳附件時，點擊發(fā)送后，系統(tǒng)彈出下方的提示，解決了用戶常常忘記添加附件的困擾。

④突出行動點，根據(jù)用戶當(dāng)前目標(biāo)或下一步目標(biāo)突出關(guān)鍵按鈕，幫助用戶快速找到關(guān)鍵操作，吸引用戶點擊，降低了用戶思考成本，提升效率。運用這個方法進(jìn)行設(shè)計的例子太多了，比如淘寶的商品詳情頁用紅色突出購買按鈕等。

⑤直接執(zhí)行，根據(jù)用戶當(dāng)前目標(biāo)或下一步目標(biāo)直接執(zhí)行。比如滴滴的掃一掃界面，當(dāng)檢測到光線較暗時，手電筒會自動打開，提高了掃一掃的效率。

⑥情感化

唐納德·諾曼在《情感化設(shè)計》中提到設(shè)計的三個層次，分別為：本能的設(shè)計，行為的設(shè)計，反思的設(shè)計，情感化設(shè)計是能打動人的，它能傳遞感情，勾起回憶，給人驚喜，情感化設(shè)計幫助產(chǎn)品與用戶之間建立情感的紐帶，能強(qiáng)化用戶對品牌的認(rèn)知，培養(yǎng)對品牌的忠誠度。

情感化設(shè)計的步驟依次為：提煉影響產(chǎn)品的的情感指標(biāo)→聚焦用戶對產(chǎn)品的情感訴求→產(chǎn)出設(shè)計方案→驗證設(shè)計價值（來源于周姮—知乎螞蟻金服體驗技術(shù)部的一次分享）。

舉例說明1：在谷歌表格每列的開頭依次輸入「Pride」五個字母后，表格會變成彩虹樣式

舉例說明2：網(wǎng)易云音樂在用戶生日時會變成「生日快樂」的蛋糕樣式，點擊進(jìn)去的音樂列表，第一首歌是生日歌，讓人心里暖暖的。

4. 設(shè)計檢驗

最后一步就是設(shè)計方案的驗證，設(shè)計方案能否幫助用戶縮短操作流程？降低用戶思考成本？幫助用戶高效的完成任務(wù)？是否能打動用戶給他們帶來驚喜與溫暖？通過可用性測試及上線后的數(shù)據(jù)反饋，幫助我們更好的優(yōu)化設(shè)計方案。

最后

文章較長，我們再回顧一下：

一、什么是場景化設(shè)計？

場景五要素：4W+1H，即Who人、When時間、Where地點、What事件 、How環(huán)境，什么人，在什么時候，在什么地方，做了什么事情，所處的環(huán)境如何。

二、有哪些場景化設(shè)計的例子？

三、為什么要進(jìn)行場景化設(shè)計？

四、怎么進(jìn)行場景化設(shè)計？

1. 根據(jù)使用流程和行為路徑窮盡場景
2. 根據(jù)場景挖掘設(shè)計機(jī)會點
3. 將機(jī)會點轉(zhuǎn)化為落地的設(shè)計方案
4. 設(shè)計檢驗

好了，今天就說到這，文章較長，希望大家能耐心消化，希望此文對你有一點幫助。

說明：文章部分內(nèi)容引用了阿里中國站UED團(tuán)隊博客里的分享。

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

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