进入到「樊登读书」App的个人主页，如果尚未签到的话，签到icon呈现方式是倾斜的，给人一种不稳定感。左右摇晃手机会发现签到icon也会随着一起晃动，增添了趣味性的微交互更能吸引用户的眼球，也更能引导用户进行操作。在用户签到完成后，签到icon则会立即恢复到水平方向，文...
作为「知乎」这样高质量文字向的内容社区，打动人心或者获益匪浅的PGC与UGC文案往往是最能抓住用户心的内容。团队很聪明地将「金句分享」功能作为为产品引流的主要分享形式。选中想要分享的文字即会出现「金句分享」选项，点击则一键生成分享卡片的预览页面，并提供多种精...
在「小宇宙」App的单集播放页中，你会发现播放进度条和常规的滑块进度条有很大差别。除了具有常规的拖拽定位媒体的播放位置，还将用户的点赞情况进行了可视化传达。柱子较高的片段代表了较高的点赞数量，帮助其他听众直观了解单集中的「高赞」位置，提高了内容获取的效率...
经常使用QQ的用户都知道，在好友长时间不回消息的时候可以用「抖一抖」来提醒对方。最新版本的「微信」上线了新功能「拍一拍」，在聊天窗口双击头像即可「拍」对方，对方的头像会抖动还会出现「你拍了拍Ta」的文字反馈。与QQ不同的是，「微信」不仅可以拍一拍对方，还可以...
「优剪」是一个互联网专业剪发品牌，用户剪发前需要提前在微信小程序预约再到门店。等待页有若干个图标展示当前等待人数，「剪发中」和「等待中」的小图标有所区别，细节到位。当前一位用户结束后，后一位会收到微信通知，避免了频繁打开小程序查看进度而降低用户体验。...
使用「厨房故事」App选择好食谱，将所需食材加入「购物单」时会生成可用来勾选是否已购食材的表单。由于App的用户普遍是个人或家庭，用餐人数不会过多，这里通过步进器调整人数来查看不同食材的用量很合适。调整人数的同时，每个食材的用量都会跟着变换，能及时给到用户反...
为了保障用户账号的安全，登录账号或当账号异常时产品通常会启动需要用户手动操作进行的安全验证。「百度网盘」的安全验证使用了常规的右滑按钮完成，但加入了有趣的颜文字表情变化动效来加强验证过程的趣味性。情感化的设计细节为产品增添了温度，同时也起到了操作状态...
在信息拥挤的时代里，用户是否愿意在问卷回答中花时间呢？「脱水」在注册的流程中加入了问答测试题的环节，设置这步的目的显然是为了获取更符合产品定位的目标人群。但是在问答测试题里，「脱水」并没有采用传统的提交整份答案后生成报告的模式，而是以对话的形式提问。...
在「京东」对购买的商品做评价时，如果用户的打分高于4颗星便会顺利完成提交。如果用户评分少于4颗星，会下拉展示出相关问题供选择，鼓励用户反馈问题以进一步优化和改进京东的服务。只在用户满意度低时展示出问题参考选项，通过另一种弥补的方式提升用户购物的满意度，这...
相信不少「微信」用户都会充分利用「文件传输助手」来作为自己日常图文临时记录或文件传送的地方，它是一个较为隐私的「工具人」。如果某用户将用户名改成「文件传输助手」则会出现操作不成功的模态弹窗。这个细节的设计很贴心，可以有效防止一些很皮的用户假扮成助手，...
「RemoveBG」是一款专业的AI抠图神器。当在网站上传的图片无法被处理时，页面会出现「抱歉……」的提示反馈，并告知你图片素材无法被识别的原因（比如「无法识别前景」）。除了反馈操作状态，页面还会给出「上传示例图库」以及「照片推荐」的链接，引导用户掌握操作网站作为...
产品交互中细腻而舒适的振动反馈，往往让用户欲罢不能。「下厨房」客户端作为其中之一也贴心地设计了这一触觉反馈。用户在下拉刷新菜单过程中，会明显感觉到一阵短暂的振动，随即松手后页面更新内容完成刷新。通过振动反馈强化下拉这一物理动作，告知用户刷新操作生效，...
「光·遇」在游戏体验过程中，如遇电量极低可能导致关机的情况时，屏幕下方会出现低电量提示符号并带有电量百分比。符号以一定频率随画面的切换节奏若隐若现。而当插上电源线后，低电量符号提示随即消失。游戏常常因其沉浸式的体验减弱了用户对时间、电量等因素的感知，...
在「哔哩哔哩」看视频有时会遇到该视频已被删除不存在的情况。这时候，视频会加载为黑屏效果并出现「非常抱歉，本视频可能由于以下原因导致无法正常播放」的文案，还会有搞怪的电音播报这段提示文字。魔性鬼畜的机械声音提示很符合B站的二次元属性，哪怕是反馈状况的提醒...
Google Fonts目前向用户提供了近千款供所有包括专业设计师与开发者快速、简便地使用的在线字体。当在页面坐上方的搜索框输入关键词而找不到字体时，页面会随机呈现各样颜文字表情。可爱的颜文字表情既呼应了页面文字应用的主题，又恰如其分地缓解用户因搜不到所期望字体的失...
「哔哩哔哩」App的动态栏目里，用户在阅览信息流的过程中点击图片可以查看大图。如果想接下来一直的很爽的看大图，可以左右滑动屏幕浏览。当出现同一发布者的动态，图片会平滑切换，内容不变；如果是下一个发布者的动态，图片和内容切换过渡时的效果会变成立体形态。所有...
在「QQ」上与人聊天时可以将收到的语音信息转换成文字查看，在不方便听语音的时候也能快速知道对方说了什么。有趣的是，当「QQ」无法识别语音信息或收到一条空信息时，它会用「呃，什么都没有听到」的文案无奈的反馈给你当前状态。趣味性的文案强化了产品的性格和温度；及...
将网页作为资料收藏到线上协作软件「Trello」 的看板上时，需要将「发送到 Trello」的链接拖到书签栏进行收藏。为了更明显的反馈拖动链接至书签栏的操作成功的状态，避免用户对操作的不确定性，Trello设计团队设置了每点击一次链接「拖动」这个词就会加粗放大一次，甚至还会变化...
工作或学习中当我们拿到不同来源的文档时，经常会遇到因软件版本问题打不开文档内容的情况。「XMind」在处理此类问题时并没有直接显示提示框，而是直接显示一张逻辑关系图来告知用户当前行为的不可操作性。提醒用户请勿操作，建议升级版本。这里用一条完整的逻辑关系链反馈...
「优设」团队筹备已久的新版网站终于上线，大家有没有get到新网站藏着的一些小细节彩蛋呢？新网站不仅从视觉上有了全新的升级，交互体验上也更加流畅舒适充满很多小巧思。比如网站首页右侧的《细节大揭秘》（即细节猎人频道），文案前面的小眼睛图标其实藏有微交互小彩蛋...
