任何一款移動APP產(chǎn)品都是基于場景化的移動互聯(lián)網(wǎng)產(chǎn)品。所以，基于場景的設計的技能也是每一個APP設計師必學的一項技能。

如果你還不懂什么是基于場景的設計？沒關(guān)系，今天25學堂跟你一起來拜師阿里大神，跟大神從現(xiàn)有大量APP案例當中學習基于場景的設計。

基于場景的UI產(chǎn)品設計，讓移動終端獲得天然的優(yōu)勢，得以針對用戶實際所在的場景來設計，以設計出更加貼心的體驗。

之前，學堂發(fā)布了一篇《移動APP界面設計課程：APP場景思考與設計篇》的博文，感興趣的可以繼續(xù)閱讀一下。

下面是根據(jù)不同App和用戶使用場景，APP來推送相關(guān)消息的場景。學堂的小編收集的一些APP案例。

下面是從用戶角色、使用場景上分析，主流音樂 APP（QQ 音樂/百度音樂/蝦米/網(wǎng)易云音樂等）在體驗上的APP布局設計。

以上音樂APP的操作場景分析：?

A. 室外嘈雜的移動環(huán)境中：

如公交、地鐵上，或室外步行時，傾向于選擇播放已知的本地歌曲，比較在意流量和電池容量。聽音樂作為一種打發(fā)無聊（如下班途中站在地鐵里，不便做其他事情）、放松心情（如上班途中，坐公交上聽音樂閉目養(yǎng)神）的途徑。習慣聽歌時隨手鎖屏，利用物理鍵調(diào)節(jié)音量。

（關(guān)于線控，一般用戶可能不知道、或不太會、或不習慣用，更可能會解開屏幕后直接在APP上操作切歌、暫停、調(diào)節(jié)音量等——音量調(diào)節(jié)可能還是用物理鍵的多；而且很多時候，摸摸手機已成為打發(fā)無聊和消除尷尬的下意識行為模式。但一旦用戶成長，了解并學會了使用線控后，用的意愿應該會很強）。

這種環(huán)境下，主要是聽熟悉的歌曲，能有心情去探索未知歌曲的情況較少。

B. 工作室內(nèi)環(huán)境中

在公司時，聽音樂可以舒緩壓力、調(diào)節(jié)心情，提高工作和休息效率。

為了不影響工作狀態(tài)，要求播放器界面簡潔、操作簡單，“電臺”會是較好的選擇。

個人感覺，如果聽太熟的歌，就像接收一些物理符號序列，會讓人變得機械；如果聽最近很喜歡聽的歌（新鮮感還保持得很好），則易讓人陷入歌中的情緒，進而影響工作。因此，在工作中“與歌曲情緒保持必要的距離”就顯得有必要。從這點來講，聽“電臺”，尤其是曲風清新柔和的頻道，也是比較適合的。（這段是個人粗見，存疑。也排除了那些本身就要求激發(fā)自身情緒的工作，如藝術(shù)創(chuàng)作、職業(yè)游戲?qū)?zhàn)等）。

C. 家庭室內(nèi)環(huán)境中

在家里時，狀態(tài)一般比較放松，時間上也充裕，這時，聽，要求聽得爽，操作復雜性的可容忍度較高；探索新歌的意愿增強；一旦找到了喜歡的，與大家去分享這份喜悅的意愿也會大大增加。

在線搜索、試聽、下載，甚至于分享、評論等社交功能的使用機率都會大幅提高。

最后，25學堂再來跟大家重點講解下： 什么是基于場景的設計呢？

如果上面的案例，還沒有了解什么基于場景化設計。

我們再來以電影APP為例來說明下：

以看電影為例，在整個看電影的過程中，涉及到的主要場景有以下六個：

線上買票－去電影院－線下取票－檢票入座－觀影－評論吐槽。

基于看電影涉及到的場景，格瓦拉app設計了一個基于場景的功能：當用戶在格瓦拉購票成功后，首頁會出現(xiàn)一個人偶小浮標，在不同場景下點擊該浮標，會出現(xiàn)不同的內(nèi)容，例如在去電影院的場景下顯示影院地理位置以及滴滴打車入口；線下取票場景顯示取票二維碼可以快捷取票；線下取票后再點擊小浮標顯示電影開始時間以及座位號；觀影后顯示別人的評論以及吐槽入口引導用戶去評論。

對上面的案例總結(jié)歸納后可以得出，格瓦拉APP是基于用戶看電影這一系列場景的判斷與分析，理解用戶每一場景的痛點及需求，結(jié)合上文場景，預期用戶下一步的目標及意圖，通過設計縮短關(guān)鍵流程，輔助用戶提高操作效率。

通過對大量案例進行分析歸納，將場景設計的概念簡單歸納為：基于場景，理解需求，預期意圖，進行設計。

今天學堂君就跟大家聊到這里，主要想要給大家灌輸什么是基于場景化的設計。方便大家理解和下一篇的APP場景化設計升華提供基礎。

未完待續(xù)...... ? ?下文，我們繼續(xù)講解如何基于場景化來進行APP設計！