用戶體驗(yàn)是指用戶使用一個(gè)產(chǎn)品或服務(wù)的過(guò)程中內(nèi)心的真實(shí)感受，好的體驗(yàn)方式是超出用戶的預(yù)期，并能到來(lái)正向的情緒感知。

我們?cè)谑褂靡粋€(gè)產(chǎn)品中感覺(jué)體驗(yàn)好的地方可能來(lái)自于更及時(shí)的反饋、更清晰的內(nèi)容展示等諸多產(chǎn)品的設(shè)計(jì)亮點(diǎn)，每一個(gè)產(chǎn)品在不同場(chǎng)景中的設(shè)計(jì)策略，都蘊(yùn)含著設(shè)計(jì)師的深入思考和精心考量。

更多體驗(yàn)細(xì)節(jié)拆解：

一、如何描述用戶體驗(yàn)？

在不同的用戶使用場(chǎng)景中，設(shè)計(jì)師需要盡可能真實(shí)且完整描述出用戶的使用過(guò)程，清楚了解用戶的意圖，用來(lái)輔助決策設(shè)計(jì)方案，增加說(shuō)服力。

在《簡(jiǎn)約至上：交互式設(shè)計(jì)四策略》中描述用戶核心體驗(yàn)方式以故事的形式進(jìn)行表達(dá)，“在研究某個(gè)問(wèn)題的時(shí)候，與一大堆需求描述相比，故事更容易讓讀者明白什么重要和為什么重要?！?/p>

故事的描述方式大致可以分為三個(gè)層次：可信的環(huán)境、可信的角色和流暢的情節(jié)。

當(dāng)描述用戶的體驗(yàn)故事時(shí)，需要了解目標(biāo)用戶的群體特征，產(chǎn)品使用的實(shí)際場(chǎng)景以及用戶如何使用的過(guò)程，關(guān)注產(chǎn)品體驗(yàn)過(guò)程中的交互方式，分析可優(yōu)化的方向。

有必要多花點(diǎn)時(shí)間了解故事的每一個(gè)細(xì)節(jié)，將細(xì)節(jié)描述轉(zhuǎn)變成更簡(jiǎn)單的設(shè)計(jì)，好的用戶體驗(yàn)是從細(xì)節(jié)開(kāi)始，并且貫穿使用過(guò)程。

在目前互聯(lián)網(wǎng)大環(huán)境中，用戶群體有很大的相似度，各個(gè)公司產(chǎn)品功能、用戶需求的實(shí)現(xiàn)方式差異化不大，細(xì)節(jié)往往是影響用戶體驗(yàn)和感知的地方，正因?yàn)檫@樣，理解和挖掘產(chǎn)品使用場(chǎng)景中的體驗(yàn)細(xì)節(jié)，變得尤為關(guān)鍵。設(shè)計(jì)方式也是在不斷的探索和優(yōu)化細(xì)節(jié)中更新迭代。

以滾動(dòng)功能為例，開(kāi)始引入滾動(dòng)條時(shí)只能一行一行地滾動(dòng)，會(huì)有明顯的卡頓，之后經(jīng)過(guò)不斷的優(yōu)化，變成可以一個(gè)像素一個(gè)像素地滾動(dòng)。隨著文檔內(nèi)容變多頁(yè)面變長(zhǎng)，滾動(dòng)條上又增加一個(gè)箭頭圖標(biāo)，點(diǎn)擊可以直接跳轉(zhuǎn)到底部。此外，還會(huì)出現(xiàn)一個(gè)提示條，告訴你當(dāng)前在文檔中的什么位置。

觸控板和移動(dòng)設(shè)備中的觸摸屏技術(shù)發(fā)展帶來(lái)的不同交互方式又推動(dòng)了體驗(yàn)提升?？梢酝ㄟ^(guò)手指滑上滑下來(lái)滾動(dòng)界面，蘋(píng)果還不惜引發(fā)眾怒地隱藏了滾動(dòng)條，細(xì)化使用場(chǎng)景，只在滾動(dòng)過(guò)程中或者在光標(biāo)靠近可滾動(dòng)窗口右邊界時(shí)才顯示它。

