Hi 大家好，智行的輕分享專欄來啦～

我們將在這里分享近期一些值得學(xué)習(xí)的線上案例，快來和我們一起發(fā)現(xiàn)隱藏在身邊的動人設(shè)計，get 新靈感！

1. Taveloka：巧妙又有趣的品宣

Taveloka 是一家專注于旅游和票務(wù)的全球旅游平臺。在每次重新進(jìn)入 app 的時候，頭部搜索欄都會播放一遍由 Taveloka 品牌名結(jié)合 logo 的品宣動效。

1. 搜索欄結(jié)合品宣，增強(qiáng)品牌記憶點：通過重復(fù)播放品牌名結(jié)合 logo 的動效，可以加深用戶對 Taveloka 品牌的記憶，提升品牌認(rèn)知度和記憶度。
2. 視覺動線引導(dǎo)：在搜索欄播放品宣動畫，既起到了品宣的效果，同時也可以引導(dǎo)用戶關(guān)注頭部搜索欄（Taveloka 會更推薦搜索欄查詢行程），一舉兩得。

2. TooGoodToGo：簡單換算，碳能量也不難

TooGoodToGo 是一款剩菜盲盒 app，它致力于減少食物浪費。它的主要功能是幫助用戶以優(yōu)惠價格購買到餐廳、咖啡館和超市即將過期或當(dāng)天未售出的食品，從而減少食物浪費。

① 輕量有趣的 icon 動效，輕松抓取注意力：在個人主頁上，采用一筆畫風(fēng)格的圖標(biāo)，保持頁面風(fēng)格統(tǒng)一的同時，增強(qiáng)了視覺趣味性。在信息切換時，采用了跟隨一筆畫圖標(biāo)的筆觸走勢進(jìn)行小動畫銜接，使視覺體驗非常流暢絲滑。

② 置換陌生概念，輔助用戶理解：將歷史購買剩菜盲盒所避免產(chǎn)生的二氧化碳總量換算成電量、完全充電的手機(jī)電池、熱咖啡和電熱水器加熱下的熱水淋浴時間這四種生活中更常見的概念和單位，幫助用戶建立認(rèn)知，降低理解成本，累計增高的數(shù)值有利于刺激用戶，提高留存。

3. Swiggy：Group Order功能，拼單更輕松

Swiggy 是一家領(lǐng)先的印度在線食品訂購和配送平臺，提供快速便捷的餐飲配送服務(wù)，Group Order 是其新上線的多人拼單功能。

可視化的拼單功能傳達(dá)：Swiggy 的 Group Order 功能引導(dǎo)頁通過可視的動畫使用戶對這一新增功能有了更清晰的認(rèn)知，用戶無需閱讀長篇文字說明即可快速了解什么是拼單以及拼單的操作步驟，有效的降低了用戶對新功能理解門檻，同時簡潔輕松的插畫也可以吸引用戶停留了解。

4. Airbnb：讓等待更具象

Airbnb 是一家全球領(lǐng)先的在線短租平臺，提供多樣化的住宿選擇。

1. 支付的真實感：Airbnb 在等待支付時采用了 3D 輕擬物風(fēng)格的動畫，這種趣味動畫模擬了現(xiàn)實生活中的刷卡支付場景，增強(qiáng)了支付過程的真實感。通過這種設(shè)計。
2. 讓等待變有趣：有效緩解了用戶的等待焦慮，提升了整體支付體驗。此外，這種充滿儀式感的支付過程也增強(qiáng)了用戶對平臺的好感。

5. Hostel：小小改動，幫助用戶提升選擇效率

Hostel 是一款專注于全球青年旅舍酒店的 app。其酒店列表頁通過前置披露旅舍單獨房間價格及單獨床位價格的方式，高效了用戶在列表頁的對比選擇。

1. 前置價格，對比選擇更高效：用戶在瀏覽酒店列表時，可以一目了然地看到不同房型的價格，便于用戶直接在列表頁進(jìn)行選擇，也減少了用戶點擊進(jìn)入詳情頁查看價格的步驟，提高了用戶決策效率。
2. 頭像+國旗，幫助篩選目標(biāo)旅舍：住青年旅舍的用戶具有更強(qiáng)的背包客多國社交的屬性，評分當(dāng)面采取了頭像及國家展示的方式，強(qiáng)調(diào)評論來自不同國家用戶，傳達(dá)評論更真實多樣，能夠更直觀的幫助用戶篩選目標(biāo)旅舍。

6. WayAway：打破常規(guī)，只為更快找低價

Wayaway 是一款專注于找低價的 ota 預(yù)定平臺，平臺口號 “Fly smart, Pay less” ，而各個功能也都圍繞找低價這個主要目標(biāo)展開設(shè)計。

價格篩選，一鍵定位目標(biāo)酒店：WayAway 的酒店列表頁隱藏了其他的篩選方式，僅外露提供了一個直觀且便捷的價格篩選功能。簡單直接的操作，與即時反饋的篩選結(jié)果，幫助用戶快速找到符合預(yù)算的住宿選項。

最后要說的話

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

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

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

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

歡迎關(guān)注作者微信公眾號：「智行ZXD設(shè)計中心」