「抖音」是怎样利用一个按钮的小心机，达到鼓励用户分享行为的目标的？ - 优设网 - UISDC

「抖音」是怎样利用一个按钮的小心机，达到鼓励用户分享行为的目标的？ - 优设网 - UISDC

设计逻辑「抖音」是怎样利用一个按钮的小心机，达到鼓励用户分享行为的目标的？

产品：抖音iOS 作者：抖音设计团队时间：2018-08-01

猎人：小白观众：7238人

细节描述

小白：在「抖音」的内容推荐页面刷视频时，你会发现正常情况下页面右侧的「分享」按钮会显示为代表分享含义的普通icon。但当你在当前页面停留时间较久App检测到此视频被观看两遍以上，系统会预判用户对此内容感兴趣并有潜在分享意愿，此时右侧的「分享」按钮就会变成闪动的朋友圈或微信图标了。差异化的图标变化设计突出了「分享」功能，一方面是对用户心理与动作的预判揣摩，一方面也从潜意识里起到了鼓励用户分享行为的目的。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# 图标 # 微交互 # 心理暗示 # 情境预判 # 抖音 # 按钮 # 短视频 # 社交 # 视觉引导 # 设计逻辑

发表评论加载中....

评论加载中....

相关细节

微交互「网易云」：从音乐里飘出的音符动效

「网易云音乐」的「视频」频道除了常规的「点赞」与「评论」，还有一个图标是圆圈中有个音符的按钮。但点击这个按钮并不会有任何反馈，所以一直没弄明白它的作用。直到有一次播放视频的时候，发现在视频播放期间音符图标会出现随着音乐飘出小音符的动效。惊喜的图标小彩蛋，让听歌体验更有互动性和氛围感。

产品：网易云音乐iOS 作者：网易UEDC 猎人：小白

用户体验在黑暗里使用支付宝扫码，请帮我打开「小电筒」

通常情况下我们使用支付宝扫码付款的场景都是在光线充足的店铺或室内，但有时还是会出现需要在昏暗环境里扫码的情况。一向对产品的使用情境预判十分重视的支付宝自然早已为我们预留了应对此种情境的解决方案：当支付宝的扫码功能检测到外部光线偏暗时，扫码框中会自动出现小电筒图标与「轻点照亮」的提示。点击图标，手机的闪光灯会被打开，黑暗里的二维码就可以直接被扫描了。类似的人性化设计案例还有很多，例如小黄车的扫码状态也有相似的设计。平时留心观察你会发现更多哟～

产品：支付宝iOS 作者：支付宝设计团队猎人：小白

视觉 MOO，好音乐不仅要听得到，还要看得见

音乐的情感表达，除了通过听觉展现，视觉的力量同样不容忽视。MOO音乐就通过音乐的「动态频谱」，让用户不仅能听见好音乐，还能看见音乐的节奏变化。界面的设计十分极简，主要以整屏的大背景图或动图来突出展现音乐的歌词与实时动态频谱。将抽象的音乐节奏律动具象化为可视的图像，让用户能更加真切的感知音乐的情绪与氛围，更有代入感。很多时候，多感官的刺激是会让人对同一感知对象产生更深刻的感受与记忆的。

产品：MOO iOS 作者：MOO设计团队猎人：小白

用户体验凌晨已过，别错把「今天」当「明天」了哟～

如果你急需一款帮你合理规划时间与高效完成任务的效率类应用，「滴答清单」会是一个不错的选择。这款应用最常见的使用场景是作为用户的待办事项清单，可随时记录并同步工作与生活任务的完成进度，还可对待办任务设置特定时间提醒。最近在使用「滴答清单」时，还发现了一个很棒的提醒设计：当你在当日凌晨00:00以后设置今天的任务安排，App会贴心的提醒你当前时间已过凌晨，别把「今天」错当成「明天」。凌晨过后时间点的变更是很容易被用户忽略的细节，这个具有前瞻性的提醒设计很好地帮用户避免了因疏忽错误设置任务时间的状况，实用又贴心。

产品：滴答清单 iOS 作者：滴答清单团队猎人：小白

优设精选专题查看更多

691618人看过 22篇文章

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！

279335人看过 14篇文章

设计规范

那些条条框框您真得懂？

说出来你可能不信，我去了几家公司，每个公司里都让我制作设计规范，说是为了便于公司规划流程化管理，当时我可是费了老大劲...

373600人看过 8篇文章

简历制作

让你的简历敲开大厂的门

如果简历是敲门砖，那一份优秀的简历就是打开大厂的钥匙。本专题收录了不同顶尖大厂设计总监的简历制作方法和常见的细节错误，看完这个专题，赶紧把简历拿出来改好！

266869人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。

设计师基础理论书查看更多

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津孙睿

人民邮电出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

优设启用更安全省心的微信扫码登录

微信扫码

扫码登录即表示您同意并遵守用户协议

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计优设网在这里