產品使用場景中的體驗細節

我們在使用一個產品時，體驗好的地方可能來自於更及時的反饋、更清晰的內容展示等諸多產品的設計亮點。本文總結了產品使用場景中的一些體驗細節，一起來看看吧。

用戶體驗是指用戶使用一個產品或服務的過程中內心的真實感受，好的體驗方式是超出用戶的預期，並能到來正向的情緒感知。

我們在使用一個產品中感覺體驗好的地方可能來自於更及時的反饋、更清晰的內容展示等諸多產品的設計亮點，每一個產品在不同場景中的設計策略，都蘊含著設計師的深入思考和精心考量。

一、如何描述用戶體驗？

在不同的用戶使用場景中，設計師需要儘可能真實且完整描述出用戶的使用過程，清楚了解用戶的意圖，用來輔助決策設計方案，增加說服力。

在《簡約至上：交互式設計四策略》中描述用戶核心體驗方式以故事的形式進行表達，「在研究某個問題的時候，與一大堆需求描述相比，故事更容易讓讀者明白什麼重要和為什麼重要。」

故事的描述方式大致可以分為三個層次：可信的環境、可信的角色和流暢的情節。

當描述用戶的體驗故事時，需要了解目標用戶的群體特徵，產品使用的實際場景以及用戶如何使用的過程，關注產品體驗過程中的交互方式，分析可優化的方向。

有必要多花點時間了解故事的每一個細節，將細節描述轉變成更簡單的設計，好的用戶體驗是從細節開始，並且貫穿使用過程。

在目前互聯網大環境中，用戶群體有很大的相似度，各個公司產品功能、用戶需求的實現方式差異化不大，細節往往是影響用戶體驗和感知的地方，正因為這樣，理解和挖掘，變得尤為關鍵。設計方式也是在不斷的探索和優化細節中更新迭代。

以滾動功能為例，開始引入滾動條時只能一行一行地滾動，會有明顯的卡頓，之後經過不斷的優化，變成可以一個像素一個像素地滾動。隨着文檔內容變多頁面變長，滾動條上又增加一個箭頭圖標，點擊可以直接跳轉到底部。此外，還會出現一個提示條，告訴你當前在文檔中的什麼位置。

觸控板和移動設備中的觸摸屏技術發展帶來的不同交互方式又推動了體驗提升。可以通過手指滑上滑下來滾動界面，蘋果還不惜引發眾怒地隱藏了滾動條，細化使用場景，只在滾動過程中或者在光標靠近可滾動窗口右邊界時才顯示它。

通過設計師不斷的優化細節體驗，推動了滾動功能交互方式持續發展。

商業產品的設計策略受到產品定位，運營策略，技術實現能力影響，需要同時與用戶體驗以及開發成本進行權衡，在確保產品收益的同時，最大限度的對體驗細節進行思考和提升。

在《微交互：細節設計成就卓越產品》 中將用戶與產品交互過程的眾多細節設計稱為微交互，一個產品由眾多微交互構成。

微交互就是產品那些功能性的細節。專註於微交互是創造優秀用戶體驗的方式。

Microinteractions are the small pieces of functionality that are all around us. Focusing on them is the way to create a superior user experience.

一個微交互由四個部分構成：觸發器啟動微交互、規則規定微交互如何起作用、反饋傳達規則信息，而循環和模式構成微交互的元規則。

一個完整的微交互過程需要有清晰易懂的觸發器，可由手動或系統自動觸發。規則是微交互模型的非技術層面，規定了微交互能怎麼用，不能怎麼用，潛移默化引導用戶完成交互過程，觸發後的反饋結果要儘可能符合用戶認知和滿足預期。

循環與模式指的是微交互隨着時間推移會怎麼樣，比如像響鈴，靜音開關那樣，交互狀態要等到手動關閉才結束，還是說等一小會兒就退出交互狀態。當有事件打斷交互時或者條件變化時又會怎麼樣的結果，這些都是微交互需要考慮的後續發展狀態。

