本期我們將再次放眼海外，看看海外產(chǎn)品在交互體驗(yàn)和動效設(shè)計上有哪些有意思的創(chuàng)新吧！

一、案例分享

1. NAVER-可交互式 banner

NAVER 首頁根據(jù)實(shí)時熱點(diǎn)，推出可互動式 banner，利用動效提示和部分遮擋吸引用戶注意力，滑動之后展示營銷海報，點(diǎn)擊關(guān)閉還可原始狀態(tài)，操作十分順滑：

1. 吸引用戶注意力：利用抖動的氣泡和箭頭吸引用戶注意力，引導(dǎo)用戶向左滑動，用簡約風(fēng)格展示主體，露出部分營銷風(fēng)格形成鮮明的反差。
2. 刮刮樂式 banner 互動：新穎的交互方式，用戶可隨時控制滑動進(jìn)度，滑動后上下展開露出動態(tài)營銷 banner。對于不感興趣用戶呈現(xiàn)簡版不做過多打擾，對于感興趣用戶滑動呈現(xiàn)繁版展示更多信息，同時點(diǎn)擊關(guān)閉還可隨時進(jìn)行切換，增加可玩性。

2. Agoda-優(yōu)惠券標(biāo)簽

當(dāng)用戶在 Agoda 上搜索酒店，在列表頁加載出酒店結(jié)果時，隨即觸發(fā)使用優(yōu)惠券動效。

1. 強(qiáng)化錨定效應(yīng)：利用動效將用戶首次進(jìn)來時的注意力鎖定在價格信息上，強(qiáng)化了價差與優(yōu)惠券數(shù)量，容易讓用戶產(chǎn)生優(yōu)惠力度大的印象，促進(jìn)下單決策。
2. 行業(yè)創(chuàng)新：創(chuàng)新的動效及信息設(shè)計，與行業(yè)內(nèi)的競品形成差異化，強(qiáng)化了低價定位，為品牌力賦能。

3. Airbnb-列表頁新增直達(dá)房客評價的按鈕

Airbnb 在列表頁房屋圖片的左下角新增書本樣式圖標(biāo)，用戶只需點(diǎn)擊該圖標(biāo)即可進(jìn)入房屋相關(guān)信息介紹頁，查看房東信息和房客評價等重要的參考信息。

1. 增強(qiáng)用戶體驗(yàn)：書本圖標(biāo)的點(diǎn)擊效果使整體頁面效果更具動感，增強(qiáng)用戶體驗(yàn)感受，吸引用戶點(diǎn)擊。
2. 縮短交互路徑：相較于傳統(tǒng)的需要點(diǎn)進(jìn)層層頁面才能看到訪客評價的模式，這一改進(jìn)提供直達(dá)關(guān)鍵信息入口，提高用戶獲取信息的效率。
3. 強(qiáng)調(diào)商品關(guān)鍵詞：列表頁圖片左上角新增了關(guān)鍵詞標(biāo)簽，例如“超贊房東”和“房客推薦”，有助于用戶精準(zhǔn)定位。

4. Zomato-動效提升會員獲得感

Zomato app 的付費(fèi)會員的視覺風(fēng)格凸顯會員尊貴，用戶開通后會觸發(fā)儀式感動效。

1. 增強(qiáng)會員尊貴感：黑金配色搭配文字光效讓頭部會員模塊更具質(zhì)感，整個頁面充滿會員的尊貴感，會員標(biāo)識為扁平的皇冠元素，結(jié)合背景簡單的幾何元素打造會員的記憶點(diǎn)。
2. 正向情感調(diào)動：用戶開啟會員體驗(yàn)后，用有金屬光澤的元素結(jié)合撒花動效，給予用戶正向的情感反饋，強(qiáng)化會員的身份獲得感。

5. TooGoodToGo-動態(tài)價格產(chǎn)品

TooGoodToGo 是一款在 Google 應(yīng)用市場排名第一的減少食物浪費(fèi)的應(yīng)用程序，用戶可以低價購買身邊商店、咖啡館、雜貨店和餐館未售出的食物。平臺推出“動態(tài)價格”產(chǎn)品，以更低價幫助銷售，以此避免食物浪費(fèi)。

1. 價值導(dǎo)向的信息設(shè)計：作為定位一項(xiàng)環(huán)保舉措的應(yīng)用程序，文案及圖形設(shè)計都避免以降價折扣為營銷側(cè)重點(diǎn)。圖形上以驚喜感吸引用戶，文案上緊貼環(huán)保，以價值驅(qū)動用戶決策。
2. 動效強(qiáng)化記憶，傳遞驚喜情緒：在首頁以動效吸引用戶，完成新標(biāo)簽的用戶教育，在商品詳情頁的價格處延續(xù)動效，強(qiáng)化了標(biāo)簽記憶，同時喚起用戶的驚喜情緒。

二、最后要說的話

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

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

后續(xù)我們將持續(xù)深度體驗(yàn)產(chǎn)品，挖掘更多值得分享、學(xué)習(xí)的設(shè)計案例。努力將其中的方法理論應(yīng)用到智行 APP 后續(xù)的產(chǎn)品設(shè)計中。

愿我們的努力為你帶來更好的體驗(yàn)。下周二見。

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