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

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

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

案例分享

1. KAYAK--截圖查價(jià)，比價(jià)更省力

KAYAK 是一家旅行搜索比價(jià)、預(yù)訂平臺(tái)，業(yè)務(wù)橫跨機(jī)票、酒店、租車等旅行產(chǎn)品。

它近期上線了截圖查機(jī)票價(jià)格的功能，通過上傳航班圖片，即可查詢該航班的全網(wǎng)最低價(jià)格。

① 動(dòng)效演繹功能介紹：

用戶使用截圖查價(jià)功能之前，會(huì)進(jìn)入功能介紹頁面，通過文案配合動(dòng)效清晰的向用戶傳達(dá)新功能的使用方式。

② 信息結(jié)構(gòu)化突出最優(yōu)結(jié)果：

搜索結(jié)果包含最優(yōu)的價(jià)格及其他備選，并對最優(yōu)價(jià)給出了明確的購買建議，猶如一個(gè)靠譜的機(jī)票預(yù)定顧問，讓預(yù)定體驗(yàn)更上一層樓。

2. Expedia--貼心攻略助力旅行決策

Expedia 是一款旅行預(yù)訂 App，提供航班、酒店、租車和旅游套餐等預(yù)訂服務(wù)。

為了幫助用戶進(jìn)行旅游出行決策，Expedia 在城市旅行攻略中設(shè)計(jì)了最適合出發(fā)模塊。

① 橫滑交互切換日期：

通過橫滑交互，實(shí)現(xiàn)日期的快速切換，讓用戶能夠直觀地對比不同日期的具體情況，快速作出有效決策。

② 可視化呈現(xiàn)復(fù)雜信息：

對日期、氣溫、天氣、人流量和當(dāng)日均價(jià)等關(guān)鍵信息進(jìn)行可視化設(shè)計(jì)，使復(fù)雜的信息清晰簡潔地呈現(xiàn)出來，給予用戶貼心友好的閱讀體驗(yàn)。

3. Hotel Tonight--妙用動(dòng)效，營造優(yōu)惠驚喜

Hotel Tonight 是一款主要提供當(dāng)日和短期酒店預(yù)訂服務(wù)的 APP。

Hotel Tonight 的 Daily Drop 功能為用戶提供了當(dāng)日的限時(shí)優(yōu)惠，用戶可以在限定時(shí)間內(nèi)預(yù)訂到低價(jià)酒店服務(wù)。

① 趣味動(dòng)效吸引用戶注意：

首張卡片通過遮蔽信息和模擬解鎖動(dòng)效，營造特價(jià)優(yōu)惠的神秘感，吸引用戶解鎖了解詳情。

② 全流程透傳特價(jià)品牌：

當(dāng)用戶解鎖優(yōu)惠后，Daily Drop 的品牌以標(biāo)簽的形式露出，左側(cè)以倒計(jì)時(shí)增強(qiáng)用戶購買動(dòng)力。進(jìn)入酒店詳情頁后，底部有相應(yīng)的倒計(jì)時(shí)和按鈕作為流程的承接，視覺上仍和 Daily Drop 品牌保持一致。從動(dòng)效到交互視覺都絲滑且貼合場景。

4. Dot--情感設(shè)計(jì)，深入人心

Dot 是一款陪伴類 AI 聊天工具，用戶可以利用它記錄生活，進(jìn)行情感交流。

當(dāng)用戶首次使用 Dot 時(shí)，需要先介紹自己來使 Dot 對用戶有初步的了解。

① 情感化交互拉近距離：

使用寫信的形式開啟對話，相比常見的輸入框引導(dǎo)輸入的交互形式，寫信的方式更加柔和，拉近與用戶的距離，打破人與 AI 間的隔閡～

② 轉(zhuǎn)場動(dòng)效融合品牌打造記憶點(diǎn)：

當(dāng)用戶發(fā)送介紹信后，介紹信會(huì)逐漸旋轉(zhuǎn)縮小化作 Dot 的品牌 logo，巧妙的傳達(dá)品牌功能及理念——交流對話、心心想通。在用戶使用產(chǎn)品之初，即留下不錯(cuò)的品牌記憶。

5. Amie--順滑交互，玩轉(zhuǎn)日程管理

Amie 是一款強(qiáng)大的日程管理應(yīng)用，可以簡潔高效地記錄并提示各項(xiàng)日程與任務(wù)。

① 獨(dú)特的上下分屏切換：

創(chuàng)新地將手勢放在了屏幕中間。用戶可以靈活切換上下屏幕的占比，在查看日歷模式與列表模式之間快速切換。

② 持續(xù)強(qiáng)化核心交互區(qū)域：

除了屏幕狀態(tài)的切換，中部還集合了其他核心功能，用于添加日程、時(shí)間、任務(wù)。以及搜索甚至個(gè)人中心。且所有的交互非常的直觀順暢。

6. Riveo--酷炫開屏動(dòng)效秀出產(chǎn)品實(shí)力

Riveo 是一款強(qiáng)大的短視頻特效制作軟件，可以提供酷炫的視頻模板，高效地生產(chǎn)短視頻并直接發(fā)布在各大社交媒體上。

① 利用動(dòng)效展示直觀地傳達(dá)產(chǎn)品力：

Riveo 的登錄前引導(dǎo)頁，不僅是視頻本身還是翻頁效果，都極其的酷炫。作為一款視頻制作軟件，這樣的展示遠(yuǎn)比文案介紹來的更加直接且高級。

② 趣味性交互增強(qiáng)吸引力：

進(jìn)入應(yīng)用前的最后一頁，用一個(gè)可交互的擦除結(jié)晶霧面效果。不僅展示了自身特效的逼真，秀了一波技術(shù)力。也讓用戶通過主動(dòng)的操作，增加了操作感與參與感。這樣做，整個(gè)操作性是有承接性的，用戶隨后進(jìn)入應(yīng)用會(huì)充滿探索的欲望。

最后要說的話

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

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

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

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

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