视频网站内容繁杂，通常有较大的信息密度，因此对内容的分区就显得十分重要。不同用户对视频内容的喜好不尽相同，所以主页标准化的分区列表排序在真实的使用场景里并不能为所有用户提供最佳体验。Bilibili 电脑端将网站右侧的内容分区列表设计成了用户可自定义的模式。点击...

B站播放器的进度条里有萌眼睛小电视交互相信很多同学已经知道了，这是很经典的对用户操作行为做出生动有趣即时反馈的案例。这一次的端午节小电视又来「作妖」了 (๑•ᴗ•๑)~ 为了庆祝「粽子节」的到来，小电视也穿上了粽叶外衣变身「粽子精灵」。当你看剧调整视频进度条...

先出左手还是右手？迈左腿还是右腿呢？跟着视频学跳舞好容易就会做成反动作 T T ~ B站的「镜像翻转」功能正是应对此种使用情境的神器，无论学宅舞还是街舞都方便了不止一点点。点开视频里右上角的「更多」按钮（三个小圆点），将当前视频设置成镜像翻转模式，学姿势就不容易...

B站移动端的播放器右下角都有一个气泡按钮可以随时开关弹幕功能，这个大家应该都知道。其实在哔哩哔哩看视频还有个手势交互的快捷键可以快速关闭弹幕，那就是两只手指同时点击屏幕关弹幕。手势快捷操作给用户使用产品带来便捷和效率，虽然确实需要一定的学习成本有较高的...

如果你戴着耳机在B站看视频，当平台检测到你长时间持续将音量调得过高，会出现弹框提醒音量过大会伤害耳朵并让你确认此操作。这真是个超级人性化的小细节，对用户使用产品体验的情境考量十分周全而并没有局限于产品界面交互设计本身。「要将音量调高到推荐水平以上吗？长...

在视频网站浏览内容时你会发现很多标题都不能完整描述视频信息，有些甚至货不对板。如果想浏览这个视频的大致内容就必须点开查看详情，还得等加载。如果内容不符合想看的预期还得再次回到前一页查看其他内容。这其实无形中增加了用户的操作成本。「Bilibili」在网页端的视频...