一、 場景的定義

關(guān)于“場景”，不同的出處給出的解釋也不盡相同，并沒有給出一個(gè)明確的定義。

• 在《交互設(shè)計(jì)精髓4》書籍描述“場景”為用戶如何使用產(chǎn)品實(shí)現(xiàn)具體目標(biāo)的故事
• 梁老師在《產(chǎn)品思維三十講》中將“場景”分為：場、景。場為“時(shí)間”“空間”，景為“情景”“交互”
• 在《2020UCAN》中四場關(guān)于場景的案例，將案例解釋為：人+場+事+物
• 百科定義“場景”是指戲劇、電影等藝術(shù)作品中的場面，泛指情景。

上面四種對場景的解釋，涵蓋的對象和包含的要素各不相同，那我們?nèi)绾卫斫鈭鼍澳?？如何定義場景？

場景常用在產(chǎn)品迭代中的產(chǎn)品需求階段和設(shè)計(jì)階段，作為產(chǎn)品從產(chǎn)生到設(shè)計(jì)的依據(jù)，2個(gè)階段的側(cè)重點(diǎn)不同，需求階段（明確用戶是誰，需求是什么，做什么事），設(shè)計(jì)階段（基于某目標(biāo)，使用產(chǎn)品的情況）。場景是需求和行動的具現(xiàn)化描述，場景分別對應(yīng)階段分為：用戶需求場景和用戶使用場景。

場景類別1-用戶需求場景

用戶需求場景是用戶需求的擴(kuò)展細(xì)化，補(bǔ)充描述需求涉及的多個(gè)關(guān)鍵要素。若只有簡單描述需求的情況下，對產(chǎn)品的指導(dǎo)設(shè)計(jì)容易出現(xiàn)偏差。

這里舉個(gè)例子：“周四下半年，小波回家出地鐵口（場景），想吃菠蘿（需求），看到有個(gè)賣菠蘿的攤位，上去看了看，都是沒有削皮的菠蘿（產(chǎn)品），地鐵口人流量大，小波不想等沒買菠蘿就走了?！边@案例從需求來說，沒削皮的菠蘿已對焦，但因?yàn)榄h(huán)境影響了小波不購買的行為。若菠蘿的已經(jīng)削皮，小波就已經(jīng)買了帶回家好好品嘗?；诖嗽龠M(jìn)行延伸，若場景放在逛街的場景中，已經(jīng)切塊菠蘿就是匹配的，隨走隨吃。若場景放在水果店里，沒削皮的菠蘿是合理的，保證了新鮮度安全性品質(zhì)，甚至還可以多種菠蘿挑選，因?yàn)橛袝r(shí)間。從上面來看，同一個(gè)需求，因?yàn)閳鼍安煌?，其菠蘿的形態(tài)也不同。場景是需求的細(xì)化，會影響到最終產(chǎn)品的設(shè)計(jì)上。

需求場景：用戶+環(huán)境+需求+事件。在【某環(huán)境】下，【某用戶】做了【某事】來滿足【某需求】。用戶、需求、事件是核心要素，環(huán)境是影響要素，環(huán)境包含時(shí)間、空間。除了環(huán)境要素還包含用戶狀態(tài)。

場景類別2-用戶使用場景

用戶使用場景描述的是在需求場景的前提下，具體描述為了完成某任務(wù)，跟產(chǎn)品怎么交互的過程。其對產(chǎn)品的具體設(shè)計(jì)有較大影響。

這里舉個(gè)例子：以接電話（任務(wù)）的情況來看，手機(jī)未在使用狀態(tài)鎖屏下和手機(jī)正在使用中就是完成不同使用場景。在手機(jī)正在使用中（用戶狀態(tài)），考慮不被過度打擾，此時(shí)的電話提醒是小區(qū)域展示，接通、拒絕和收起操作都是直觀的操作。在鎖屏狀態(tài)下可以放在褲兜里（用戶狀態(tài)），考慮不被誤觸采用滑動解鎖，以及可以物理按鍵免打擾和拒絕（可以不看直接操作）。同一個(gè)任務(wù)在不同的狀態(tài)下，因因素的差別影響產(chǎn)品的設(shè)計(jì)。

使用場景：用戶+環(huán)境+目標(biāo)+產(chǎn)品。在【某環(huán)境】下，【某用戶】跟【某產(chǎn)品】發(fā)生了交互，用來完成【某任務(wù)】。用戶、目標(biāo)、產(chǎn)品是核心要素，環(huán)境是影響要素，環(huán)境包含時(shí)間、空間。除了環(huán)境要素還包含用戶狀態(tài)和承載產(chǎn)品的設(shè)備狀態(tài)。

場景關(guān)聯(lián)的概念

設(shè)計(jì)常用的工具有2個(gè)跟場景關(guān)聯(lián)，它們是用戶畫像、用戶故事。用戶畫像描述了用戶需求，用戶需求場景是用戶需求的延伸，用戶故事則是用戶需求場景的細(xì)化，一個(gè)場景可包含多個(gè)用戶故事。

