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

每周我們將在這里分享近期一些值得學習的線上案例，快來和我們一起發現隱藏在身邊的動人設計，get 新靈感！

本期我們將放眼海外，看看海外產品在交互體驗和設計創新上有哪些有意思的干貨！

案例分享

1. KAYAK--截圖查價，比價更省力

KAYAK 是一家旅行搜索比價、預訂平臺，業務橫跨機票、酒店、租車等旅行產品。

它近期上線了截圖查機票價格的功能，通過上傳航班圖片，即可查詢該航班的全網最低價格。

① 動效演繹功能介紹：

用戶使用截圖查價功能之前，會進入功能介紹頁面，通過文案配合動效清晰的向用戶傳達新功能的使用方式。

② 信息結構化突出最優結果：

搜索結果包含最優的價格及其他備選，并對最優價給出了明確的購買建議，猶如一個靠譜的機票預定顧問，讓預定體驗更上一層樓。

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

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

為了幫助用戶進行旅游出行決策，Expedia 在城市旅行攻略中設計了最適合出發模塊。

① 橫滑交互切換日期：

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

② 可視化呈現復雜信息：

對日期、氣溫、天氣、人流量和當日均價等關鍵信息進行可視化設計，使復雜的信息清晰簡潔地呈現出來，給予用戶貼心友好的閱讀體驗。

3. Hotel Tonight--妙用動效，營造優惠驚喜

Hotel Tonight 是一款主要提供當日和短期酒店預訂服務的 APP。

Hotel Tonight 的 Daily Drop 功能為用戶提供了當日的限時優惠，用戶可以在限定時間內預訂到低價酒店服務。

① 趣味動效吸引用戶注意：

首張卡片通過遮蔽信息和模擬解鎖動效，營造特價優惠的神秘感，吸引用戶解鎖了解詳情。

② 全流程透傳特價品牌：

當用戶解鎖優惠后，Daily Drop 的品牌以標簽的形式露出，左側以倒計時增強用戶購買動力。進入酒店詳情頁后，底部有相應的倒計時和按鈕作為流程的承接，視覺上仍和 Daily Drop 品牌保持一致。從動效到交互視覺都絲滑且貼合場景。

4. Dot--情感設計，深入人心

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

當用戶首次使用 Dot 時，需要先介紹自己來使 Dot 對用戶有初步的了解。

① 情感化交互拉近距離：

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

② 轉場動效融合品牌打造記憶點：

當用戶發送介紹信后，介紹信會逐漸旋轉縮小化作 Dot 的品牌 logo，巧妙的傳達品牌功能及理念——交流對話、心心想通。在用戶使用產品之初，即留下不錯的品牌記憶。

5. Amie--順滑交互，玩轉日程管理

Amie 是一款強大的日程管理應用，可以簡潔高效地記錄并提示各項日程與任務。

① 獨特的上下分屏切換：

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

② 持續強化核心交互區域：

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

6. Riveo--酷炫開屏動效秀出產品實力

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

① 利用動效展示直觀地傳達產品力：

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

② 趣味性交互增強吸引力：

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

最后要說的話

本期的設計分享就到這里啦。

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

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

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

歡迎關注作者微信公眾號：「智行ZXD設計中心」