6个产品细节剖析,看看大厂是如何做设计的!

本文分享了6个值得关注的大厂产品设计细节,每个都有可圈可点之处。

一、案例分享

1. 高德-比价动效

高德打车时,通过使用流畅的动画效果、清晰的车型展示和直观的比价过程,生动形象地向用户呈现出不同车型的比价过程。

  1. 车型展示:动画通过使用不同的的颜色和形状来区分不同车型,使用户能够快速识别,同时增加用户的注意力和兴趣。
  2. 动画效果:使用流畅的过渡和动画效果(渐入渐出),使用户在加载过程中感受到界面的活力和互动性。
  3. 用户反馈:在加载过程中,为增加用户体验,向用户提供了适当的反馈文字——“高德打车,正在比价...”,告知用户比价的状态。

6个产品细节剖析,看看大厂是如何做设计的!

2. 美团外卖-冰饮动效

美团外卖点击进入「饮品」类目时,首推的店铺会出现冰块气泡升起的动画效果,格外吸睛。

  1. 吸引用户注意力:视觉动效具有更高的吸引力和视觉冲击力,可提供更有趣、更具有惊喜感的体验,更容易注意到的同时,有助于提高用户的点击率。
  2. 突出产品特色:冰块气泡升起的动画效果与饮品相关,能够让用户更容易找到他们想要的饮品店铺,有助于提高用户的满意度和购买意愿。

6个产品细节剖析,看看大厂是如何做设计的!

3. 滴滴-匿名反馈墙

滴滴出行后的匿名反馈功能区,通过视觉、信息及动效多方位的设计,提高用户的互动率,帮助平台优化出行体验。

  1. 情感化视觉吸引:“爱心”和“心碎”的图标设计,吸引用户注意力,帮助用户理解。
  2. 从众心理引导:卡片信息增加实时的参与情况,利用从众心理,激励用户的参与感。
  3. 惊喜动效提升体验:通过点击后的情感化动画效果,正面和负面反馈的差异性,激励用户持续互动。

6个产品细节剖析,看看大厂是如何做设计的!

4. 同程旅行-插画交互选项联动

同程旅行在选择出行人数的场景下,利用插画和出行人物的强关联进行引导,反馈更及时和生动。

  1. 吸引用户注意力:在常规页面中,利用将近一半的屏幕占比展示插画区域,选择了婴儿儿童左边的插图也随之变化,吸引用户注意力并增加了趣味性。
  2. 提升交互惊喜感:增强用户的互动性,大多数用户第一次看到都会想要去全部尝试一遍看对应的插画会如何呈现,秉承着所见即所得的理念,让用户更加直观的看到选择结果,为设计带来更多创新的同时也可有效避免选错概率。

6个产品细节剖析,看看大厂是如何做设计的!

5. 闲鱼- AI 撰写商品文案

闲鱼的最新版本可以让 AI 帮忙撰写发布商品的描述文字了。只需上传宝贝图片,点击「AI 帮你写」的图标,就能智能生成商品的描述文案。不仅语言流畅,还能准确传达物品特点和价值。

  1. 降低用户操作成本:用户不需要花费大量时间和精力来编写商品描述文案,减少了用户的操作成本,提高文案编写效率。
  2. 帮助用户提高文案质量:AI 可以根据大量的数据和算法来生成商品描述文案,可以避免人为因素对文案质量的影响,提高文案的质量和准确性。

6个产品细节剖析,看看大厂是如何做设计的!

6. 滴滴顺风车- 车主抢单动效

滴滴顺风车下单后寻找车主时,用车主抢单的动效做吸引,引导用户尽快预付车费,滑稽的动效增加紧迫感,让用户更容易接受。

  1. 提高用户支付意愿:通过使用动效来营造紧迫感,增加用户的支付意愿,减少用户在等待车主抢单的过程中的不确定性,从而促使用户更快地完成支付。
  2. 提供更好的用户体验:使用车主抢单的动效可以给用户一种即时的反馈,让用户感觉到他们的订单正在被关注和处理。这种设计有助于提升用户对平台的信任和满意度。
  3. 提高订单完成率:通过动效鼓励用户尽快预付车费,提升订单完成率。有利于保证服务的顺利进行和提高用户满意度。

6个产品细节剖析,看看大厂是如何做设计的!

最后要说的话

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

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

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

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

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

6个产品细节剖析,看看大厂是如何做设计的!

收藏 42
点赞 55

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。