6個(gè)產(chǎn)品細(xì)節(jié)剖析，看看高手是如何做設(shè)計(jì)的！

Hi 大家好，智行的輕分享專欄來(lái)啦～

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

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

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

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

2. TooGoodToGo：簡(jiǎn)單換算，碳能量也不難

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

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

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

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

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

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

4. Airbnb：讓等待更具象

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

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

5. Hostel：小小改動(dòng)，幫助用戶提升選擇效率

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

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

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

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

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

最后要說(shuō)的話

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

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

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

愿我們的努力為你帶來(lái)更好的體驗(yàn)。下次見(jiàn)。

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