舉個簡單的微交互例子，規則規定了用戶不能自主選擇信用卡，而是根據用戶輸入的卡號自動做出判斷。用戶無法點擊信用卡，只能在輸入框（觸發器）輸入卡號，根據輸入的數字會直接反饋高亮所屬信用卡幫助用戶進行核對，當用戶不再輸入時不會改變當前交互顯示狀態，而當重新刷新打開頁面時，所輸入內容會被清空恢復為默認的未輸入狀態。

這些都需要在設計前考慮清楚，儘可能完善交互邏輯的嚴謹性，在各個使用環節足夠清晰易懂，及時的反饋回應，提升用戶使用體驗。

用戶的需求，不是一個人的抽象需求，而是特定場景下的需求。

作為設計師，需要分析用戶使用場景中的行為方式，思考在行為流程中各個細節的交互狀態，以及用戶可能遇到的問題，對功能細節進行體驗上的優化，做出符合自身產品需求的設計決策。

1. 位置變化

在產品中有一些與線下場景相結合使用的APP，這就會涉及到地理位置帶來的功能影響。比如在大眾點評中，內容推薦的有用性會與當前所處位置有很大關係，所以當位置變化時會彈窗提示用戶當前位置變化了，讓用戶決定是否切換新位置來獲取本地資訊。

在高德打車中，當輸入的上車位置與當前定位較遠時，會判斷用戶是否是為他人進行打車，進而提供添加不同聯繫人的功能支持來滿足使用場景。

外賣APP與位置關係也較為重要，這直接影響到餐點送達的準確性，所以與電商APP收貨地址不同的是，外賣APP不會有默認地址的功能，而是會自動定位常用地址或提示填充配送地址，減少配送錯地址的情況發生，影響用餐體驗。

2. 數據更新

進入頁面後自動刷新內容是比較常見的基礎功能，這樣可以較好保證最新內容的用戶觸達。一般手動刷新內容是下拉頁面的交互方式，而內容瀏覽是向下 滑動進行，此時就會有再次刷新就需要先返回頂部再進行頁面下拉的步驟較長問題。

在IT之家中會在列表顯示上次瀏覽位置，並提供刷新操作，輔助用戶獲取最新的資訊，既提示了瀏覽的定位問題又方便用戶直接更新內容，減少操作成本。

而在Twitter中，刷新是系統一直在自動進行的，當一段時間內有新內容時，頂部會有推主頭像的聚合提示，點擊可以快速回到頂部進行內容刷新。對於推文來說，發佈成本較低，更新頻率可能越高，及時的反饋更容易觸發用戶間互動行為。頂部提示更新的方式可以在不打斷用戶瀏覽路徑的同時，及時提醒用戶有新推文產生，當用戶感興趣時，可以及時獲取內容並與推主產生互動。

3. 內容瀏覽

對用戶體驗而言，瀏覽時干擾越少體驗越好，而對於產品來說，更希望用戶在瀏覽的同時可以有行為數據沉澱或提升其他相關聯功能使用率，增加產品與用戶間的價值關聯。

最常見的行為數據就是點贊評論轉發和關注，這些都直觀的表現出內容的熱度和質量。而目前Twitter也在列表中加入了瀏覽的數據統計，這些都是為了吸引用戶帶來更多的互動。

在皮皮蝦中，點贊行為上有更多有趣的玩法，除了直接點擊後顯示點贊動效外，長按表情還可以觸發多個表態行為，增加產品趣味性和可玩性，滿足用戶個性化表達需求，儀式感十足。

Instagram使用過程中，如果在某一個列錶停留一定時間後，會漸顯出評論入口。停止滑動在列錶停留，在行為上表示用戶可能被內容吸引，此時直接顯示評論入口，降低了原本流程上需要跳轉進詳情頁才能評論的步驟成本。在用戶可能感興趣的時候，評論的概率會更高。

Pinterest以圖片瀑布流為展示方式，內容上只顯示圖片和標題內容，方便用戶沉浸式圖片瀏覽和提升查找效率。當長按圖片時，可以喚起更多的操作方式，圖片的顯示方式層級最高，方便用戶聚焦於對當前圖片的處理。根據用戶不同交互階段的信息優先級不同，對體驗細節進行設計。

4. 消息提醒

