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

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

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

1. 大众点评：商家验券

大众点评在兑换礼品时模拟现实中验券撕券的动作，这一设计融合了线下日常生活经验与线上操作。

1. 提高兑换确认感：在模拟撕券的过程中，用户会有一个明确的“完成”动作，这相比简单的点击确认，更能给用户带来兑换成功的确认感和满足感，减少了因操作不明确而产生的疑虑。
2. 提升情感连接与产品温度：将日常生活中的小细节融入线上产品中，不仅增加互动性和趣味性，还增加了产品的温度。

2. 小红书：文字笔记

小红书推出了全新的文字笔记功能。这个功能可以将你的标题直接转化为一张精美的图片，用作笔记的封面。

1. 提升创作效率‌：用户直接将标题转化为封面图片，省去了手动寻找或制作图片的步骤，显著提升了笔记的创作效率。
2. 简化操作流程‌：用户只需输入标题，系统便能自动生成图片，简化了传统笔记发布流程中需要单独上传封面的环节，使得操作更加便捷。
3. 增强视觉效果‌：自动生成的精美图片作为封面，能够吸引更多用户的注意，提升笔记的点击率和阅读量，从而增强用户的创作成就感。
4. 激发创作灵感‌：这一功能为用户生成个性化的封面图片，有时还能激发用户的创作灵感，帮助他们更好地表达自己的内容和想法。

3. 高德地图：实时天气

当您在雨天打开高德地图时，雨天动效将为您带来全新的用户体验升级！

1. 实时信息，助您决策：实时天气状况，帮助您做出更准确的出行决策。
2. 逼真动效，身临其境：屏幕上的雨滴动效，增强了线上与现实场景的连接，带来极具真实感的沉浸体验。

4. 美团外卖：会员签到

美团外卖签到模块会利用不同的视觉样式，根据签到前后去承载当下场景需要突出的利益点。

1. 签到前：签到前利用大小差异的红包，以明确利益点，并利用辅助动效提高点击欲望。同时通过错位排布强化视觉吸引力。‌
2. 签到后：签到后的形式会变成更加清晰简洁的进度条，强化透传后续权益，为更有收益的信息让位，有利用户留存和转化。

5. 智行：酒店榜单

智行酒店榜单根据用户的不同需求（如价格、交通便利性、用户口碑等）进行分类推荐，满足多样化的用户需求，帮助用户在众多选择中快速决策，提高预订转化率。

1. 榜单品牌动态化：页面头部展示酒店榜单的名称及 3D 图形，通过流畅的过渡和动画效果，使用户在切换榜单的过程中感受到界面的活力和互动性。
2. 头部氛围多样化：不同的榜单的头部氛围有明显的视觉差异。低价榜使用向下的箭头元素，传达价格下降的概念；经济榜使用对勾元素，传达经济实惠和推荐的概念；交通榜使用了轨道元素，传达交通便利性的概念；口碑榜则使用品质感的丝绸元素，传达高品质和用户口碑的概念。
3. 主题榜单直观性：页面中部通过放大展示不同主题的图片，直观地传达榜单主题，吸引用户的注意力并引导用户进行点击操作。
4. 酒店卡片差异化：不同榜单的酒店卡片布局和风格上保持一致的同时，具有特定的展示重点，能够帮助用户快速了解每个榜单的重点内容，提高信息获取效率。低价榜的酒店卡片突出比价信息模块；经济榜突出酒店特色和用户口碑；交通榜展示酒店交通位置；口碑榜强调上榜理由。

6. 淘宝：省钱周创意

淘宝省钱周通过放大“省”字作为主视觉来吸引用户注意，并结合红包元素和商品属性，既直观又富有吸引力。

1. 商品属性的结合：“省”字下半部分结合红包元素，巧妙地嵌入商品及折扣装饰，既不影响字体识别度，同时传达促销商品的信息。
2. 丝滑的动效表达：通过红包抖动丝滑切换商品，结合红包及折扣元素的洒落，增强活动气氛和吸引力。

最后要说的话

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

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

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

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

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