这11个设计案例,真的很走心~

深圳/UX设计师/4年前/455浏览
这11个设计案例,真的很走心~

维持6天,近80个案例

4月25-30号,组织了一些读者进行了一次【设计打卡】活动:收集有意思的设计案例、附上自己的思考。大家集思广益、培养设计思维。


活动结束后,总共累计产出了80个设计案例。下面为大家整理一下,其中一些有趣好玩的案例与分析:

若对下一期打卡活动有兴趣的,公众号回复【打卡2】



1.丁香医生:下拉展示各种健康小常识

打卡人:红队-老和

案例描述:

在丁香医生首页上,每次进行下拉刷新时都会出现不同的健康小常识,比如「血管型黑圆圈可以热敷缓解」「眼屎多不是上火」等等。

解决问题:

用健康知识来缓解用户在弱网情况下的焦虑情绪。且在健康app上有少有这么处理的,无疑可以加大对丁香医生的好感度与黏性。

有何作用:

缓解用户焦虑情绪、提升产品的专业性、趣味性/好感度、访问时长等

亮点总结:

下拉显示不同的内容

其他思考:

内容的覆盖面有点广,若用户已选择性别的情况下,可以展示更具有针对性的知识,以此拉进用户距离。



2.QQ:长按并向上拖拽即可发送图片

打卡人:红队-overflow

案例描述:

在QQ聊天框中,长按图片并且向上拖动时可直接发送该图片

解决问题:

减少用户操作步骤,照片显示更加直观,

有何作用:

优化操作路径,有效降低聊天过程中因页面跳转带来的视觉阻断,增强沉浸感,提升产品易用性

亮点总结:

通过快捷手势承载常用操作

其他思考:

相较于其它大多数产品的点选发送,拖动上滑的图片发送方式增加了误操作的概率,可考虑增强相关提醒的及时性以及醒目程度



3.淘宝:根据号码显示不同的状态与文案

打卡人:红队-老和

案例描述:

用淘宝给特定的运营商-如移动进行充值时,号码输入栏的title会展示3种状态:输入前、输入移动号码时、输入非移动or错误号码时

解决问题:

避免用户输错号码、充错值

有何作用:

增加订单提交的成功率

亮点总结:

根据号码类型进行状态提示

其他思考:

1.当出现不同状态时,需思考如何进行提示:在原有基础上修改,还是新增样式?

2.若输入栏无法实现实时监测时,只能待用户输入后根据界面提交按钮、或者键盘



4.支付宝:默认折叠‘我的应用’

打卡人:红队-木子

案例描述:

支付宝首页跳转全部应用页,则自动收起首页已显示的应用

解决问题:

充分利用第一屏信息快速寻找其他应用

有何作用:

1.节省版面,自动给用户排除无用信息,减少重复;

2是其他应用得到更多曝光

亮点总结:

适时的善于隐藏当前用户不关注的信息

其他思考:

1.隐藏与此页应用的数量过多有关系,比较适用于单页信息较多的场景

2.此页我的应用和最近使用与用户强相关的放置在前面,提高了搜索效率



5.微信:根据人脸识别展示不同内容

打卡人:红队-木子

案例描述:

微信消息未识别人脸时,只显示消息数量,识别到机主人脸时,展示详细消息

解决问题:

保护信息隐私+看到消息快速判断是否解锁回复

有何作用:

保护信息隐私,增加产品信任感和好感度

亮点总结:

不解锁前既可以看到详细消息,同时保护了隐私,减少操作成本

其他思考:

存在多个主体发来消息时,反而不呈现了,这是为啥呢?节省占地面积?多主体意味着很大几率解锁?



6.蜗牛读书:暂停计时提示

打卡人:红队-老和

案例描述:

蜗牛读书可每日免费读书1小时,而当触发『非阅读行为』 时(如添加批注操作),则提示用户:已暂停计时

解决问题:

避免造成时间浪费,使用户更轻松专注在『阅读』和『操作』上

有何作用:

降低用户的记忆负荷,从而增加对品牌的好感,促进开通会员的意愿

亮点总结:

区分计时范围,让用户在『计时区』和『非计时区』中更有预期和可控感。

其他思考:

如果触发『非阅读行为』时也继续计时,那势必会引用户反感与焦虑情绪。从而对产品的‘负面情绪’与日俱增,有朝一日会彻底放弃该产品。

因此还不如’大气’点,这样对于【会员的开通、访问时长和品牌好感的提升】等方面都能起积极作用。




7.网易云音乐:用损失心理降低取关率

打卡人:红队-啊z

案例描述:

网易云音乐取消关注时,触发确认弹窗,弹窗内文案会展示你已关注的时长。

解决问题:

通过在弹窗内提示“用户已关注的时长,且取关后时长将重新统计”,来降低用户取关的几率

有何作用:降低取关率

亮点总结:根据不同用户的情况,提示不同

其他思考:

1、在阻止用户做特定行为时,可以通过强调用户的沉没成本来达到目的

2、对于内容平台来讲,如:微信公众号、微博、抖音、斗鱼等,关注数是重要指标



8.YouTube:夜间用户关怀提示

打卡人:蓝队-Z,H

案例描述:

晚上打开YouTube,会看到提示:设置就寝时间。提示用户晚上注意休息。

解决问题:

避免因为看视频上瘾而影响身体健康。

有何作用:

在商业价值横行霸道的当下,youtube的体验做到关心用户的健康,以人为本。

亮点总结:

在现代快速发展的社会,我们已经很少在主流的App中看到类似的人文感怀的设计,虽然只是细节,但是还是被触动了一下。

其他思考:

社会不断浮躁,我们设计师有时候也是不是可以坚持一些人文情怀的设计。从,马斯洛的五层需求看,这个是属于基本的底层需求了?但是往往忽视。



9.钉钉:统一‘非必填项’操作位置

打卡人:蓝队-siyuan

案例描述:

钉钉新建日程时,将非必填的设置项集合在一个工具栏中,支持点击添加/取消

解决问题:

减小表单长度,减少任务难度

有何作用:

提升表单填写成功率,提升体验

亮点总结:

用了一个比较巧妙的交互模式即满足需求的同时,减少了占用面积,简洁高效

其他思考:

因为样式一致,因此预期的点击效果也是一致的,但是实际体验时存在跳页、底部弹窗等不同的点击效果。



10.EMMO:利用重力感应滚动【表情球】

打卡人:红队-老和

案例描述:

emmo的【登录与注册】页上被设置了重力感应(手机陀螺仪),页面中的「表情球」会跟随手机摇摆方向进行滚动。

解决问题:

通过表情球的滚动吸引用户,降低退出【登录/注册】的页面漏斗

有何作用:传达品牌特色、登录注册的流失率

亮点总结:利用手机陀螺仪来减低流失

其他思考:

1.表情球的滚动速度有点跟不上手机摆动速度,这点有待优化

2.若业务上需要进行用户引导/教育的模块,利用页面元素 跟随陀螺仪滚动也是一个不错的优化方向。无需新增样式,引导效果还很强。



11.虎课网:前置展示‘我的关注与对应课程’

打卡人:蓝队-天亮了以后

案例描述: 

【虎课网】学习页面中我的关注,用小红点提醒关注的人有新的教程。下方滚动显示教程观看页的链接。

解决问题: 

关注后不知道哪些关注的人会发教程。逐个点击主页查看耗时比较长

有何作用: 

让用户掌握关注动态,观看最新教程更方便。

亮点总结:

 用了交互减步长的方法,在一定程度上缩短了用户操作路径。

其他思考: 

随着app的体量越来越大,用户操作路径也会随之变长,这样就会给用户带来些许焦虑。因此,怎么样让用户保持愉快的心情使用产品就显得很重要了。


总结:

好了,以上就是第一期设计打卡活动的一些总结,不知大家有没有收获到一些新知识?

感谢此次参与打卡的同学:


也欢迎大家参加下一期的打卡活动,集思广益、培养设计思维。

有兴趣的回复【2】,下一期好拉你。


3
Report
|
5
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Logo Design
Homepage recommendation
相关收藏夹
咬文嚼字
咬文嚼字
咬文嚼字
咬文嚼字
作品收藏夹
UI文章知识
UI文章知识
UI文章知识
UI文章知识
作品收藏夹
设计知识
设计知识
设计知识
设计知识
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in