• 用戶畫像：用戶特征+用戶需求
• 用戶故事：場景+產(chǎn)品+用戶操作，用戶故事基本等同于用戶使用場景

二、場景的價(jià)值

上一段描述2種類型的場景，場景不僅限于指導(dǎo)產(chǎn)品設(shè)計(jì)，還可以助力團(tuán)隊(duì)協(xié)作等多個(gè)方面。以下通過需求分析、團(tuán)隊(duì)協(xié)作、產(chǎn)品設(shè)計(jì)三塊來描述場景的價(jià)值。

需求分析

場景可以幫助挖掘需求的完整性、判讀需求是否準(zhǔn)確及梳理需求優(yōu)先級。

1. 【完整性】深刻理解產(chǎn)品需求，讓產(chǎn)品功能更全面，挖掘產(chǎn)品的新機(jī)會或者產(chǎn)品的新功能
2. 【準(zhǔn)確性】讓需求分析準(zhǔn)確，辨別需求真?zhèn)?
3. 【優(yōu)先級】考慮用戶如何使用產(chǎn)品，幫助理清強(qiáng)弱場景，幫助理清強(qiáng)弱需求

團(tuán)隊(duì)協(xié)作

場景可以幫助團(tuán)隊(duì)增強(qiáng)同理心、更好的理解需求及提升產(chǎn)品設(shè)計(jì)的參與度。

1. 【易理解】讓團(tuán)隊(duì)對產(chǎn)品的理解更簡單、具體（對于理論以及長篇大論的需求文章來說，人們更能記住故事發(fā)生的場景，通過簡短但是詳盡的故事描述）
2. 【同理心】讓團(tuán)隊(duì)進(jìn)入用戶視角看產(chǎn)品設(shè)計(jì)，而不是產(chǎn)品單方面的猜測。
3. 【參與度】用戶場景是協(xié)作設(shè)計(jì)工具，期望所有項(xiàng)目利益相關(guān)者參與產(chǎn)品需求和設(shè)計(jì)的過程

產(chǎn)品設(shè)計(jì)

1. 【優(yōu)化現(xiàn)有】突破用戶原有的解決方案：意即在當(dāng)下的場景下，用戶可能會產(chǎn)生什么問題？用戶原有的解決方案是什么，我們是否有機(jī)會提供更好的解決方案呢（效率或者更好的體驗(yàn)）？
2. 【新機(jī)會點(diǎn)】發(fā)現(xiàn)場景的連續(xù)性，發(fā)現(xiàn)行動中的不連續(xù)性。通過成組的動作進(jìn)行預(yù)期：比如復(fù)制 – 粘貼；分享 – 朋友圈等；
3. 【精細(xì)設(shè)計(jì)】從面對所有人轉(zhuǎn)向用戶分層精細(xì)化設(shè)計(jì)，打造競爭優(yōu)勢
4. 【產(chǎn)品歸納】場景具現(xiàn)化需求，可用場景去歸類相關(guān)的產(chǎn)品

三、場景的挖掘方法

如何獲取場景？2種類型場景因獲取信息的側(cè)重點(diǎn)不同。用戶需求場景側(cè)重需求及事件的描述，及描述事件相關(guān)聯(lián)的環(huán)境。用戶使用場景側(cè)重使用產(chǎn)品完成任務(wù)交互的過程。有兩種用戶調(diào)研方法適用：訪談法、觀察法：

訪談法

挖掘用戶需求場景，主要去挖掘未知的需求和當(dāng)下滿足的需求是否有優(yōu)化拓展空間，更適合提供一些開放性問題引導(dǎo)用戶給出更多信息，在用戶延伸出新信息再繼續(xù)往下深挖需求相關(guān)元素等。

• 您能描述下一天的工作流程嗎？
• 在流程中有沒有遇到其他場景？
• 您能具體描述下這個(gè)場景嗎？所在什么樣的環(huán)境
• ······

了解用戶使用場景，引導(dǎo)用戶具體描述任務(wù)完成的過程，再延伸其中遇到的問題點(diǎn)等。

• 您是怎么使用渲染的？
• 圖文編輯的流程是怎么樣的？
• ·······

觀察法

觀察法更容易觀測用戶使用場景，可以發(fā)現(xiàn)在訪談中很多忽略的細(xì)節(jié)。對于用戶需求場景，需要更長期的觀測，對觀測的行為進(jìn)行記錄反推其需求。觀察法可以是完成中立的觀測，也可以是邊觀測邊適時(shí)的提問便于挖掘原因。甚至可以自己作為用戶參與進(jìn)去。

四、場景化設(shè)計(jì)

什么是場景化設(shè)計(jì)？場景化設(shè)計(jì)是引入場景概念將簡單需求延伸拓展出更多延伸的決策因素來精細(xì)化產(chǎn)品設(shè)計(jì)，簡單講是將原粗放型設(shè)計(jì)轉(zhuǎn)向精細(xì)化設(shè)計(jì)，提升目標(biāo)轉(zhuǎn)化、體驗(yàn)等。場景要素影響的多少決定了場景化差異的空間，場景化設(shè)計(jì)的前提并不對整體目標(biāo)的轉(zhuǎn)化造成負(fù)面影響。

