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】,下一期好拉你。

Powered by Froala Editor