通過(guò)設(shè)計(jì)師不斷的優(yōu)化細(xì)節(jié)體驗(yàn)，推動(dòng)了滾動(dòng)功能交互方式持續(xù)發(fā)展。

商業(yè)產(chǎn)品的設(shè)計(jì)策略受到產(chǎn)品定位，運(yùn)營(yíng)策略，技術(shù)實(shí)現(xiàn)能力影響，需要同時(shí)與用戶體驗(yàn)以及開(kāi)發(fā)成本進(jìn)行權(quán)衡，在確保產(chǎn)品收益的同時(shí)，最大限度的對(duì)體驗(yàn)細(xì)節(jié)進(jìn)行思考和提升。

在《微交互：細(xì)節(jié)設(shè)計(jì)成就卓越產(chǎn)品》 中將用戶與產(chǎn)品交互過(guò)程的眾多細(xì)節(jié)設(shè)計(jì)稱為微交互，一個(gè)產(chǎn)品由眾多微交互構(gòu)成。

“微交互就是產(chǎn)品那些功能性的細(xì)節(jié)。專注于微交互是創(chuàng)造優(yōu)秀用戶體驗(yàn)的方式?！?/p>

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

一個(gè)微交互由四個(gè)部分構(gòu)成：觸發(fā)器啟動(dòng)微交互、規(guī)則規(guī)定微交互如何起作用、反饋傳達(dá)規(guī)則信息，而循環(huán)和模式構(gòu)成微交互的元規(guī)則。

一個(gè)完整的微交互過(guò)程需要有清晰易懂的觸發(fā)器，可由手動(dòng)或系統(tǒng)自動(dòng)觸發(fā)。規(guī)則是微交互模型的非技術(shù)層面，規(guī)定了微交互能怎么用，不能怎么用，潛移默化引導(dǎo)用戶完成交互過(guò)程，觸發(fā)后的反饋結(jié)果要盡可能符合用戶認(rèn)知和滿足預(yù)期。

循環(huán)與模式指的是微交互隨著時(shí)間推移會(huì)怎么樣，比如像響鈴，靜音開(kāi)關(guān)那樣，交互狀態(tài)要等到手動(dòng)關(guān)閉才結(jié)束，還是說(shuō)等一小會(huì)兒就退出交互狀態(tài)。當(dāng)有事件打斷交互時(shí)或者條件變化時(shí)又會(huì)怎么樣的結(jié)果，這些都是微交互需要考慮的后續(xù)發(fā)展?fàn)顟B(tài)。

舉個(gè)簡(jiǎn)單的微交互例子，規(guī)則規(guī)定了用戶不能自主選擇信用卡，而是根據(jù)用戶輸入的卡號(hào)自動(dòng)做出判斷。用戶無(wú)法點(diǎn)擊信用卡，只能在輸入框（觸發(fā)器）輸入卡號(hào)，根據(jù)輸入的數(shù)字會(huì)直接反饋高亮所屬信用卡幫助用戶進(jìn)行核對(duì)，當(dāng)用戶不再輸入時(shí)不會(huì)改變當(dāng)前交互顯示狀態(tài)，而當(dāng)重新刷新打開(kāi)頁(yè)面時(shí)，所輸入內(nèi)容會(huì)被清空恢復(fù)為默認(rèn)的未輸入狀態(tài)。

這些都需要在設(shè)計(jì)前考慮清楚，盡可能完善交互邏輯的嚴(yán)謹(jǐn)性，在各個(gè)使用環(huán)節(jié)足夠清晰易懂，及時(shí)的反饋回應(yīng)，提升用戶使用體驗(yàn)。

用戶的需求，不是一個(gè)人的抽象需求，而是特定場(chǎng)景下的需求。

作為設(shè)計(jì)師，需要分析用戶使用場(chǎng)景中的行為方式，思考在行為流程中各個(gè)細(xì)節(jié)的交互狀態(tài)，以及用戶可能遇到的問(wèn)題，對(duì)功能細(xì)節(jié)進(jìn)行體驗(yàn)上的優(yōu)化，做出符合自身產(chǎn)品需求的設(shè)計(jì)決策。

