藏在B站(bilibili)里的有趣的细节

藏在右键里的小趣味

B站利用起闲置空间的控制台做的有趣字符画,为品牌增添了情趣与情怀。

藏在B站(bilibili)里的有趣的细节_第1张图片


引导登录提示

引导登录提示也是弹幕风格,非常符合bilibili的产品气质。

藏在B站(bilibili)里的有趣的细节_第2张图片


点赞提示

点赞弹出动画提示,吸引用户的好奇心,引发点击欲望。

藏在B站(bilibili)里的有趣的细节_第3张图片



显示在线人数字段

B站首页推广模块不仅会在主页显示在线总用户人数,且列表也会显示这些视频都有多少人在观看,在每个视频的播放页面也会显示当前正在观看此视频的人数。看似小细节其实蕴藏着大智慧。一方面吸可以引用户的好奇心,一方面也会给予用户陪伴感与归属感,让用户看剧不孤单。

藏在B站(bilibili)里的有趣的细节_第4张图片
藏在B站(bilibili)里的有趣的细节_第5张图片
藏在B站(bilibili)里的有趣的细节_第6张图片


评论表情支持颜文字

B站自带的 emoji 可以说是非常有B站自己的风格。emoji 让人忍俊不禁,还增加颜文字表情,非常符合B站用户群的使用习惯。

藏在B站(bilibili)里的有趣的细节_第7张图片


个人主页可查看多个视角

增加了粉丝视角后,这样每次up主编辑好自己的主页内容后,就不必再专门退出登录来查看他人视角中自己主页的样子是否符合预期了。

藏在B站(bilibili)里的有趣的细节_第8张图片


404页面漫画小剧场

当用户不小心进入错误页面时,为了转移用户的注意力,B站出了一系列漫画小剧场,点底部的按钮可以换不同的漫画。打破404页面枯燥让人反感的形式,让出错的页面本身具有了可读性与趣味性。

藏在B站(bilibili)里的有趣的细节_第9张图片


不用查看详情也能预览弹幕

将鼠标移动到视频缩略图上,就能加载出视频的几个截取片段还能显示该片段所在的进度条。且移动鼠标还能拖动进度条,操作十分方便,提升观影效率。


字幕设置

鼠标移动到字幕设置按钮会出现字幕样式测试提示,用户可直观感受到调整后的字幕字体大小颜色等样式。

藏在B站(bilibili)里的有趣的细节_第10张图片


加入我们

B站「加入我们」页面,特别设计了程序员和设计师人物插画。

藏在B站(bilibili)里的有趣的细节_第11张图片


输入密码

登录注册输入密码时,漫画人物会捂住眼睛,有了这个蒙眼动作的心理暗示作用,用户会感到自己的隐私受到保护从而产生安全感。

藏在B站(bilibili)里的有趣的细节_第12张图片


青少年防沉迷模式

B站「防沉迷模式」,监护人设置密码输入正确才能正常使用,否则此模式下无法开启。避免娱乐产品影响到未成年用户的健康成长。

藏在B站(bilibili)里的有趣的细节_第13张图片



镜像翻转

跳舞跟着视频学,是先出左手还是右手,左脚还是右脚呢?B站出了镜像翻转功能,让你跟着视频学跳舞不再跳错方向。


藏在B站(bilibili)里的有趣的细节_第14张图片



弹幕缓存

B站不仅能离线缓存视频弹幕,还能不断更新缓存视频的新弹幕。 让用户无论何时何地都能同样享受与线上无差别的最优观看体验。


藏在B站(bilibili)里的有趣的细节_第15张图片


修仙模式

喜欢深夜追剧?不妨开启「修仙模式」。开启「修仙模式」后,深夜0点到6点的动画就会在前一天展示并且B站内的时间显示会由正常的24小时变成30小时制。

藏在B站(bilibili)里的有趣的细节_第16张图片


头像可更换且随机无限次更换

点击头像更换「随机」按钮是可无限次使用,如果对当前的头像不满意,可以不停切换随机头像。系统提供的头像是B站的IP人物,有趣的同时也为平台品牌提升了记忆点。

藏在B站(bilibili)里的有趣的细节_第17张图片


可录制GIF按钮

看视频时若有有趣的片段常有想截gif的冲动,B站很贴心的感知到了用户这一诉求。截取下来的gif还可以选择保存到本地还是分享,操作非常简单流畅。

藏在B站(bilibili)里的有趣的细节_第18张图片


无线网络和移动网络信息露出

藏在B站(bilibili)里的有趣的细节_第19张图片


智能防挡弹幕按钮

智能防挡弹幕,人物可以不被字幕挡住。

藏在B站(bilibili)里的有趣的细节_第20张图片
藏在B站(bilibili)里的有趣的细节_第21张图片



相关文章推荐:

17组值得收藏的设计规范&组件库下载

给互联网设计师和设计爱好者的简报分享

在构建设计规范之前,你需要看看这些设计资源

如何构建设计语言系统

给初级UI&UE设计师的Sketch资源分享

交互设计原则和理论1——尼尔森十大可用性原则

交互设计原则和理论2——七大定律

国外设计团队的高频设计工具与协作工具

16个表单优化技巧

怎样提高注册登录流程的交互体验

不可错过的2019设计趋势

你可能感兴趣的:(藏在B站(bilibili)里的有趣的细节)