文章中的案例與思考來自于智行 UED 同學的日常分享。

一、案例分享

1. Taco Bell-別出心裁的空狀態設計

Taco Bell 是一個墨西哥式食品連鎖餐飲品牌，最著名的產品為墨西哥夾餅（Taco）。Taco Bell APP 巧妙地將擬人化的 Taco 形象與空狀態結合，有辨識度的形象展現出 Taco Bell 的品牌特色。通過動效的方式，構建了一個生動有趣故事場景，高效的緩解了用戶的焦慮情緒。

1. 融入業務屬性，打造品牌感：在無網絡的場景下，空狀態頁面的插畫結合擬人化的 Taco 形象，突出 Taco Bell 的品牌特色，加強品牌透傳，提升品牌記憶度。
2. 生動有趣的動效表達：畫面上是微笑的 Taco 在奔跑時摔倒，Taco 的餡料掉了一地，配合 Uh-oh 的文案趣味滿滿，給予用戶正向的情緒關懷，緩解用戶在無網絡場景下的焦慮。

2. Swiggy-創意打賞動效，狠狠共情了

Swiggy 為了激勵用戶打賞外賣小哥，在小費模塊融入了有趣的動效設計，直觀傳達出外賣員的情緒，提高用戶的互動率，分為兩個階段：

① 打賞前，讓用戶共情外賣工作的艱辛：動畫包括 4 個場景，依次是高樓林立的送達地址、快遞小哥辛苦爬樓、疲憊地擦汗、繼續風雨無阻地送外賣。

② 打賞后，展現外賣員溢于言表的開心：右側插圖，外賣員竊喜比心；動效上，外賣員從左往右騎車登場，雙手舉起、歡呼雀躍，搭配彩帶噴散，儀式感拉滿。

3. Zomato-情感化設計

Zomato 為了更好地與用戶建立情感連接，緩解用戶在負面場景下的情緒波動，設計了不同的情感化反饋頁。

① 緩解用戶的挫敗感：當前地址超出配送范圍時，會有精心設計的告罄掛牌動效和情感化的文案“Wish you were CLOSER（但愿你住的近些）”，有效地緩解了用戶在遇到配送限制時的失落感，減少了負面情緒的產生。

② 強化品牌親和力：下單時店鋪打烊了，平臺 IP 形象西紅柿露出委屈的表情動作，這不僅有效緩解了用戶的即時情緒，還在無形中拉近了與用戶之間的距離，旁邊有一個較大的 closed 立牌，清晰傳達打烊信息，幫助用戶清晰了解情況。

4. Cubox-有溫度的年度閱讀總結

Cubox 的年度總結，通過可視化設計從閱讀數量、時間、來源等幾個維度總結了用戶的閱讀情況。

1. 讓用戶收獲滿滿的成就感：通過數據的可視化呈現，Cubox 將用戶一年來的閱讀成果轉化為直觀的視覺體驗，讓用戶感受到自己的閱讀積累，收獲到滿滿的成就感，是一種對用戶努力的肯定和激勵。
2. 增強用戶與平臺的情感連接：Cubox 溫暖而富有情感的設計，傳達了閱讀的溫度，讓數據不再冰冷，加深了用戶與平臺之間的情感連接，使 Cubox 的品牌形象更加親近和人性化。

5. Signal-插畫也可以抖機靈！

Signal 為“邀請朋友”和“出現一下“功能繪制趣味性插畫。以世界名畫和日常生活趣事為靈感，體現功能特點，為頁面注入文化氣息和幽默元素。

1. 抖機靈可以很藝術！左側插畫靈感來源于世界名畫《創造亞當》，畫面中人物模仿上帝和亞當對彼此伸手的經典造型，體現接納，包容的態度。說明該功能旨在幫助用戶與他人建立穩定，包容的友誼。
2. 抖機靈也可以接地氣！右側插畫靈感來源于日常生活趣事，畫面中男生被朋友推出來，從而獲得女生的注意，傳達了“勇敢走出去，才會有故事”的用意，鼓勵用戶使用該功能，從而收獲新朋友。

6. Gojek-一個有人情味的 app

Gojek 通過插畫讓用戶看到每一筆訂單的完成都離不開工作人員的付出。同時使用情感化文案，用親切，負責的態度與用戶交流，增強用戶對于平臺的理解和信任。

① 展示背后的故事，增加人情味：在頁面中展示以工作人員為主角的插畫，體現其工作內容和熱情積極的工作面貌。讓用戶感受到每一筆訂單完成不易，從而實現用戶與平臺的互相理解。

② 使用情感化文案，體現親和力：當被查詢路線不存在時，會跳出說明彈窗，大意為“我們還沒到達這里，但是當我們去的時候，你一定要和我們在一起”。充滿親和力，給予用戶承諾，緩解負面情緒。

最后要說的話

本期的設計分享就到這里啦。

文章中的案例與思考來自于智行 UED 同學的日常分享。

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

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

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