二、位置變化

在產(chǎn)品中有一些與線下場(chǎng)景相結(jié)合使用的 APP，這就會(huì)涉及到地理位置帶來(lái)的功能影響。比如在大眾點(diǎn)評(píng)中，內(nèi)容推薦的有用性會(huì)與當(dāng)前所處位置有很大關(guān)系，所以當(dāng)位置變化時(shí)會(huì)彈窗提示用戶當(dāng)前位置變化了，讓用戶決定是否切換新位置來(lái)獲取本地資訊。

在高德打車中，當(dāng)輸入的上車位置與當(dāng)前定位較遠(yuǎn)時(shí)，會(huì)判斷用戶是否是為他人進(jìn)行打車，進(jìn)而提供添加不同聯(lián)系人的功能支持來(lái)滿足使用場(chǎng)景。

外賣 APP 與位置關(guān)系也較為重要，這直接影響到餐點(diǎn)送達(dá)的準(zhǔn)確性，所以與電商 APP 收貨地址不同的是，外賣 APP 不會(huì)有默認(rèn)地址的功能，而是會(huì)自動(dòng)定位常用地址或提示填充配送地址，減少配送錯(cuò)地址的情況發(fā)生，影響用餐體驗(yàn)。

三、數(shù)據(jù)更新

進(jìn)入頁(yè)面后自動(dòng)刷新內(nèi)容是比較常見(jiàn)的基礎(chǔ)功能，這樣可以較好保證最新內(nèi)容的用戶觸達(dá)。一般手動(dòng)刷新內(nèi)容是下拉頁(yè)面的交互方式，而內(nèi)容瀏覽是向下 滑動(dòng)進(jìn)行，此時(shí)就會(huì)有再次刷新就需要先返回頂部再進(jìn)行頁(yè)面下拉的步驟較長(zhǎng)問(wèn)題。

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

而在 Twitter 中，刷新是系統(tǒng)一直在自動(dòng)進(jìn)行的，當(dāng)一段時(shí)間內(nèi)有新內(nèi)容時(shí)，頂部會(huì)有推主頭像的聚合提示，點(diǎn)擊可以快速回到頂部進(jìn)行內(nèi)容刷新。對(duì)于推文來(lái)說(shuō)，發(fā)布成本較低，更新頻率可能越高，及時(shí)的反饋更容易觸發(fā)用戶間互動(dòng)行為。頂部提示更新的方式可以在不打斷用戶瀏覽路徑的同時(shí)，及時(shí)提醒用戶有新推文產(chǎn)生，當(dāng)用戶感興趣時(shí)，可以及時(shí)獲取內(nèi)容并與推主產(chǎn)生互動(dòng)。

四、內(nèi)容瀏覽

對(duì)用戶體驗(yàn)而言，瀏覽時(shí)干擾越少體驗(yàn)越好，而對(duì)于產(chǎn)品來(lái)說(shuō)，更希望用戶在瀏覽的同時(shí)可以有行為數(shù)據(jù)沉淀或提升其他相關(guān)聯(lián)功能使用率，增加產(chǎn)品與用戶間的價(jià)值關(guān)聯(lián)。

最常見(jiàn)的行為數(shù)據(jù)就是點(diǎn)贊評(píng)論轉(zhuǎn)發(fā)和關(guān)注，這些都直觀的表現(xiàn)出內(nèi)容的熱度和質(zhì)量。而目前 Twitter 也在列表中加入了瀏覽的數(shù)據(jù)統(tǒng)計(jì)，這些都是為了吸引用戶帶來(lái)更多的互動(dòng)。

在皮皮蝦中，點(diǎn)贊行為上有更多有趣的玩法，除了直接點(diǎn)擊后顯示點(diǎn)贊動(dòng)效外，長(zhǎng)按表情還可以觸發(fā)多個(gè)表態(tài)行為，增加產(chǎn)品趣味性和可玩性，滿足用戶個(gè)性化表達(dá)需求，儀式感十足。

