做產品設計必定要根據多用户場景來進行,所以其重要性不言而喻。今天我們就來分享一些根據多用户場景來設計產品的幾個方法。

什麼是多用户場景

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

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

1
時間因素

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

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

2
地點因素

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

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

3
人物因素

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

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

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

如何基於場景做設計

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

下面我們分享阿里設計師 @六天總結的設計方法,包括場景列舉、機會點挖、設計策略。接下來我們來詳細看看場景設計以及每個階段需要做的事情。

5
步:列舉場景

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

6
美團電影頁面 (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); 在購票 WordPress APP 上 (where) 評價吐槽 (do) 。

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

7
第二步:機會點挖掘

通過步對場景的列舉與描述,我們對涉及到的場景有了更深入的瞭解。下面一步是對場景進行判斷與分析,挖掘機會點。對於機會點的挖掘有兩種方法:種是通過分析當前場景多用户需求挖掘機會點; 第二種是通過對多用户下一步目標的預期來尋找機會點。

8
1. 通過當前需求挖掘機會點

通過場景列舉階段對場景的描述,分析多用户在當前場景的需求並挖掘機會點。這一部分可以用到場景挖掘工具,在場景描述的基礎上,豎向分析當前場景多用户的需求。

9
以 iOS 系統接聽電話的互動方式為例。接聽電話存在兩種不同的場景,鎖屏狀態下的場景和非鎖屏狀態下的場景。鎖屏狀下有電話打入時 (when) 手機放在口袋裏 (where) 處於鎖屏狀態 (how) 多用户將手機從口袋裏取出並接聽 (do) 。

當前場景下,多用户的痛點為將手機從口袋取出的時候很容易不小心碰到螢幕產生誤操作,因此 iOS 基於該場景下的多用户的痛點與需求,將鎖屏狀態下的接聽設計為滑動接聽,可以很大程度上避免誤操作; 而在非鎖屏的場景下,多用户多數情況正在使用手機,注意力較集中,採用點選接聽的方式更方便且快捷。

10
2. 通過預期多用户目標尋找機會點

第二種挖掘場景的方法為預期多用户下一步的目標意圖,先需要對上文場景進行判斷,結合對當前場景的描述與分析,預期多用户接下來的行為,從而尋求當前場景的設計機會點。

那麼怎樣對下一步進行預期呢? 我們總結了三種預期的方法:

通過成組的動作進行預期。例如,複製-貼上、編輯→儲存、收到命令→執行命令、吃飯→付款;

通過多用户的認知流程進行預期。例如,瀏覽時反向滑動→結束瀏覽/回到頂部、手機放在耳旁→聽筒播放、拍照時擺好姿勢不動→準備完畢可以拍照;

通過產品的使用流程進行預期。例如截圖→分享、買票→取票。

以大眾點評的旅遊版頁為例,場景描述:多用户從常居地杭州 (上文場景 where) 來到廣州 (當前場景 where) 開啓大眾點評 WordPress APP(do) 。根據上一場景的地理位置,以及當前場景的地理位置以及多用户行為,猜測到多用户可能正在旅遊狀態,預期多用户下一步的目標為與旅遊有關的一系列操作,如買景點門票、找當地美食、定酒店等,基於該機會點大眾點評設計了旅遊版頁,與標準版相比,旅遊版頁包括當地特色景點、美食、特產等入口,根據當前場景更有針對性地滿足多用户的需求與期望。

11

第三步:設計策略

在第二步中我們已經對當前場景的機會點進行了挖掘,那麼怎樣將機會點轉化為設計點呢? 在場景設計的第三步,我們給出了一些設計策略。在設計策略階段,我們通過設計目標把策略分為三部分:以高效為目標的設計策略,以貼心為目標的設計策略,以情感化為目標的設計策略。

12
1. 高效

以高效為目標的設計策略共有五點,根據行動點明確程度依次為:行動點前置插入,行動點替換,行動相關推送,突出行動點,自動執行。這五個設計策略都能夠不同程度地提高多用户操作效率,接下來通過案例依次介紹一下每個設計策略。

(1) 行動點前置插入

