之前有人問過我一個問題：實(shí)習(xí)期間最大的收獲是什么？我回答的是：場景。的確，實(shí)習(xí)之前其實(shí)沒有什么場景的概念，那時候我會覺得交互設(shè)計(jì)是一門很理性的學(xué)科，主要依靠的是邏輯分析。

實(shí)習(xí)期間，每次給導(dǎo)師討論方案或者問題的時候，導(dǎo)師總是會冒出來一句：你這個設(shè)計(jì)點(diǎn)依據(jù)的場景是什么？在給產(chǎn)品經(jīng)理展示方案的時候，產(chǎn)品經(jīng)理也會冒出來一句：你有沒有考慮過這里的使用場景。甚至于，只要發(fā)現(xiàn)他們在聊產(chǎn)品的問題，總是三句不離場景。于是，在實(shí)習(xí)期間密密麻麻地轟擊之下，我終于記住了場景兩個字。

但是，記住是沒用的，我們還要理解什么是場景。

那到底什么是場景呢？雖然交互設(shè)計(jì)師最常提到的詞就是場景，交互設(shè)計(jì)也需要依據(jù)場景來設(shè)計(jì)，但是，至始至終從來沒有人會說什么叫場景，從來沒有人會說場景需要包含哪些要素，仿佛一說場景大家就都懂了似的。但是，我確確實(shí)實(shí)不知道怎么去定義這個場景，我也去詢問一些人，也沒有人解釋得清楚。于是我開始把方向投向網(wǎng)絡(luò)，我搜遍了知乎上的大小問答，然后也翻遍了各大設(shè)計(jì)網(wǎng)站的文章，但是就是沒有人能把場景兩個字說清楚。

于是我就一路摸索著，突然在某一天發(fā)現(xiàn)自己跑偏了，場景的確是在做設(shè)計(jì)的時候很重要。理清概念這個事情也很重要。但是，如果對場景二字的含義糾結(jié)不清的話，那么為什么不換個思維呢？我們需要根據(jù)場景來做設(shè)計(jì)，換句話說，只要能提供設(shè)計(jì)依據(jù)的就是場景。經(jīng)過這么一轉(zhuǎn)置之后，思維就豁然開朗了。所以不要去糾結(jié)一個場景應(yīng)該包含什么，而是應(yīng)該關(guān)注，什么能給設(shè)計(jì)提供幫助。于是，遵循這這個方向，我繼續(xù)探索。

當(dāng)一個大問題你解決不了的時候應(yīng)該怎么辦呢？一個字：拆！把大問題拆分成小問題即可。于是，我嘗試把場景進(jìn)行一下細(xì)分，細(xì)分的結(jié)果如下：1、需求場景；2、環(huán)境場景；3、手機(jī)場景。需求場景是用戶內(nèi)心的訴求，為設(shè)計(jì)提供正向的設(shè)計(jì)依據(jù)；環(huán)境場景和手機(jī)場景則是一些外界的限制，需要設(shè)計(jì)去幫助克服。下面，就讓我講述一下這些場景的區(qū)別。

1、需求場景

交互設(shè)計(jì)是一門把抽象的需求轉(zhuǎn)換為具象的界面的學(xué)科，需求是設(shè)計(jì)之本。那么需求又是什么呢？需求來源于用戶在現(xiàn)實(shí)生活中遇見的問題，用戶需要一種有效解決問題的措施，這個措施就是交互設(shè)計(jì)提供的方案。也就是說，用戶的需求就是做設(shè)計(jì)最根本的依據(jù)，所以根據(jù)我之前的設(shè)定，可以把需求當(dāng)做一個場景。而且，這個場景牽扯到的是設(shè)計(jì)需要解決的最核心的問題，這個場景決定了交互設(shè)計(jì)大致的界面元素、界面布局以及流程框架。

舉個簡單的例子吧，比如說我現(xiàn)在有個需求是要設(shè)計(jì)一款聽歌的應(yīng)用。不管是因?yàn)槲覀冎翱催^其他的聽歌應(yīng)用，亦或者是我們之前把玩過實(shí)體的mp3、mp4，總之，當(dāng)我們聽到“聽歌”這兩個字的時候，我們腦海里已經(jīng)會蹦出“一個用戶插著耳機(jī)陶醉在歌聲里”的場景，然后聽歌需要的一些界面元素：比如歌名、歌手、歌詞、播放進(jìn)度和播放控制等元素，也會出現(xiàn)在用戶的手機(jī)界面里。

現(xiàn)在開始把鏡頭回放，回放到用戶打開應(yīng)用的時刻，我會去構(gòu)思用戶打開應(yīng)用的心理期望是看到什么，這個心理期望實(shí)際上就是用戶的需求。我會根據(jù)這個需求去設(shè)計(jì)打開應(yīng)用之后的第一個顯示的界面。言而總之，從用戶這個聽歌的需求，我們可以細(xì)分出很多的小需求，而這每一個需求實(shí)際上都關(guān)乎到界面的設(shè)計(jì)。那么回到我一開始的定義，實(shí)際上幾乎每一個需求都能給交互設(shè)計(jì)提供設(shè)計(jì)依據(jù)，那么也就可以認(rèn)為每一個需求對應(yīng)的都是一個場景，我把這種直接來源于需求的場景成為“需求場景”。