Instagram 使用過(guò)程中，如果在某一個(gè)列表停留一定時(shí)間后，會(huì)漸顯出評(píng)論入口。停止滑動(dòng)在列表停留，在行為上表示用戶可能被內(nèi)容吸引，此時(shí)直接顯示評(píng)論入口，降低了原本流程上需要跳轉(zhuǎn)進(jìn)詳情頁(yè)才能評(píng)論的步驟成本。在用戶可能感興趣的時(shí)候，評(píng)論的概率會(huì)更高。

Pinterest 以圖片瀑布流為展示方式，內(nèi)容上只顯示圖片和標(biāo)題內(nèi)容，方便用戶沉浸式圖片瀏覽和提升查找效率。當(dāng)長(zhǎng)按圖片時(shí)，可以喚起更多的操作方式，圖片的顯示方式層級(jí)最高，方便用戶聚焦于對(duì)當(dāng)前圖片的處理。根據(jù)用戶不同交互階段的信息優(yōu)先級(jí)不同，對(duì)體驗(yàn)細(xì)節(jié)進(jìn)行設(shè)計(jì)。

五、消息提醒

消息通知最高頻的是 IM 類產(chǎn)品（實(shí)時(shí)通訊），比如 QQ、微信，而企業(yè)習(xí)協(xié)作平臺(tái)，如飛書(shū)，釘釘也加入了溝通功能。

實(shí)時(shí)通信系統(tǒng)允許兩人或多人使用網(wǎng)絡(luò)實(shí)時(shí)的傳遞文字消息、文件、語(yǔ)音與視頻交流，可交流信息較多，這就帶來(lái)了重要信息的查看以及多人群消息的高頻干擾問(wèn)題。

一般情況下消息列表是以時(shí)間為排序規(guī)則，當(dāng)需要提升某個(gè)列表消息優(yōu)先級(jí)時(shí)，可以使用置頂功能打亂排序，增加重要信息的顯示。

微信中加入了關(guān)注的群成員功能，可以在群消息免打擾的條件下進(jìn)行指定成員的通知，飛書(shū)中加入了@所有人的消息不進(jìn)行提示的通知屏蔽，這些都是更細(xì)化場(chǎng)景下產(chǎn)品的功能支持，來(lái)滿足不同需求用戶的使用體驗(yàn)。

五、網(wǎng)絡(luò)環(huán)境

在互聯(lián)網(wǎng)產(chǎn)品中，與網(wǎng)絡(luò)相關(guān)的設(shè)計(jì)是一個(gè)常見(jiàn)的問(wèn)題。除了網(wǎng)絡(luò)異常的處理設(shè)計(jì)，直播和視頻類型的產(chǎn)品對(duì)網(wǎng)絡(luò)的要求也非常高。在 WIFI 環(huán)境或流量環(huán)境下，網(wǎng)絡(luò)狀態(tài)會(huì)直接影響用戶的觀看體驗(yàn)。

在流量環(huán)境下，用戶需要使用自己的數(shù)據(jù)流量來(lái)支持播放。咪咕視頻在移動(dòng)旗下運(yùn)營(yíng)，通過(guò)利用手機(jī)運(yùn)營(yíng)商的優(yōu)勢(shì)，在流量播放狀態(tài)下會(huì)以模態(tài)彈窗的形式提示，將是否繼續(xù)播放交由用戶選擇。

盡管咪咕視頻的剩余流量提示在保證用戶利益方面有著顯著的優(yōu)勢(shì)，但這種設(shè)計(jì)也存在用戶體驗(yàn)方面的局限。當(dāng)提示窗口彈出時(shí)，用戶的操作就會(huì)被短暫打斷，這也對(duì)用戶的播放體驗(yàn)造成了影響。

