尊享

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

投稿

Bilibili

已捕获优质的产品细节 180 个

Bilibili

细节 180

我也有新发现 我要投稿
这个小电视我也就点了100下
Bilibili

设计彩蛋这个小电视我也就点了100下

猎人 - AmberDu小白0.0

登录小电视家安卓版本的App向左滑动,侧面菜单栏背景里的小电视图案是可以戳的哦 。触摸小电视它就会出现卖萌表情的反馈,简直不要太好玩。据说是当时做开发的程序员哥哥埋下的小彩蛋...

查看详情

#Bilibili#交互手势#情感化设计

加个好友吧~那你扫我的二维码还是我扫你呢?
Bilibili

用户体验加个好友吧~那你扫我的二维码还是我扫你呢?

猎人 - AmberDu小白9.0

随着二维码的广泛运用,扫码加好友的功能也越来越普及。每次加好友时,我们总需要问对方一句「你扫我还是我扫你呢?」来确认自己应该应该打开ID二维码还是「扫一扫」的功能。

查看详情

#Bilibili#二维码#情境预判

B站「弹幕设置」里的奔跑小人儿~
Bilibili

设计彩蛋B站「弹幕设置」里的奔跑小人儿~

猎人 - AmberDu小白0.0

B站最近在iOS版本的「弹幕设置」里,添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似...

查看详情

#Bilibili#弹幕#形象思维

小电视家的趣味搜索
Bilibili

用户体验小电视家的趣味搜索

猎人 - AmberDu小白8.0

网站搜索的速度与反馈,十分影响用户对App好感度的提升。搜索的慢了,用户等待感变强;反馈差了,用户对搜索的期望值会变低。小电视家的搜索就用2233的一个动画来对用户进行搜索状...

查看详情

#Bilibili#加载#动画

支持多线同时工作的「后台播放」功能,追求效率的你值得拥有
Bilibili

用户体验支持多线同时工作的「后台播放」功能,追求效率的你值得拥有

猎人 - AmberDu小白2.0

不知道大家有没有在B站使用过「后台播放」功能,所谓「后台播放」就是将目前正在播放的播放器隐藏但功能仍然继续运行。这个功能对于喜欢听视频音频的用户,比如喜欢通过听美剧英剧学英语...

查看详情

#Bilibili#人性化#后台播放

自定义首页分区位置,我的地盘我做主
Bilibili

用户体验自定义首页分区位置,我的地盘我做主

猎人 - AmberDu小白0.0

视频网站内容繁杂,通常有较大的信息密度,因此对内容的分区就显得十分重要。不同用户对视频内容的喜好不尽相同,所以主页标准化的分区列表排序在真实的使用场景里并不能为所有用户提供最...

查看详情

#Bilibili#人性化#分区

「镜像翻转」功能开启,跟着视频学跳舞不再跳错方向<(* ̄▽ ̄*)/
Bilibili

按钮设计「镜像翻转」功能开启,跟着视频学跳舞不再跳错方向<(* ̄▽ ̄*)/

猎人 - AmberDu小白9.0

先出左手还是右手?迈左腿还是右腿呢?跟着视频学跳舞好容易就会做成反动作 T T ~ B站的「镜像翻转」功能正是应对此种使用情境的神器,无论学宅舞还是街舞都方便了不止一点点。

查看详情

#Bilibili#人性化#情境预判

要将音量调高到推荐水平以上吗?长时间保持高音量可能会损伤听力~
Bilibili

用户体验要将音量调高到推荐水平以上吗?长时间保持高音量可能会损伤听力~

猎人 - AmberDu小白0.0

如果你戴着耳机在B站看视频,当平台检测到你长时间持续将音量调得过高,会出现弹框提醒音量过大会伤害耳朵并让你确认此操作。这真是个超级人性化的小细节,对用户使用产品体验的情境考量...

查看详情

#Bilibili#人性化#声音

小电视家有了Gif录制功能,1秒钟搞定鬼畜表情包不是梦
Bilibili

交互手势小电视家有了Gif录制功能,1秒钟搞定鬼畜表情包不是梦

猎人 - AmberDu小白9.0

看视频时看到一些精彩片段或者有趣的鬼畜表情,时常有截屏做个Gif图或者自制表情包的念头。但真要弄起来, 无论是录屏转Gif还是截屏做动图都是很麻烦的事情。B站「感应」到了各位...

查看详情

#Bilibili#交互手势#即时反馈

B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?
Bilibili

用户体验B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?

猎人 - AmberDu小白6.0

国内主流的视频网站目前好像都多只支持横屏观看模式,这对于观看来自短视频软件与直播软件录屏(如抖音、快手)的竖屏内容显得十分不友好。随着用户上传竖屏内容的增多,B站增加了支持视...

查看详情

#Bilibili#交互手势#情境预判

恭喜~你已成功捕获一只野生Up主O(∩_∩)O
Bilibili

微交互恭喜~你已成功捕获一只野生Up主O(∩_∩)O

猎人 - AmberDu小白9.0

