如何基於場景做網頁設計

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

　　什麼是用户場景

移動互聯網時代，智能設備的廣泛應用把人們的時間碎片化分割，用户的使用地點不再侷限於 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 為例，利用場景挖掘工具進行場景描述：

第二步：機會點挖掘