目前大部分短視頻產(chǎn)品會(huì)在用戶流量環(huán)境下進(jìn)入頁(yè)面后繼續(xù)播放內(nèi)容，并 Toast 提示當(dāng)前網(wǎng)絡(luò)狀態(tài)，比如抖音，對(duì)于產(chǎn)品運(yùn)營(yíng)來(lái)說(shuō)，更希望用戶繼續(xù)播放使用產(chǎn)品，優(yōu)質(zhì)的內(nèi)容直接播放也可能吸引用戶，成為用戶繼續(xù)使用產(chǎn)品的關(guān)鍵。

當(dāng)然，還有一些 APP 在流量狀態(tài)下繼續(xù)播放也不會(huì)有提示信息，如 YouTube、Instagram、Twitch 等，播放方式可能因國(guó)別習(xí)慣而異。

這就需要設(shè)計(jì)師針對(duì)目標(biāo)用戶群體的不同特點(diǎn)，進(jìn)行更微觀、更針對(duì)性的調(diào)查和研究。了解用戶關(guān)注點(diǎn)，達(dá)到與用戶期望相符的播放目標(biāo)，設(shè)計(jì)適合平臺(tái)的最佳體驗(yàn)方式。

在移動(dòng)流量中，又有通用流量和定向流量的區(qū)分，定向流量指在使用特定的手機(jī) APP、內(nèi)容時(shí)，所使用的流量不會(huì)從通用流量中扣除，一般這種流量類型價(jià)格較低，也就是運(yùn)營(yíng)商宣傳的免流量播放。

在斗魚(yú)中會(huì)有免流量服務(wù)的 Toast 代替流量環(huán)境的提示，在提示文案上降低用戶心理負(fù)擔(dān)。相對(duì)于臨時(shí)性的提示方式，在長(zhǎng)時(shí)間的播放方式中狀態(tài)可能存在不夠清晰的問(wèn)題。

虎牙的處理方式是判斷具備定向流量狀態(tài)后，在免流量服務(wù)提示的同時(shí)會(huì)進(jìn)入專屬線路，當(dāng)用戶切換其他線路時(shí)再進(jìn)行模態(tài)提示，即保證了用戶流暢的播放流程又確保用戶利益不受損失。

而在騰訊視頻中，會(huì)在導(dǎo)航欄增加運(yùn)營(yíng)商 icon 的常駐顯示來(lái)提示用戶，點(diǎn)擊時(shí)會(huì)再次 Toast 提示當(dāng)前的免流量環(huán)境，也符合輕量提醒并可隨時(shí)了解當(dāng)前網(wǎng)絡(luò)狀態(tài)的設(shè)計(jì)。

對(duì)于部分用戶來(lái)說(shuō)，非 WIFI 環(huán)境播放帶來(lái)的大量流量消耗可能會(huì)成為顧慮點(diǎn)，因此在設(shè)計(jì)上需要考慮用明顯的提示來(lái)告知用戶當(dāng)前是免流量環(huán)境，引導(dǎo)用戶放心播放使用。

六、時(shí)間變化

因時(shí)間變化的微交互常見(jiàn)于深色模式的使用，自 iOS 13 發(fā)布支持深色模式以來(lái)，越來(lái)越多的產(chǎn)品開(kāi)始支持切換淺色和深色模式，配合系統(tǒng)自動(dòng)觸發(fā)以匹配白天和黑夜環(huán)境光的變化。

有些產(chǎn)品還提供了手動(dòng)選擇的方式，允許用戶在單獨(dú) APP 上自由選擇背景色，支持用戶更多自定義場(chǎng)景的體驗(yàn)，比如什么值得買(mǎi)。

對(duì)于需要長(zhǎng)時(shí)間閱讀的電子書(shū)閱讀器，需要提供更多功能以營(yíng)造沉浸式的閱讀環(huán)境，幫助用戶在符合自身最舒適的狀態(tài)下進(jìn)行閱讀。除了深色模式，微信讀書(shū)還支持調(diào)整屏幕亮度、自定義背景等個(gè)性化功能，用來(lái)適應(yīng)不同時(shí)間段外界自然光對(duì)屏幕的影響，在很大程度上緩解了用戶的眼部疲勞，提升閱讀體驗(yàn)。

歡迎關(guān)注作者微信公眾號(hào)：「小饅頭的交互筆記」