如何基於場景做網頁設計

做產品設計必定要根據使用者場景來進行，所以其重要性不言而喻。今天我們就來分享一些根據使用者場景來設計產品的幾個方法。就跟隨小編去了解下吧，想了解更多相關資訊請持續關注我們應屆畢業生考試網!

　　什麼是使用者場景

移動網際網路時代，智慧裝置的廣泛應用把人們的時間碎片化分割，使用者的使用地點不再侷限於 PC 電腦前，資訊滲透無處不在，消費行為變得移動而分散。如何更精細的滿足使用者各個場景下的需求已是首要任務，越來越多的產品開始更多的圍繞使用者的實際情況和消費習慣展開設計，「場景化」逐漸成為耳熟能詳的詞彙。

那麼，場景化是什麼?簡單說就是人物、時間、地點三要素所組成的特定關係。在某某時間(when)，某某地點(where)，特定型別的使用者(who)萌發了某種慾望(desire)，會想到通過某種手段(method)來滿足(do)這種慾望。

　　時間因素

考慮使用者在什麼時候會使用該產品，是工作的時候，上班的路上，與情人約會的時候，睡覺前，朋友聚會，還是鍛鍊的時候。

比如，我們可以看到很多 iPad 上的視訊類應用比如愛奇藝、騰訊視訊預設的介面面板都是深色背景，而手機版則是白色面板，因為在 iPad 上看視訊使用者使用時段多在下班後的夜晚，深皮面板能精準的去適配使用者夜晚藏在被窩裡看片的需求。

　　地點因素

考慮使用者在什麼地點會使用該產品。在家，在學校，在辦公室，公交車上，打的的時候，地鐵裡還是飯館裡。

不同的地點有不同的需求，比如當大眾點評通過使用者的 GPS 定位資訊發現使用者到了一個陌生城市的時候，自動會將首頁切換至旅遊版面，給使用者推薦當地的當地必吃美食、必遊景點、必買的特產等等。

　　人物因素

考慮使用該產品的人群會有怎樣的特徵，通過資料的積累勾勒使用者的標籤，達到千人千面的個性化服務。

每個應用的「猜你喜歡」也是最基礎最直接的基於人物屬性的產品設計。例如淘寶會根據我之前瀏覽過剃鬚刀，在推薦資訊流裡推薦價格相似的飛利浦、博朗等不同系列的型號。大眾點評會根據我之前瀏覽、收藏、搜尋、買單的消費行為，給我推薦相似口味或價格餐館。

場景化將時間、地點、人物串聯起來組成一個關於使用者使用的故事，去勾勒使用者當時的心情與意圖，跟使用者形成一種情感關聯。最後根據這個有溫度的生動的故事，結合實際的資料驗證或競品的分析去設計產品。

如何基於場景做設計

基於場景的設計可以幫助設計師分析需求，找到設計機會點，那麼，怎樣基於場景做設計呢?

下面我們分享阿里設計師@六天總結的設計方法，[email protected]�[email protected]�

　　第一步：列舉場景

前面我們已經明確了什麼是場景，那麼怎樣列舉場景呢?推薦方法是通過操作流程圖來依次提取其中的關鍵場景。以看電影為例，看電影的流程為：買電影票→ 去電影院→取票→檢票找座位→觀影→出影院→評論吐槽，根據流程可以抽取列舉出看電影涉及到的關鍵場景為：

　　美團電影頁面(where)購票(do);

電影開始前(when)乘車(do)前往電影院的路上(where);

觀影前(when)在電影院(where)通過自助取票機取票(do);

觀眾(who)拿著爆米花可樂等零食手忙腳亂(how)地掏出電影票(do)在入口(where)排隊檢票(do); 檢票工作人員(who)在入口處(where)等到放映前 5 分鐘(when)開始檢查每位觀眾的電影票(do)並撕掉聯(do);

觀眾(who)拿著爆米花可樂 3D 眼鏡等手忙腳亂地(how)檢視電影票上的座位號(do)並在昏暗的燈光下越過同排其他顧客(how)找到自己的座位(do);

坐在座位上(where)將手中的爆米花，可樂，揹包等放置好(how)，戴上眼鏡開始觀影(do);

觀影結束後(where)拿好自己的東西走出影廳(where)將眼鏡還給工作人員(do)，扔掉手裡的垃圾(do)，排隊上廁所(do);

回家的路上(where)和朋友吐槽劇透(do);在朋友圈(where)晒觀影照片(do);在購票app上(where)評價吐槽(do)。

對關鍵場景的描述有利於發現場景中的細節，更好地對場景進行分析判斷，在這部分可以通過填寫場景挖掘工具的中間部分，對該場景進行描述：誰(who)，在什麼時候(when)，在什麼地方(where)，做了什麼事情(do)，周圍環境怎麼樣(how)，不涉及到的元素可忽略。以上文列舉出的場景 4 為例，利用場景挖掘工具進行場景描述：

第二步：機會點挖掘