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

一、案例分享

1. Taco Bell-別出心裁的空狀態(tài)設(shè)計

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

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

2. Swiggy-創(chuàng)意打賞動效，狠狠共情了

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

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

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

3. Zomato-情感化設(shè)計

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

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

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

4. Cubox-有溫度的年度閱讀總結(jié)

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

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

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

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

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

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

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

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

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

最后要說的話

本期的設(shè)計分享就到這里啦。

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

作者：智行ZXD設(shè)計中心