一、導語

Hi~大家好，歡迎來到本期的設計分享充電時間～作為誕生在這個信息爆炸的時代的設計師，是不是經常為以下問題想到頭禿：“如何高效地傳遞信息？”、“如何巧妙地引導用戶使用新功能？”、“如何讓自家產品脫穎而出并被記住？”...本期我們就從交互創新、信息可視化、趣味設計及點贊設計中的小心機這四個方向為大家整理了各大 App 的優秀案例分析，讓我們一起從這些成熟的設計方案中學習設計思路，汲取靈感。一起來看看吧～

更多設計細節：

二、案例分享

1. 交互創新 - 讓產品更便捷

交互是用戶與產品交流互動的雙向過程，需要站在以人為本的角度為用戶考慮，從不同的角度提升用戶的使用體驗。在移動應用中，自然交互是設計師常用的方式之一，通過手勢交互、語音交互等自然的交互形式，讓用戶更加自然便捷地使用產品；除自然交互外，情感化設計是與用戶建立情感連接的重要角色，關注用戶的真實訴求能夠在用戶的情感體驗上積極反饋，在頁面布局、交互引導、觸覺反饋等方式讓用戶感受到被重視，提供更智能高效的用戶體驗。

①極有家-買家秀的手勢交互

在線上購物時，買家秀是大家進行下單決策的重要參考依據，極有家將「買家秀模塊」新增到商品效果圖的后面，并展示多條圖文評價，在用戶查看完商品圖片后可以直接橫滑查看評價，運用手勢交互方便用戶對比，為用戶提供更加便捷高效的購物體驗。

②淘寶-商品詳情頁信息展示

淘寶的商品詳情頁改版了，將用戶更關心的商品材質、規格、款式、尺寸等信息前置，在首屏露出完整的商品信息，并采用了信息可視化的方式更高效精準地告知用戶商品的信息，有效幫助用戶選購商品，助力用戶決策。

③95 分-賣閑置功能引導

首次在網上出售閑置物品時，上傳符合要求的物品和細節圖是決定其他用戶購買與否的重要因素。在 95 分里使用賣閑置功能里的自己拍圖賣時，通過實物示例、虛線框、小 tips 等提示引導用戶對閑置物品進行詳細拍攝，用可視化的方式為用戶提供了人性化的引導，降低用戶的操作門檻，提升用戶體驗的同時也提高了上架的通過效率。

三、信息可視化 - 讓信息獲取更高效

“可視化并不僅僅是一種工具，而更像是一種媒介，能最大化幫助我們挖掘數字背后的信息，讓數據開口講故事。”

信息可視化通過直觀且易理解的呈現方式，提升用戶體驗和決策的效果。讓我們結合實際案例了解如何將可視化設計應用于 UI 設計中，為用戶帶來更好的體驗吧~

①麥當勞-點餐動畫 & 積分兌換設計

麥當勞的設計咱是得夸一夸。在 App 里點套餐更換搭配的時候，會有動效進行及時反饋，不論是列表里食物選中態的背景框移動，還是食物從列表里飛到頭圖進行對應的替換，流暢的視覺動線指引讓點餐體驗 Up！Up！

在積分兌換的設計中， 等價的商品會用實物圖的形式在餐盤上展示，還原了實際用餐場景，誘惑十足。切換時，結合商品的變化及積分的階梯遞增，更直觀的表現差異，也更好地提升用戶集積分的積極性。（不說了，麥門信徒這就一天三頓麥當當）

②高德-風景路線動效提示

高德地圖步行導航到風景優美的路段時，會在路線上用氣泡標注風景區，并有動效提示用戶該路段風景優美，可悉心觀賞。在充足的信息可視化的同時也兼顧情感化的設計，細心又貼心~

四、趣味設計 - 讓產品變好玩

在 KANO 模型中，需求分為基本型需求、期望值需求和魅力型需求等，在產品可以滿足產品的基本需求后，融入契合產品調性的趣味化設計能夠極大地滿足用戶的魅力需求。這種不會被用戶過分期望的趣味設計，能夠作為產品與用戶的情感紐帶，顯著地提升用戶對產品的好感和滿意度。

①航旅縱橫-飛行狀態設置

乘坐高鐵飛機出行時，除了座位的位置、座椅舒適度之外，鄰座往往也是影響旅行體驗的因素之一。航旅縱橫飛機選座時支持選擇飛行狀態，包含“帶娃”“社牛”“社恐”等多種個性化狀態，以可視化手段幫助乘客選座時有了更多維度的參考，提升選座體驗同時增加了趣味性和社交性。（OS：真是 i 人出行的一大福音！）

②閑魚-海鮮市場趣味標簽

閑魚的海鮮市場集中了最新的交易熱點和交易形式，讓更多人分享閑置交易的樂趣。話題切換的標簽設計結合了相對應的動效 Icon，生動幽默，情感化同時營造了輕松的發帖交易氛圍。

④有道詞典-蜘蛛俠沉浸式電影彩蛋

提升用戶搜索熱門詞匯的體驗感和趣味性，越來越多的產品會選擇在熱門搜索場景埋藏小彩蛋，動效的呈現方式也越來越豐富和沉浸。在有道詞典中輸入“蜘蛛俠”能夠觸發彩蛋，動效設計結合手機屏幕碎裂的效果帶給用戶身臨其境的感受。

五、點贊設計中的小心機

“點贊”是移動互聯網時代熱門的交互方式，能夠快速簡單地表達對內容的認可和贊同，同時滿足用戶被關注被認同的精神需求。“點贊”已經成為了社交網絡的必要功能，很多優秀的產品也在逐步探索創新，通過更加趣味性的設計、更具氛圍感的效果及更生動有趣的動效來傳遞用戶的贊賞與反饋，鼓勵用戶進行更多的點贊社交。

①收獲滿屏儀式感氛圍-小宇宙公告點贊

小宇宙的節目公告發布后，訂閱節目的聽眾會收到一條提醒通知，可以通過公告下方的點贊、愛心、歡呼等進行互動，全屏的動效可愛有趣，點擊后很有儀式氛圍感。

①點贊的個性多樣化表達-小宇宙&即刻

點贊使用單一的大拇指或愛心形象難以承載除喜愛以外的情緒，因此使用更多的個性化手段來表達個人對作者觀點的認同、包容和鼓勵成為了越來越多產品的設計思路。小宇宙的點贊圖標根據用戶發布內容語義的不同生成不同形狀的 icon，除了常規的愛心圖標，還會出現笑臉、靈光乍現等有意思的 icon。

即刻會根據用戶發布的動態內容和添加的標簽，設計不同的點贊樣式，同時能夠幫助對應帖子涉及的活動進行曝光。

結語

以上就是本期的全部內容啦！在學習這些優秀案例的同時是不是也有被這些精巧又有趣的設計激勵到！愿我們在深入探索用設計解決復雜問題的過程中，也都大膽發揮創意，期待見到大家的有趣優秀的設計作品！Day day up！！

歡迎關注作者微信公眾號：「智行ZXD設計中心」