6个产品细节剖析，看看高手是如何做设计的！

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设计中心」