消息通知最高頻的是IM類產品（實時通訊），比如QQ、微信，而企業習協作平台，如飛書，釘釘也加入了溝通功能。

實時通信系統允許兩人或多人使用網絡實時的傳遞文字消息、文件、語音與視頻交流，可交流信息較多，這就帶來了重要信息的查看以及多人群消息的高頻干擾問題。

一般情況下消息列表是以時間為排序規則，當需要提升某個列表消息優先級時，可以使用置頂功能打亂排序，增加重要信息的顯示。

微信中加入了關注的群成員功能，可以在群消息免打擾的條件下進行指定成員的通知，飛書中加入了@所有人的消息不進行提示的通知屏蔽，這些都是更細化場景下產品的功能支持，來滿足不同需求用戶的使用體驗。

5. 網絡環境

在互聯網產品中，與網絡相關的設計是一個常見的問題。除了網絡異常的處理設計，直播和視頻類型的產品對網絡的要求也非常高。在WIFI環境或流量環境下，網絡狀態會直接影響用戶的觀看體驗。

在流量環境下，用戶需要使用自己的數據流量來支持播放。咪咕視頻在移動旗下運營，通過利用手機運營商的優勢，在流量播放狀態下會以模態彈窗的形式提示，將是否繼續播放交由用戶選擇。

儘管咪咕視頻的剩餘流量提示在保證用戶利益方面有着顯著的優勢，但這種設計也存在用戶體驗方面的局限。當提示窗口彈出時，用戶的操作就會被短暫打斷，這也對用戶的播放體驗造成了影響。

目前大部分短視頻產品會在用戶流量環境下進入頁面後繼續播放內容，並Toast提示當前網絡狀態，比如抖音，對於產品運營來說，更希望用戶繼續播放使用產品，優質的內容直接播放也可能吸引用戶，成為用戶繼續使用產品的關鍵。

當然，還有一些APP在流量狀態下繼續播放也不會有提示信息，如YouTube、Instagram、Twitch等，播放方式可能因國別習慣而異。

這就需要設計師針對目標用戶群體的不同特點，進行更微觀、更針對性的調查和研究。了解用戶關注點，達到與用戶期望相符的播放目標，設計適合平台的最佳體驗方式。

在移動流量中，又有通用流量和定向流量的區分，定向流量指在使用特定的手機APP、內容時，所使用的流量不會從通用流量中扣除，一般這種流量類型價格較低，也就是運營商宣傳的免流量播放。

在鬥魚中會有免流量服務的Toast代替流量環境的提示，在提示文案上降低用戶心理負擔。相對於臨時性的提示方式，在長時間的播放方式中狀態可能存在不夠清晰的問題。

虎牙的處理方式是判斷具備定向流量狀態後，在免流量服務提示的同時會進入專屬線路，當用戶切換其他線路時再進行模態提示，即保證了用戶流暢的播放流程又確保用戶利益不受損失。

而在騰訊視頻中，會在導航欄增加運營商icon的常駐顯示來提示用戶，點擊時會再次Toast提示當前的免流量環境，也符合輕量提醒並可隨時了解當前網絡狀態的設計。

對於部分用戶來說，非WIFI環境播放帶來的大量流量消耗可能會成為顧慮點，因此在設計上需要考慮用明顯的提示來告知用戶當前是免流量環境，引導用戶放心播放使用。

6. 時間變化

因時間變化的微交互常見於深色模式的使用，自iOS 13發佈支持深色模式以來，越來越多的產品開始支持切換淺色和深色模式，配合系統自動觸發以匹配白天和黑夜環境光的變化。

有些產品還提供了手動選擇的方式，允許用戶在單獨APP上自由選擇背景色，支持用戶更多自定義場景的體驗，比如什麼值得買。

對於需要長時間閱讀的電子書閱讀器，需要提供更多功能以營造沉浸式的閱讀環境，幫助用戶在符合自身最舒適的狀態下進行閱讀。除了深色模式，微信讀書還支持調整屏幕亮度、自定義背景等個性化功能，用來適應不同時間段外界自然光對屏幕的影響，在很大程度上緩解了用戶的眼部疲勞，提升閱讀體驗。