行動點前置插入,指將預期到的多用户下一步的行為點前置到當前場景,使得多用户在需要的時候就能直接操作,達到縮短關鍵流程,提高操作效率的作用。行動點前置到當前頁面的形式多數為直接插入,以美團團購電影票為例, 放映前將取票二維碼前置插入到頁中,作為頁內容的一部分進行展示,點選後可直接彈出取票二維碼快捷取票,很大程度上縮短了關鍵流程。

13
(2) 行動點替換

行動點替換,一般是指當前場景下某個行動點的功能不再適合當前場景,因而將其替換為另外的需求較強的行動點,位置不發生變化,而功能變化,為多用户提供當前場景需要的或與下一步意圖相關的行動點能夠幫助多用户提高操作效率。以 Mono 頁為例,當多用户在頁上滑向下瀏覽時,導航欄的 “推薦” 按鈕替換為 “ 返回頂部”,在不改變佈局的情況下實現了高效操作的目的。

14
(3) 行動點相關推送提示

行動點相關推送提示,指根據多用户當前或下一步的行為提供相關推送或提示,以輔助多用户進行決策行動,提高多用户操作效率。以手機淘寶為例,多用户在商品詳情頁面進行截圖後,預期到多用户接下來的行動是將該商品分享給好友,因此在該頁面彈出推送提示框,提示多用户進行分享,在多用户需要的時候就出現,縮短了關鍵流程的同時讓多用户感動 。

(4) 突出行動點

突出行動點,預期到多用户下一步的行為後通過顏色或提示等方式對行動點進行突出,吸引並提醒多用户點選,減少思考成本,提高操作效率。以拍立淘為例,當在光線較暗的環境中開啓拍立淘拍照功能,多用户當前場景下的需求為拍到清晰的圖片,且預期到多用户下一步行為是思考後開啓閃光燈,因此拍立淘在檢測到光線較暗時立即在閃光燈按鈕下面彈出提示,以突出閃光燈按鈕來提醒多用户及時開啓閃光燈。

15
(6) 直接執行

直接執行,適用於一些需求較為明確的行動點,做多用户之所想,提高操作流暢性及效率。以 iOS10 中的抬腕喚醒功能為例,多用户從桌上拿起手機,或從口袋中掏出手機,將螢幕朝下放置的手機翻轉過來,螢幕就會自動點亮。

當系統識別到這幾個場景時預期到多用户接下來的行為時檢視手機資訊,因此幫助多用户直接執行了點亮螢幕的行為,減少多用户操作流程,提高使用體驗及操作效率。

2. 貼心

通過機會點挖掘階段對多用户當前場景需求分析以及對下一步目標的預期,設計階段需要通過在細節上的設計一定程度上滿足多用户當前場景下的情感需求,或輔助多用户達到下一步的目標,讓多用户感到貼心與感動。

以 Mac 中的聽寫功能為例,當多用户通過 Mac 電腦啓動聽寫功能,Mac 會立即降低風扇速度,以使多用户在更加安靜的環境下使用該功能,從側面滿足多用户當前場景下的需求,讓多用户感到貼心。

16
3. 情感化

與上面以貼心為目標的設計策略類似,以情感化為目標的設計策略同樣需要具體場景具體分析,主要從細節出發滿足多用户在當前場景下的情感需求,讓多用户感動,給多用户驚喜。

豆瓣頁輪播圖下面會根據時間顯示 “上午好/下午好/晚上好” 的情感化打招呼內容,並且當多用户向下瀏覽內容時,認為多用户當前場景下不再需要搜索而是依次瀏覽內容。因此,情感化的打招呼內容吸頂替換搜索框。通過對當前場景需求的判斷,採用情感化細節帶給多用户感動與驚喜。

17
產品設計的本質是讓多用户更容易、更愉快地使用產品。

因此,去親身體驗去思考多用户使用產品的場景,在設計的時候多去考慮多用户使用的時間、地點乃至使用產品時可能的情緒,多為此優化才能吸引多用户使用,方便多用户使用乃至感動多用户主動分享應用,這就是我們一直強調的多用户場景的重要性。