好的UI設計，能提升用戶體驗，也能為作品加分！

Sponsor

01、導語

體驗設計的本質是服務設計，服務于用戶與企業。幾乎所有的產品與功能，都是通過用戶場景與業務發展的結合而產生的。想要做好產品體驗設計，我們繞不開「用戶場景」。而用戶場景的核心是用戶即人性，一切產品功能的設計都是圍繞“人”展開。人性的呈現是多種多樣的，想要設計一個體驗良好的產品，設計者需要深刻洞察用戶不同層次、不同維度的需求，理解人群的生理、心理差異以及場景的特殊性，精準的提供設計服務以滿足用戶。

02、案例分享

1.?反悔機制設計-讓用戶有后悔的機會

反悔機制屬于容錯設計，容錯性設計主要分3個階段：引導 – 報錯 – 解決。反悔設計對應容錯里的“解決”。主要為了解決免用戶因錯誤操作造成的不良后果，讓用戶有彌補誤操作的機會。用戶在產品使用中體驗重新開始，這會增強用戶的滿足感、掌控感。

???叮咚買菜的「追加商品」：

大家應該都體會過買完菜之后才發現漏買了某件商品，遇到這種情況，要么是整單取消再重新下單，要么就放棄漏買的商品?！缸芳由唐贰构δ?，讓用戶對于自己的粗心，有了彌補的機會：只要在規定時間內追加漏買的商品即可。

2.??適老化設計不只放大字體-走心才能更貼心

大部分老年人都存在一定程度的視覺、聽覺、行動以及認知等多方面的障礙。在適老化設計中，放大字體是最基礎體驗。

2021年10月，國家工信部發布《移動互聯網應用（APP）適老化改造調研報告》顯示，調大字體的APP改造只是對老人需求的表層理解。想要真正幫助老年人使用APP需要從多方面改進：信息多感官觸達、降低信息理解成本、提升產品易用性等。

??美團助老打車的語音提醒：

美團助老打車的頁面中，不只是對文字進行了放大處理，還增加了語音朗讀。通過視覺、聽覺多感官觸達幫助老年人更準確得接收信息，完成產品功能使用。

3.? 預判用戶所需-功能前置

在產品的典型場景中，主流用戶的行為路徑是可預判的。一個好的預判設計可以給用戶在使用產品時起到引導作用、提升產品易用性。通過對場景中用戶行為的預判，將用戶高頻操作的功能前置，可以有效縮短用戶行為路徑，進而提升用戶體驗。

??餓了么首頁卡片：

當用戶有外賣訂單時，最高頻查看的信息應該就是外賣的配送情況。該場景中，首頁前置展示配送信息，讓用戶高效獲得即時信息，避免焦慮，也省去前往訂單頁查看配送狀態的繁瑣操作。

4.??視聽觸協同-映射現實場景

人是多感官生物，通過多個感官協作來接收外界信息。自然的聲音、觸感可以反映出人與物體之間復雜的交互關系。通過視聽觸的協同，能讓用戶更加真實的感受到產品對物理世界的映射。將產品功能設計成熟悉的物品，這樣做可以使用戶更容易接受、易于學習。當然也豐富了用戶與產品交互過程中的趣味性。

??網易云播客頻道：

在滑動切換播客頻道時，可以同時感受到3個緯度的反饋：顏色變化、震動觸感、播客音頻變化。三者協同作用，給用戶模擬出現實世界中調頻的體感，使得交互過程更加生動自然且有趣。

5.??場景化文案-傳遞關懷

當用戶的基本需求被滿足，情緒價值的提供就變得尤為重要。文字一直以來都是是我們傳遞信息、表達情感的重要媒介。結合產品功能與用戶所處場景，可以通過溫暖且有趣的文案向用戶表達情感、傳遞關懷。如果運用得當還能達到意想不到的效果。

??騰訊視頻App：

在騰訊APP追劇時，零點過后時間顯示文案會從原來的「凌晨XX:XX」變為「夜深了XX:XX」。后者顯得更有溫度，讓用戶感受到關懷：夜深了，要早點休息。這一功能還引發了很多網友在微博截屏分享，達到了不錯傳播效果。

6.??巧用交互動效-讓用戶對功能更聚焦

巧妙運用動效可以更清晰地向用戶傳遞界面元素之間的層級關系。通過動效，設計師有了更多的設計空間去簡化復雜功能?，以更合理的方式展現功能。相較于靜態展示，動態交互使用戶能更及時的感受到當前狀態變化，進一步加強用戶對操作行為的感知。同時通過手勢與產品進行動態交流，也能提升用戶在產品使用中的參與感。

??美團商家列表：

美團商家列表中的推薦商家，會展示菜單。用戶可以通過滑動交互快速查看推薦菜。用戶在跟手操作的實時動效中，可以明顯感知當前模塊內容的層級關系。實時的動效反饋也讓用戶對當前模塊內容更聚焦。

7.? 縮短交互路徑-為用戶“減負”

我們處于信息爆炸的時代，產品信息越來越龐雜。不僅是文字、視覺信息要進行降噪，用戶在產品中的交互也需要“減負”。結合不同的需求與場景，減少冗余步驟，簡化操作流程，緩解用戶在產品使用過程中的操作負擔，進一步提升平臺轉化率和用戶體驗。

??智行汽車票新增乘客：

在新用戶下單場景中，用戶點擊“添加乘客“后，會在當前模塊直接展示新增乘客的信息填寫區域，以幫助用戶快速完成添加乘客，降低用戶下單過程中的操作成本，提升下單轉化率。

8.??國際化設計方案

越是成熟的產品，越需要設計師思考國際化設計和本地化設計差異點。由于宗教、語言、文化等差異，即使是使用同一款產品，本土用戶與海外用戶的使用體驗也存在著較大差異。其中，不同國家之間的語言差異就是每一個出海產品繞不開的問題之一。

??微信公眾號全文翻譯：

當手機系統語言處于英文環境，閱讀中文公眾號時，在頁面頂部會提供“全文翻譯”的功能，讓海外用戶也能夠閱讀文章。不僅如此，在中文翻譯成英文過程中，文字的字號和間距同時進行了微調，進一步提升了閱讀舒適性。

03、最后

文章中的案例與思考來自于我們的日常分享??。

后續我們將持續深度體驗產品，挖掘更多值得分享、學習的設計案例。努力將其中的方法理論應用到智行APP后續的產品設計中。

愿我們的努力為你帶來更好的體驗。

*文中配圖來源于各APP內截圖，版權歸原作者所有

來源 | 智行ZXD設計中心 (微信ID：gh_0a95e60710b1)

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。