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

Hi 大家好，智行的轻分享专栏来啦～

我们将在这里分享近期一些值得学习的线上案例，快来和我们一起发现隐藏在身边的动人设计，get 新灵感！

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

Taveloka 是一家专注于旅游和票务的全球旅游平台。在每次重新进入 app 的时候，头部搜索栏都会播放一遍由 Taveloka 品牌名结合 logo 的品宣动效。

1. 搜索栏结合品宣，增强品牌记忆点：通过重复播放品牌名结合 logo 的动效，可以加深用户对 Taveloka 品牌的记忆，提升品牌认知度和记忆度。
2. 视觉动线引导：在搜索栏播放品宣动画，既起到了品宣的效果，同时也可以引导用户关注头部搜索栏（Taveloka 会更推荐搜索栏查询行程），一举两得。

2. TooGoodToGo：简单换算，碳能量也不难

TooGoodToGo 是一款剩菜盲盒 app，它致力于减少食物浪费。它的主要功能是帮助用户以优惠价格购买到餐厅、咖啡馆和超市即将过期或当天未售出的食品，从而减少食物浪费。

① 轻量有趣的 icon 动效，轻松抓取注意力：在个人主页上，采用一笔画风格的图标，保持页面风格统一的同时，增强了视觉趣味性。在信息切换时，采用了跟随一笔画图标的笔触走势进行小动画衔接，使视觉体验非常流畅丝滑。

② 置换陌生概念，辅助用户理解：将历史购买剩菜盲盒所避免产生的二氧化碳总量换算成电量、完全充电的手机电池、热咖啡和电热水器加热下的热水淋浴时间这四种生活中更常见的概念和单位，帮助用户建立认知，降低理解成本，累计增高的数值有利于刺激用户，提高留存。

3. Swiggy：Group Order功能，拼单更轻松

Swiggy 是一家领先的印度在线食品订购和配送平台，提供快速便捷的餐饮配送服务，Group Order 是其新上线的多人拼单功能。

可视化的拼单功能传达：Swiggy 的 Group Order 功能引导页通过可视的动画使用户对这一新增功能有了更清晰的认知，用户无需阅读长篇文字说明即可快速了解什么是拼单以及拼单的操作步骤，有效的降低了用户对新功能理解门槛，同时简洁轻松的插画也可以吸引用户停留了解。

4. Airbnb：让等待更具象

Airbnb 是一家全球领先的在线短租平台，提供多样化的住宿选择。

1. 支付的真实感：Airbnb 在等待支付时采用了 3D 轻拟物风格的动画，这种趣味动画模拟了现实生活中的刷卡支付场景，增强了支付过程的真实感。通过这种设计。
2. 让等待变有趣：有效缓解了用户的等待焦虑，提升了整体支付体验。此外，这种充满仪式感的支付过程也增强了用户对平台的好感。

5. Hostel：小小改动，帮助用户提升选择效率

Hostel 是一款专注于全球青年旅舍酒店的 app。其酒店列表页通过前置披露旅舍单独房间价格及单独床位价格的方式，高效了用户在列表页的对比选择。

1. 前置价格，对比选择更高效：用户在浏览酒店列表时，可以一目了然地看到不同房型的价格，便于用户直接在列表页进行选择，也减少了用户点击进入详情页查看价格的步骤，提高了用户决策效率。
2. 头像+国旗，帮助筛选目标旅舍：住青年旅舍的用户具有更强的背包客多国社交的属性，评分当面采取了头像及国家展示的方式，强调评论来自不同国家用户，传达评论更真实多样，能够更直观的帮助用户筛选目标旅舍。

6. WayAway：打破常规，只为更快找低价

Wayaway 是一款专注于找低价的 ota 预定平台，平台口号 “Fly smart, Pay less” ，而各个功能也都围绕找低价这个主要目标展开设计。

价格筛选，一键定位目标酒店：WayAway 的酒店列表页隐藏了其他的筛选方式，仅外露提供了一个直观且便捷的价格筛选功能。简单直接的操作，与即时反馈的筛选结果，帮助用户快速找到符合预算的住宿选项。

最后要说的话

本期的设计分享就到这里啦。

文章中的案例与思考来自于智行 UED 同学的日常分享。

后续我们将持续深度体验产品，挖掘更多值得分享、学习的设计案例，努力将其中的方法理论应用到智行 APP 后续的产品设计中。

愿我们的努力为你带来更好的体验。下次见。

欢迎关注作者微信公众号：「智行ZXD设计中心」