2. 设计思考：
结束了一天的工作疲惫的回到家，往床上一躺点开 B 站，突然页面崩溃出错闪现 404 页面，愉悦的心情立马就 down 到谷底。但当 404 页面卖萌地说到「啊叻？视频不见了」并邀请你休息一下看看隐藏的漫画小剧场时，似乎焦虑不爽的情绪得到了一定程度上的安抚与缓解。
仔细研究会发现 B 站 404 页面的图片其实内容很丰富：2233 与小电视的公开情报和日常生活、B 站观看礼仪、趣味小知识等等都会随机出现，每次刷新必有惊喜哦。打破 404 页面枯燥让人反感的形式，让出错的页面本身具有了可读性与趣味性。即使是在突发状况下，网站也要尽量将用户的不愉悦情绪降到最低。
吃豆人 Banner 设计1. 使用场景：
网页端首页 Banner 的切换图标
2. 设计思考：
「Banner」横幅，展示广告，由一张或多张图片拼接；多张图片循环轮播即是我们所讲到的 Banner 轮播图。Banner 轮播图通常位于首页顶部，有时也会在页面中间位置。以动态的形式为用户呈现多张图片，自动轮播的效果可以让每张图片得到较好的曝光，用户不仅被吸引了注意力，还会立刻产生探索*。
「吃豆人」Pac-Man 是电子游戏历史上经典的街机游戏，由 Namco 公司的岩谷彻设计并由 Midway Games 在 1980 年发行，被认为是 80 年代最经典的街机游戏之一，是很多 80、90 后的童年记忆。Bilibili 的主站网页端的 Banner 轮播提示设计就运用了「吃豆人」的视觉元素，有趣复古又充满情怀，进一步强化自己网站的调性。加深用户对产品的印象。
笔记功能1. 使用场景：
网页端视频页的稿件投诉旁边有一个「记笔记」功能，可以记录时间轴和捕捉当前视频的画面，并且支持一键导出和云端存档。
2. 设计思考：
B 站有很多学习视频，有时候看这些视频要伴随着记笔记的需求，但没有一个地方可以记录沉淀自己学习时的笔记，或者学习后的感想和收获，非常不方便，想学习回顾时，操作起来也非常繁琐。
b 站 PC 端新增「笔记功能」，用户在观看学习类的视频时如有需要，可以边看内容边做笔记了。支持定位视频播放节点，标记时刻的功能十分实用，方便将输入的文字或图片笔记与视频对应内容的片段紧密关联起来，提升笔记查阅的效率，方便对学习中的重点知识做整理、回顾、以及提高学习效率。通过笔记功能提高用户的学习体验和用户黏性，也希望通过笔记功能让用户更多次的打开得到产品，以及提升用户的使用时长，提升学习效率的同时完成学习闭环。
互动视频1. 使用场景：
互动视频是一个特殊的视频形式，需要搜索「互动视频」才能找到相应的视频，而且视频标题前面会有「互动视频」的标签。
2. 设计思考：
互动视频概念源于去年年底 Netflix 推出的《黑镜：潘达斯奈基》。19 年以来，Youtube、Netflix、爱奇艺、腾讯视频四大流媒体平台均已入局。这种多线互动的剧情走向远比单线剧情来得丰富，它事关自由意志和自由选择，拥有自由，永远是一件充满诱惑的事情。互动视频虽然在剧情选择上看似丰富，但对内容生产者挑战更大。
在国内，互动视频的开先河者是 B 站。在 19 年互动视频刚开始的时候，B 站也上线的一大波由知名 UP 主创作的互动视频。你如果将 B 站上的互动视频过一遍就会发现，部分视频确实有趣，但你会发现 up 主制作的互动视频水准良莠不齐——以沙雕向居多，剪辑手法与编剧能力不成熟；或者就是将游戏厂商已经做好的游戏通过录制，剪辑进行分P的简单处理；或者是通过剪辑、鬼畜、路子等方式进行的二次创作，真正的精品并不多。显然，这个领域产生爆款的难度比单程线视频要难得多。毕竟相对于传统视频更注重故事的流畅度以及剪辑、逻辑性等方面的能力，互动剧对剧本本身的功底、剧本编排能力、以及故事的合理性的要求极大提升了，制作难度攀升了一个档次；如果内容本身不硬核，那么很可能是制作视频的人累，观众看视频也累。
总的来说，互动视频不仅是技术的选择形式，也是艺术的一种选择形式——是面向未来选择。它的一个值得尝试的新的品类，从当前的创作环境与市场环境来看，它需要精品互动视频来抬升这个市场，但短时间内还不会成为主流。
总结设计师要擅于发掘产品中那些闪亮的设计点，并归纳整理。好的设计不仅要考量商业还要平衡的站在用户的角度去思考，我们设计的目的便是改进昨天不完善的事物和产品，使之接近完善充满温暖，能够直达人的内心，这便是我们在产品中去融入情感化设计的目的。