但是，我們要意識到，需求實(shí)際上是經(jīng)過抽象的，抽象的過程中忽略了很多信息。所以，需求場景的優(yōu)點(diǎn)是非常簡潔直觀，可以非常簡單地轉(zhuǎn)化為設(shè)計(jì)依據(jù)。當(dāng)然，與之相對應(yīng)的就是這個場景會相對來說很粗糙，缺乏細(xì)節(jié)，根據(jù)這個場景做出來的東西只能保證可用性，至于好不好用就很難說了。所以，需求場景之外需要其他的環(huán)境場景和手機(jī)場景來保證設(shè)計(jì)的“好用”。

2、環(huán)境場景

場景的第二部分我歸結(jié)為環(huán)境場景，環(huán)境場景包括用戶使用應(yīng)用時的時空狀態(tài)以及人體的肢體動作狀態(tài)。這部分應(yīng)該是最好理解的，包括我之前都一直以為這就是場景的定義，不過慢慢發(fā)現(xiàn)其實(shí)這些反而是旁枝末節(jié)，需求才是最重要的場景。如果說需求場景把用戶的使用環(huán)境進(jìn)行了抽象，那么環(huán)境場景就是把當(dāng)時抽象掉的一些東西還原回來。舉個小小的例子，我們可以只能想象到用戶在聽歌，但是我們會忽略當(dāng)時是白天還是黑夜，是在家里還是在公共場所，用戶是站著、坐著還是躺著，這些我們忽略的東西，如果他們會對我們的設(shè)計(jì)產(chǎn)生影響，那么就可以歸結(jié)進(jìn)環(huán)境場景。

講到這里，其實(shí)什么是環(huán)境場景已經(jīng)很明白了。正如我在前文說的，環(huán)境場景其實(shí)帶來的是一些限制，這些限制是需要我們來解決的。有時候可能會忽略這種限制，所以我在這里主總結(jié)了一下環(huán)境場景包含的要素，做成一張走查表，設(shè)計(jì)的時候進(jìn)行走查，對一些影響用戶使用的元素提供解決措施。注意此處的走查表并不全面，歡迎各位留言進(jìn)行補(bǔ)充。

環(huán)境場景走查表

3、手機(jī)場景

講完了前兩種場景，繼續(xù)講手機(jī)場景。手機(jī)場景指的是：你使用應(yīng)用時，手機(jī)運(yùn)行的狀態(tài)。平心而論，這篇文章的構(gòu)思其實(shí)已經(jīng)很久了，之所以遲遲難產(chǎn)就是因?yàn)檫@個手機(jī)場景讓我有些不知道從何下手。總結(jié)一下手機(jī)場景的幾大方面吧：1、應(yīng)用運(yùn)行的手機(jī)系統(tǒng)；2、應(yīng)用運(yùn)行的手機(jī)應(yīng)用；3、應(yīng)用運(yùn)行時候的狀態(tài)。我這里也大概羅列一下這幾個方面會遇到的一些狀況。

應(yīng)用運(yùn)行的手機(jī)系統(tǒng)

這一條應(yīng)該算是很簡單的了，目前最主流的就是兩種系統(tǒng)：iOS和Android系統(tǒng)。這兩種系統(tǒng)有什么區(qū)別呢？首先是界面控件的區(qū)別，比如iOS的底部tab導(dǎo)航 VS?Android的頂部tab導(dǎo)航（新版 Material design guideline已經(jīng)加入了底部tab），iOS的search bar VS Android的search icon。這些差別具體參考各自的guideline即可。

除了界面控件的區(qū)別，其實(shí)最主要的區(qū)別在于權(quán)限，Android的權(quán)限控制沒有那么嚴(yán)格，反而，iOS則處處給予用戶限制。所以，在針對iOS設(shè)計(jì)的時候，往往需要考慮到，該權(quán)限能否獲取，如果沒有該權(quán)限的時候，需要考慮獲取權(quán)限的方法，比如增加一個流程，跳轉(zhuǎn)到設(shè)置里去獲取權(quán)限，形成操作流程的閉環(huán)（可以參考交互設(shè)計(jì)流程的“閉環(huán)”問題（上））。如果實(shí)在沒辦法獲取相關(guān)權(quán)限，則要想辦法繞開，設(shè)計(jì)新的方案。比如iOS目前不支持上傳電話號碼進(jìn)行識別，所以現(xiàn)在的電話識別就是通過把數(shù)據(jù)寫進(jìn)通訊錄來實(shí)現(xiàn)的。

