行业关键字
UI设计UI理论和资料 → 正文
6个产品细节剖析,看看高手是如何做设计的!
作者: 智行ZXD设计中心 来源: 公众号:智行ZXD设计中心 时间: 2024年7月25日
Hi 大家好,智行的轻分享专栏来啦~

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后要说的话

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

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

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

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

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

(责任编辑: Admin
more

相关文章

 
 
 
 
 
 
 
 
 
 

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版