拥有一个能捕捉携带怪兽的「精灵球」是很多喜欢「口袋妖怪」的小伙伴的梦想,其受欢迎的程度由两年前Pokémon GO的风靡一时就可见一斑。作为国内二次元网站代表的B站结合其平台...

查看详情

#Bilibili#交互手势#情怀

半夜睡不着?不妨开启B站的「修仙模式」深夜追番
Bilibili

用户体验半夜睡不着?不妨开启B站的「修仙模式」深夜追番

猎人 - AmberDu小白6.2

结束了一天忙碌的工作、学习,很多同学都会选择在晚上看看书、追追剧来缓解一天的压力与疲惫。若你喜欢在深夜追番的话,不妨开启小电视家的「修仙模式」有隐藏福利哦。在B站App的追番...

查看详情

#Bilibili#人性化#情境预判

先等我Mark完所有想看的视频,再一次性看个痛快<(* ̄▽ ̄*)/
Bilibili

按钮设计先等我Mark完所有想看的视频,再一次性看个痛快<(* ̄▽ ̄*)/

猎人 - AmberDu小白9.0

一直觉得视频平台的「稍后再看」功能是一个特别贴心的设计,尤其是在算法推荐普遍运用之后。由于用户刷新可见的内容都是根据用户之前的喜好与行为数据分析来推送,所以页面呈现的内容多半...

查看详情

#Bilibili#人性化#情境预判

端午佳节来临,B站小电视也变身「粽子精灵」送祝福 (๑•ᴗ•๑)
Bilibili

设计彩蛋端午佳节来临,B站小电视也变身「粽子精灵」送祝福 (๑•ᴗ•๑)

猎人 - AmberDu小白9.0

B站播放器的进度条里有萌眼睛小电视交互相信很多同学已经知道了,这是很经典的对用户操作行为做出生动有趣即时反馈的案例。这一次的端午节小电视又来「作妖」了 (๑•ᴗ•๑)~ 为了...

查看详情

#Bilibili#微交互#情怀

B站404页面里的漫画小剧场
Bilibili

用户体验B站404页面里的漫画小剧场

猎人 - AmberDu小白8.5

周末的晚上终于结束一周工作的疲惫可以舒服地倚靠在家里的沙发上吃着西瓜看剧,突然页面崩溃出错闪现404页面,愉悦的心情立马就down到谷底。但当小电视家的404页面卖萌地说到「...

查看详情

#404页面#Bilibili#情感化设计

B 站的「静音播放提醒」,让用户的每个操作行为都有反馈
Bilibili

用户体验B 站的「静音播放提醒」,让用户的每个操作行为都有反馈

猎人 - AmberDu小白9.0

有时候随手打开视频App点开一部剧集播放却许久没有声音,仔细检查才发现是自己忘了之前已将手机调到了静音模式。这是一个生活中再寻常不过的使用场景,但贴心如B站针对此小情景为用户...

查看详情

#Bilibili#人性化#即时反馈

来自B站鬼畜区的究极豪!华!版!隐藏彩蛋
Bilibili

设计彩蛋来自B站鬼畜区的究极豪!华!版!隐藏彩蛋

猎人 - AmberDu小白9.0

常常觉得小电视家就像一座宝藏,总会有新的隐藏设计细节悄悄等待着在某一天被你发现。在电脑端打开B站的鬼畜区往下滑动鼠标时右侧会出现一个向上的箭头图标,与多数网站一样点击这个图标...

查看详情

#Bilibili#微交互#惊喜

常在B站追番的你,有发现过藏身在时间表里的2233小可爱么?
Bilibili

文案常在B站追番的你,有发现过藏身在时间表里的2233小可爱么?

猎人 - AmberDu小白9.0

长期混B站的同学一定会对追番再熟悉不过,但不知道你有没有发现手机端查看追番区的时间表是可以「抓到」两只藏身其中的2233小可爱的。由于在时间列表查看番剧信息只能追溯到当前日期...

查看详情

#Bilibili#情感化设计#惊喜

2233娘真是贴心的小姐姐(*╹▽╹*)
Bilibili

微交互2233娘真是贴心的小姐姐(*╹▽╹*)

猎人 - AmberDu小白9.2

登录网站或应用在输入密码时,无论周围环境如何我们总会潜意识里产生一丝不安全感。B站对于这个问题的处理方式显得十分可爱,在用户登录账号输入密码时背景里的2233娘会出现双手捂眼...

查看详情

#Bilibili#人性化#安全感

嗷~这个播放器的进度条把我的心都萌化了喵 (⊙v⊙)
Bilibili

微交互嗷~这个播放器的进度条把我的心都萌化了喵 (⊙v⊙)

猎人 - AmberDu小白0.0

B站播放器进度条中的萌眼睛小电视图标,会在用户调整视频进度时转动眼睛看向拖动动作的方向。这种设计不仅是对用户操作行为确定性很好的即时反馈,更使用户与产品的互动过程增添了情感与...

查看详情

#Bilibili#交互手势#情感化设计

9/9

热门应用