最后，現(xiàn)在的手機(jī)都具備了相當(dāng)多的傳感器，此類傳感器可以為交互設(shè)計(jì)提供強(qiáng)大的支持。當(dāng)需要調(diào)用傳感器的數(shù)據(jù)時，除了考慮權(quán)限問題之外，還需要考慮開關(guān)是否開啟，如果沒有開啟的話，需要提供一個路徑去開啟，同樣形成閉環(huán)狀態(tài)。常見的傳感器有：gps，攝像頭，距離感應(yīng)器，紅外遙控，藍(lán)牙，揚(yáng)聲器，振動馬達(dá)，方向感應(yīng)等等。

應(yīng)用運(yùn)行的手機(jī)狀態(tài)

要知道，手機(jī)就像一個城市，每個APP都是城市里的公民，同樣存在于同一個手機(jī)中，不同程序之間免不了會打交道。在設(shè)計(jì)中，需要考慮到其他程序運(yùn)行時，會給我們的應(yīng)用帶來的影響。這里我只提兩種：①同類型的產(chǎn)品；②安全類產(chǎn)品。

第一種比較好理解，還是以播放音樂為例，播放音樂的時候，如果有其他的應(yīng)用也在播放聲音，這時候，我們需要先關(guān)閉其他應(yīng)用的播放進(jìn)程，然后再開啟我們自己的進(jìn)程。這個過程是否由系統(tǒng)自動完成，還是需要應(yīng)用去調(diào)用相關(guān)的接口，這點(diǎn)是需要關(guān)注的。還有就是，假如被關(guān)閉的是我們，我們需要保持好現(xiàn)場，方便用戶再次進(jìn)入的時候，可以第一時間還原當(dāng)時的場景。

第二種理解起來也不難，Android端就是會有人裝了一些xx衛(wèi)士，xx管家之類的產(chǎn)品，他們會實(shí)時監(jiān)控手機(jī)狀態(tài)，如果他們對我們的應(yīng)用進(jìn)行了報錯，那么用戶很明顯會偏向于他們。所以，在設(shè)計(jì)流程的時候，考慮一下這一點(diǎn)，也未嘗不可。

應(yīng)用運(yùn)行時候的狀態(tài)

應(yīng)用運(yùn)行時候的狀態(tài)其實(shí)也是很麻煩的一件東西，首先需要關(guān)注的是一些操作流程的二維分歧點(diǎn)。簡單來講，就是某個東西有或者沒有，會影響后續(xù)的流程。舉個簡單的例子吧，比如我之前在設(shè)計(jì)一個團(tuán)購類的APP時有一個個人中心模塊，當(dāng)點(diǎn)擊進(jìn)入該模塊時，就需要考慮用戶是否登錄。用戶登錄/未登錄就是一個非常常見的流程的二維分歧點(diǎn)，在設(shè)計(jì)的時候肯定要處處考慮這兩種狀態(tài)。

這里羅列一些吧：a、數(shù)據(jù)是否為空；b、是否登錄；c、是否注冊；d、是否有緩存；e、是否首次進(jìn)入；f、是否需要隱藏actionbar，以顯示更多內(nèi)容；總結(jié)的不全，有什么意見歡迎補(bǔ)充。

除開二維的分歧點(diǎn)，多維的分歧點(diǎn)是更為討厭的東西，不過討厭歸討厭，該注意的還是需要注意。很重要的一點(diǎn)就是，當(dāng)調(diào)用輸入法的時候，有很多鍵盤模式：中文鍵盤、英文鍵盤和數(shù)字鍵盤等。在調(diào)用的時候，需要關(guān)注一下調(diào)用的具體情況。再舉一點(diǎn)就是，有些時候多維的分歧點(diǎn)是作為一些行為的觸發(fā)點(diǎn)來使用的，就像那個人人生惡痛絕的“跪求好評彈窗”，如果在首次進(jìn)入的時候就彈這么一個東西，那么設(shè)計(jì)師的腦子肯定是進(jìn)水了。但是，換在第二次或者第三次進(jìn)入，明顯會好很多。這個第幾次進(jìn)入就是一個多維的分歧點(diǎn)。多維的分歧點(diǎn)這里就是提一下，具體怎么應(yīng)用我也不是很清楚，有什么意見和建議歡迎評論。

好了，終于扯完了這個東西了。再次總結(jié)一下吧，方便加深記憶。

• 需求場景是最根本的設(shè)計(jì)依據(jù)，主導(dǎo)了設(shè)計(jì)所需要的信息以及主要流程。
• 環(huán)境場景就是：你是用什么樣的姿勢，在什么樣的環(huán)境在做什么。
• 手機(jī)環(huán)境就是：你的手機(jī)是那個系統(tǒng)，運(yùn)行了哪些程序，目前自己的程序運(yùn)行得怎么樣了。

#專欄作家#

妖葉秋，一年級交互設(shè)計(jì)師，人人都是產(chǎn)品經(jīng)理專欄作家。做過ToC產(chǎn)品的交互設(shè)計(jì)，現(xiàn)在在嘗試ToB的業(yè)務(wù)。主攻交互，也懂點(diǎn)用研、視覺和產(chǎn)品的知識。愛生活、愛設(shè)計(jì)、愛讀書、愛總結(jié)，頭像下方是我的聯(lián)系方式，歡迎志同道合者與我交流。

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