我們在使用一個産品時，體驗好的地方可能來自于更及時的回報、更清晰的内容展示等諸多産品的設計亮點。本文總結了産品使用場景中的一些體驗細節，一起來看看吧。
使用者體驗是指使用者使用一個産品或服務的過程中内心的真實感受，好的體驗方式是超出使用者的預期，并能到來正向的情緒感覺。
我們在使用一個産品中感覺體驗好的地方可能來自于更及時的回報、更清晰的内容展示等諸多産品的設計亮點，每一個産品在不同場景中的設計政策，都蘊含着設計師的深入思考和精心考量。
一、如何描述使用者體驗？
在不同的使用者使用場景中，設計師需要盡可能真實且完整描述出使用者的使用過程，清楚了解使用者的意圖，用來輔助決策設計方案，增加說服力。
在《簡約至上：互動式設計四政策》中描述使用者核心體驗方式以故事的形式進行表達，“在研究某個問題的時候，與一大堆需求描述相比，故事更容易讓讀者明白什麼重要和為什麼重要。”
故事的描述方式大緻可以分為三個層次：可信的環境、可信的角色和流暢的情節。
當描述使用者的體驗故事時，需要了解目标使用者的群體特征，産品使用的實際場景以及使用者如何使用的過程，關注産品體驗過程中的互動方式，分析可優化的方向。
有必要多花點時間了解故事的每一個細節，将細節描述轉變成更簡單的設計，好的使用者體驗是從細節開始，并且貫穿使用過程。
在目前網際網路大環境中，使用者群體有很大的相似度，各個公司産品功能、使用者需求的實作方式差異化不大，細節往往是影響使用者體驗和感覺的地方，正因為這樣，了解和挖掘，變得尤為關鍵。設計方式也是在不斷的探索和優化細節中更新疊代。
以滾動功能為例，開始引入滾動條時隻能一行一行地滾動，會有明顯的卡頓，之後經過不斷的優化，變成可以一個像素一個像素地滾動。随着文檔内容變多頁面變長，滾動條上又增加一個箭頭圖示，點選可以直接跳轉到底部。此外，還會出現一個提示條，告訴你目前在文檔中的什麼位置。
觸控闆和移動裝置中的觸摸屏技術發展帶來的不同互動方式又推動了體驗提升。可以通過手指滑上滑下來滾動界面，蘋果還不惜引發衆怒地隐藏了滾動條，細化使用場景，隻在滾動過程中或者在光标靠近可滾動視窗右邊界時才顯示它。
通過設計師不斷的優化細節體驗，推動了滾動功能互動方式持續發展。
商業産品的設計政策受到産品定位，營運政策，技術實作能力影響，需要同時與使用者體驗以及開發成本進行權衡，在確定産品收益的同時，最大限度的對體驗細節進行思考和提升。
在《微互動：細節設計成就卓越産品》 中将使用者與産品互動過程的衆多細節設計稱為微互動，一個産品由衆多微互動構成。
微互動就是産品那些功能性的細節。專注于微互動是創造優秀使用者體驗的方式。
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上自由選擇背景色，支援使用者更多自定義場景的體驗，比如什麼值得買。
對于需要長時間閱讀的電子書閱讀器，需要提供更多功能以營造沉浸式的閱讀環境，幫助使用者在符合自身最舒适的狀态下進行閱讀。除了深色模式，微信讀書還支援調整螢幕亮度、自定義背景等個性化功能，用來适應不同時間段外界自然光對螢幕的影響，在很大程度上緩解了使用者的眼部疲勞，提升閱讀體驗。
本文由 @黑黑 原創釋出于人人都是産品經理，未經許可，禁止轉載
題圖來自Unsplash，基于CC0協定
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務。