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

Hi 大家好,智行的轻分享专栏来啦~

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

1. 大众点评-榜单入口的巧妙设计

大众点评首页榜单入口巧妙运用动画,在有限的区域内强化了用户对必吃榜的品牌认知。

  1. 动效吸引:首页榜单入口使用翻页动画,吸引用户注意。翻页效果及标签出现的动画一气呵成,翻页的过程能够激发用户的期待感,提升他们对榜单内容的兴趣。
  2. 品牌感知强化:通过动效效果,在有限的区域内展示大众点评必吃榜品牌,有效强化了用户对必吃榜的品牌认知。

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

2. 腾讯地图-美观与实用兼得的动效设计

腾讯地图 Tabbar 的首页图标在选中后具备真实指南针的功能,为用户提供方向指引。

  1. 提升用户体验:图标选中后具备真实的指南针功能,为用户提供精准的方向指引。这一设计不仅增强了界面的互动性,还巧妙地融入了实用工具,使用户在使用过程中能够迅速获取所需信息,提升整体使用体验。
  2. 与现实场景的结合:腾讯地图的 logo 是指南针,象征着为用户指引方向。通过将 logo 图形与现实中指南针的功能相结合,不仅增加了应用的实用性,还加深了用户对品牌的印象,在提升功能性的同时,增强了品牌识别度。

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

3. 饿么了-趣味的动效引导

饿了么等待送餐界面,等待送餐界面中空降降落伞,从左上角飘到右侧悬浮。

  1. 下单后惊喜感:这种独特的设计巧妙地结合了地图场景,为营销广告注入了新的惊喜元素。这不仅令人印象深刻,而且能够吸引用户的眼球。
  2. 更好的创意互动:针对不同的活动,可以定制不同的降落伞,从而让广告更具针对性和吸引力。这样的创意不仅为用户提供了愉悦的等待体验,同时也为营销活动带来了更多可能性和互动趣味性。

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

4. 饿了么-搭好用户与商机的沟通桥梁

评论功能是外卖平台用户与商家沟通的重要渠道,如何引导用户与商家友善、有价值的沟通是设计师们的发力点。

  1. 恶评-避免纠纷:在饿了么评论时,如果勾选一星评价,平台会自动帮用户勾选匿名评价,并开启商家虚拟号沟通的入口,在保证商家和用户沟通渠道的同时避免个人纠纷。
  2. 好评-引导互动:如果用户选择五星好评,则会自动唤起键盘,引导用户写下评论。

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

5. 淘宝-个性化推荐提升购物体验

淘宝的个性化推荐不仅促进了购物体验的提升,还为卖家创造了更多的商机,构建了一个利于交易的环境,让用户和卖家都能够获益,实现了共赢的局面。

  1. 提高曝光:当用户点击某个特定商品的卡片时,系统会以动态的方式展示 4 个相关商品,这帮助提高了这些商品的曝光率,也为用户提供了更多的购物选择和机会。
  2. 个性化推荐:平台的个性化推荐服务,为用户提供了更多发现商品的机会,从而提升平台的活跃度和留存率。用户能够更快速地找到自己感兴趣的商品,并且在购物过程中获得更多个性化的建议,提升了购物体验。卖家通过这种方式获得了更多的曝光和销售机会,能够更好地展示自己的产品,并将其推荐给更多潜在的买家。

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

6. 滴滴出行-成就贴贴贴

滴滴将勋章成就体系巧妙地设计为冰箱贴的形式,为用户提供了一种情感上的收集和装饰动力,使整个勋章系统更加温馨有趣。

  1. 打造仪式感:将现实生活中喜欢收集冰箱贴-装饰家里冰箱的爱好搬到线上,为用户打造了独特的仪式感,与滴滴的出行属性结合巧妙的同时,使勋章体系更加有趣和富有参与感。
  2. 缩短距离感:利用冰箱、猫咪、暖色瓷砖等元素,营造出一种温馨的小家庭场景氛围。这种设计不仅为平台注入了温暖的情感,还拉近了与用户之间的距离,提升了用户的粘性和忠诚度。

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

最后要说的话

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

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

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

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

*文中配图来源于各 APP 内截图,侵删

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

作者:智行ZXD设计中心

蒜芽科技 智行App体验设计团队
负责智行火车票的用户体验创新设计与研究,致力于为用户打造更智能、更贴心、更有温度的产品体验。

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部