場景最終落地到產(chǎn)品設(shè)計(jì)上，在一場景里并不是所有的要素都對產(chǎn)品起到影響作用，在設(shè)計(jì)前可篩選出對產(chǎn)品產(chǎn)生影響的要素，進(jìn)行一一羅列。產(chǎn)品的3部分組成：功能、內(nèi)容/信息、形態(tài)。場景要素最終影響其的變化。

場景要素：用戶、需求、事件、環(huán)境狀態(tài)、載體狀態(tài)、人物狀態(tài)

產(chǎn)品組成：形態(tài)、功能、內(nèi)容

場景化設(shè)計(jì)最適用于O2O領(lǐng)域的設(shè)計(jì)，它會涉及豐富的空間、時(shí)間、天氣環(huán)境等影響因素，同樣的需求存在n多種不同場景情況。在我負(fù)責(zé)業(yè)務(wù)主要以web為主，日常場景更多是基于用戶需求的拓展。

產(chǎn)品設(shè)計(jì)與場景的關(guān)系

產(chǎn)品如何承載用戶需求場景？把場景和產(chǎn)品承載容器（可指單頁面）作為象限劃出4種類型區(qū)間。

• 產(chǎn)品理想的情況是單容器承載單個(gè)場景，單場景可以清晰傳達(dá)，產(chǎn)品幫助用戶專注完成當(dāng)下需求場景下的任務(wù)。
• 非必要情況下，不要讓多容器承載單場景。就好比將一個(gè)衣柜的能力，直接拆開成多個(gè)房間，一個(gè)房間放外套、一個(gè)房間放褲子、一個(gè)房間放內(nèi)衣等等，會讓使用變得極其麻煩。
• 單容器承載了多個(gè)場景，這時(shí)候需要去辨別場景之間是否有關(guān)聯(lián)，切忌不要把太多無關(guān)聯(lián)的場景一起傳達(dá)。如一個(gè)房間內(nèi)包含了廁所、廚房、臥室、客廳，場景之間會相互打架。單容器多場景不合理情況下，不僅分散了用戶注意力，也更難讓用戶理解產(chǎn)品，且對于產(chǎn)品來說也會多出更多不必要的成本消耗。
• 多容器承載多場景近似于單容器承載單場景。

五、場景化應(yīng)用案例

在上一篇文章《需求太碎？設(shè)計(jì)師如何在小業(yè)務(wù)中提煉價(jià)值》中有過產(chǎn)品場景的案例解析。是對一個(gè)小項(xiàng)目進(jìn)行了新的需求場景挖掘，推動進(jìn)行改版的過程，這里不再展開說明，有興趣的朋友可以去看一看。

個(gè)人實(shí)踐案例不能完全覆蓋場景化應(yīng)用，另收集了一些直觀的場景案例展示如下。

核心要素的應(yīng)用案例

1. 要素——用戶、需求

淘寶首頁男生女生看到的內(nèi)容和功能都有差異人需求差異。

2. 要素——事件

京東購物車從原來的暫時(shí)放置商品延伸出更多關(guān)聯(lián)的場景，如：對比、收藏，圍繞場景產(chǎn)品設(shè)計(jì)

影響因素的應(yīng)用案例

1. 時(shí)間——餓了么

根據(jù)不同的事件點(diǎn)推送不同的內(nèi)容，晚上是夜宵，中午是午餐、早上是早餐、傍晚是晚餐

2. 地點(diǎn)——去哪兒旅游

根據(jù)不同的地點(diǎn)推送不同的內(nèi)容

3. 人物狀態(tài)——手機(jī)接電話

手機(jī)接電話（景的差異，差異化交互形態(tài)），手機(jī)放褲兜走路中，手機(jī)正在使用中，2個(gè)場景手機(jī)進(jìn)來。使用手機(jī)中（防止錯(cuò)誤，更適合用戶體驗(yàn)）

六、小結(jié)

場景是入門容易、普適性很強(qiáng)的應(yīng)用工具，也是個(gè)人推崇的設(shè)計(jì)師入門必備技能點(diǎn)。在用戶需求上可以幫助挖掘新的機(jī)會點(diǎn)拓展產(chǎn)品的使用邊界。在設(shè)計(jì)上場景讓設(shè)計(jì)有據(jù)可依對產(chǎn)品設(shè)計(jì)更準(zhǔn)確。在業(yè)務(wù)上可以通過場景的描述對業(yè)務(wù)所滿足的需求有更深入的理解，可以幫助理解許多功能之間的關(guān)系。在協(xié)作上給團(tuán)隊(duì)提供溝通的基礎(chǔ)，容易達(dá)成共識。

以上，歡迎大家一起交流。

原文鏈接：酷家樂用戶體驗(yàn)設(shè)計(jì)（公眾號）

作者：小波

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》設(shè)計(jì)入門必備萬金油-場景篇

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)