Bilibili 开启点赞新姿势 - 优设网 - UISDC

微交互 Bilibili 开启点赞新姿势

产品：Bilibili Android 作者：Bilibili 设计团队 时间：2018-10-23

猎人： 小白 投稿： 春花你为谁开观众：3426人

细节描述

Bilibili的安卓版本最近更新了新的「点赞」特效，当你为喜欢的视频点赞以后会出现不同的交互小动效。有时候是卖萌小电视，有时候是2233娘。情感化的设计，巧妙的将「点赞」功能的即时反馈与平台形象和相关元素结合，使用户的每次点赞行为都充满惊喜和期待。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bilibili# 即时反馈# 微交互# 情感化设计# 惊喜# 点赞# 设计彩蛋# 趣味性
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 QQ音乐 iOS

你将掌握 用户体验 的小知识~

如果在「QQ音乐」搜到无版权的歌曲会怎样？

在音乐App搜索歌曲时，最让人产生失落与挫败感的状况无疑是搜到平台无版权的歌曲。「QQ音乐」对于无版权歌曲搜索结果的处理方式是...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

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

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

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

设计逻辑 当无法完全迎合用户的喜好时，至少要学会避免用户的不喜欢

「鬼畜」App作为一款快速制作魔性表情包与鬼畜视频的软件，会根据用户输入的台词文案随机生成鬼畜视频。但由于视频取材具有随机性，如果出现的演员阵容用户不喜欢，体验会大打折扣。因此，团队专门设计了一个名为「专属演员表」的功能，让用户自己添加喜欢的演员名单与黑名单。这样视频在取材时就能优先选取用户喜欢的演员素材合成,达到迎合用户喜好的目的。即使受限于素材库不能完全提供用户喜欢的明星阵容，「黑名单」的屏蔽功能至少可以防止用户不喜欢的演员「入镜」，这已在很大程度上避免了用户的负面情绪了。能向用户提供完全符合其喜好的内容自然再好不过，但如果不能，要学会换位思考至少避免用户不喜欢的内容出现。

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

设计彩蛋 辞旧迎新过春节，灯笼小电视贺新春

春节期间，小电视家不仅上线了「2019拜年祭」动画，视频播放器的进度条也如约而至迎来了节日彩蛋更新。这一次进度条里的小电视图标变成了喜气洋洋的红灯笼，带来了浓浓的年味也带来了美好的祝福。依旧是节日时间结束小电视就立马恢复到常规的模样，限时「供应」的节日彩蛋让用户在特殊的日子里使用产品多了一份小期待。

产品：Bilibili iOS 作者：Bilibili团队 猎人： 小白

微交互 你可能没发现，iMessage自带信息气泡特效

苹果手机的iMessage信息内置了气泡特效，但由于入口较隐蔽，很多人可能都没发现这个有趣的小功能。在iPhone上发送短信时长按输入框旁边的icon，就会出现「带效果发送」的操作界面。比如「回声效果」「聚光灯效果」「爱心效果」等等。个性化的特效气泡为短信发送增添了情绪，让屏幕两端用户的互动体验更加生动有趣。

产品：iOS系统 作者：Apple 设计团队 猎人： 蓝点

优设精选专题 查看更多

113000人看过 7篇文章

图标绘制指南

高手从零开始带你画图标

本专题由「超人的电话亭」撰写，旨在帮助新人设计师学会图标的绘制方法。从图标基础知识到5大图标类型绘制方法详解，最后附上图标应用方法。UI 设计新手学习图标之前，建议完整阅读这个专题，帮助极大。
查看专题
487933人看过 26篇文章

改版设计

大公司的改版方法和实战案例都在这了！

本专题包括4篇改版设计方法和技巧，还有超过10个大公司的产品改版设计实战案例。想做改版设计之前记得来看一遍，绝对是收获满满！
查看专题
253326人看过 10篇文章

每月设计干货

每月最新的实用设计干货及时送上！

关注本专题，每个月都会为你送上最新的字体资源、图标素材、高效工具和酷站推荐，保证满载而归！
查看专题
259499人看过 11篇文章

设计法则

用超多易懂的案例帮你学会经典设计法则

每次在做项目总结的时候，总想列举一些法则和方法论来增加总结的专业性以及可信服度，但是总有些熟知的方法却怎么也叫不上名字，所以有了这个专题，敦促自己在做设计的时候不要留于表象，有理可循。
查看专题

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

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt
清华大学出版社

用户思维

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

约翰·沃瑞劳
中国友谊出版公司

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

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

唐纳德· A · 诺曼
中信出版社

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

梁景红
人民邮电出版社
书到用时方恨少 > >
设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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