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

一、案例分享

1. NAVER-可交互式 banner

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、最后要說的話

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

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

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

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

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