编辑导语：作为俘获大量年轻用户的视频平台之一，哔哩哔哩有哪些值得拆解和借鉴的特色和用户体验设计？在这篇文章中，作者从网络用户、web用户和开发者的角度总结了哔哩哔哩的设计细节。让我们来看看！
这一次，我将根据不同的受众来分析产品设计的细节，让我们看看哔哩哔哩正在进行哪些多元化的设计努力。
众所周知，哔哩哔哩是一个集二次元、鬼畜、学习、娱乐等为一体的综合性视频社区。近82%的用户是Z世代用户(90-09年出生的人)，他们也是在互联网下长大的一代。
用户规模和活跃度不断处于较高水平，除了产品端的努力，设计中的体验感知也很重要。这次分享用户在哔哩哔哩最常能感知到的产品设计细节，有助于你丰富哔哩哔哩的玩法，了解产品的优势，从而知道设计发力点。
越往下看，越是惊艳。总有你不知道的彩蛋设计细节。
1.网络出生的用户。【防偷窥】登录页面——2233妈妈的眼睛被遮住1)使用场景
很熟悉的一页。登录页面是除了主页之外，每个用户都有很大概率进入的页面。如何给用户安全感，增强产品记忆？
2)设计思维
目的：提高用户登录哔哩哔哩时的安全感知。
设计：当用户输入验证码或密码等敏感信息时，妈妈2233会捂住眼睛，暗示我们不会偷看私人信息。加强哔哩哔哩对安全和隐私的重视，增强用户的信任。
同时，哔哩哔哩的品牌IP2233娘从童年到成年都体现在其产品中。当用户登录注册账号时，2233娘的童年q版呈现在眼前，寓意着2233娘未来陪伴、共同成长的愿景。这是第二层意思。
2.[选择封面]打开屏幕第——页可选模式1)使用场景
作为二次元视频社区，用户对产品品牌是亲昵的。但哔哩哔哩发展至今，二次元内容逐渐被多元生态所取代，品类占比逐渐降低，其中体现了老用户的情感记忆。
2)设计思维
设计目标：增强品牌IP传播，让用户享受更丰富的打开页面，满足用户情感。
设计：在“设置”-“开屏设置”中，可以随机显示或自定义选择的屏幕，共为用户提供20张图片，每张都是2233娘和哔哩哔哩这个重要日子的组合插画，包括一些经典的页面。当用户选择特定图片时，既能强化IP记忆点，又能体现产品对用户的重要性。
3.【弹幕清屏】视频页面——双指点击快速隐藏1)使用场景
哔哩哔哩弹幕是出了名的有趣。当弹幕狂热者观看一个流行的爆炸视频时，很可能弹幕会一路主导屏幕。虽然气氛饱满，但也会阻挡用户观看自己关注的内容，从而错过精彩瞬间。怎么解决？
2)设计思维
设计：优化弹幕开关的便捷操作，给用户高品质的交互体验。
设计：在视频播放页面，切换弹幕的常规方式是点击左下角的弹幕按钮。为了更方便，你可以用两个手指点击屏幕来触发切换弹幕功能。相比常规的“先点击屏幕”和“再次关闭弹幕”两种操作，用两个手指点击屏幕效率更高。虽然多指操作的学习成本很高，但是这种隐藏的交互会大大提升视觉体验。
现在的产品功能不断叠加，有时候常用的功能也要进入三级才能使用。为什么不换个思路，用多指交互来提升用户的操作体验呢？可能是很好的体验升级。
4.【进度条】视频第——页眼睛跟着方向1)使用场景
抛开一个产品的空洞状态和界面元素，如何在视频页面中给用户品牌认知，增加有趣的体验。
2)设计思维
设计目标：增强视频页面进度条的趣味性，从而加强哔哩哔哩品牌的透明传递。
设计：在视频页面中，左右拖拽视频进度时，进度条的指示图标“小电视”的眼睛会左右移动。当你向左滑动眼睛跟着向左，向右滑动小眼睛跟着向右的时候，很有意思。通过IP结合进度条的交互设计，让原本单一的形式变得有趣。
当然，进度条的风格不止一种，还有很多风格各异的彩蛋视频。去找他们吧(对了，最近我在用【优酷】的时候发现了进度条的微设计)。感兴趣的朋友不妨看看)。
5.【一键三通】视频页面——长按喜欢触发联动1)使用场景
“一键三通”最早的发源地，可能你到现在才知道这个功能。
2)设计思维
设计：改进同质产品中特殊功能点的设计，强化产品的“一键三通”功能。
设计：在视频页面浏览时，看到自己喜欢的UP主视频，激动得想要一键三连。可以长按喜欢按钮，右边会看到投币比例和收藏显示进度条。当一圈跑完，就像，投币和收集同时完成。这就是一键三联的激活功能。
不仅如此，移动端、web端、下一个“写笔记”都可以触发一键三通的功能，产品特有的功能感知十足。
6.【快速听歌】视频切换——你的下一个听歌软件为什么要做听歌软件1)使用场景
我想听周杰伦的歌，但是我没有网易云音乐，还要付费用QQ音乐。好难受~
2)设计思维
设计目标：解决用户听歌时的视频弹幕干扰，将视频切换到音乐模式，专心听歌。
设计：在视频页面，点击“更多”，选择“听视频模式”。当前视频将切换到音乐页面。这不是音乐软件吗？常用循环，上一首下一首，收藏，评论，转发的功能都有，不用太大。
因为哔哩哔哩是UGC(用户生产内容)和PGC(专业生产内容)的独特视频平台，所以不会太担心侵权问题。难怪哔哩哔哩有更多的Z世代用户。一个产品可以满足很多人很多场景的需求。难怪能俘获人心。它有它的道理。
2.学习用户1。【视频放大】双指移动——放大缩小画面1)利用场景
当你在哔哩哔哩学习时，很难在小小的手机屏幕上看到细节。怎么解决？
2)设计思维
设计目标：提高细节放大的效果，让用户看清具体信息，提高学习效率。
设计：在视频页面上，除了上面提到的两指点击触发弹幕开关，还可以伸出两指随意放大视频。当然也可以捏缩视频。当原始视频尺寸改变时，底部会有一个“恢复屏幕”按钮。点按它以快速更正视频。赶紧用起来~
2.【学英语】友3354学习笔记1)使用场景
你还在边看英文电影边学英语吗？虽然这是一个解决方案，但是如果你不认识单词或者语法，你就要在第三方翻译软件里翻译，效率大打折扣。
2)设计思维
设计：提高音乐学习效率，加入视频实时英语分析，帮助快速学习英语。
设计：目前已知在老友记中，用户可以点击左侧的“学习音乐”进入英语学习栏目。演员的每一段对话及其出场时间都列得清清楚楚。你可以反复听一段对话，或者学习当前对话中你不懂的单词或语法，这简直是英语学习者的福音。
3.【大家一起看】大礼堂——的学习氛围瞬间爆满。1)使用场景。
一起刷哔哩哔哩，一起看视频，一起聊天等场景可能只存在于现实中。真的是这样吗？
2)设计思维
设计：解决异地分别画哔哩哔哩的障碍，提高随时随地一起画剧、学习的幸福感。
设计：在视频页面，点击“一起看”进入放映大厅。可以自己建放映厅，也可以进别人的放映厅。简而言之，你可以有更多的朋友一起看视频，互相交流，这样才能完美
4.【写笔记】笔记功能3354教学视频高效学习工具1)使用场景
也是看视频学习。当你身边只有一部手机的时候，你需要做笔记。你还在通过备忘录等形式在app之间来回切换记录吗？
2)设计思维
设计目标：解决观看视频时难以记录关键知识的问题，提高记笔记的效率，从而高效学习。
设计：在公开课等教学视频中，点击“更多”找到“笔记功能”，可以解决边看视频边记录的痛点。不仅如此，还可以查看其他用户的笔记，一键三链接互动。这是一种双向学习。简直不伟大。还可以一键将笔记复制粘贴到您的知识库中，解决内容迁移问题。在哔哩哔哩留学的用户不妨赶快试试~
3.网络用户。【弹幕撤回】——可在2分钟内撤回，避免意外文字伤害1)使用场景
哔哩哔哩是一个弹幕网络。很多时候，观众随意发表的弹幕言论会给其他用户带来不适，给平台带来污染。怎么解决？
2)设计思维
设计：为用户增加弹幕删除功能，提升弹幕评论绿色评论，净化弹幕内容。
设计：在视频页面发送一个弹幕，用户可以在视频中看到自己的弹幕。当鼠标进入时，他们可以选择退出。需要注意的是，弹幕只能在2分钟内撤，一天只能撤5次。目的是防止用户频繁撤销操作。手机可以点击弹幕列表找到自己的弹幕。长按会显示取款选项，然后点击取款。
2.【鬼畜秘笈】在网页上，鬼畜区长按下“返回页首”按钮10s，输入相应字母进入经典鬼畜专区。
1)使用场景
人们总是对好奇的事情感兴趣，尤其是在他们不知道的情况下。
2)设计思维
设计目标：增加鬼畜区弹幕彩蛋功能，提升该类别视频曝光度。
设计：在鬼畜区的频道上，按住右下角的Back to Top按钮10s，会激活底部的黑输入列表。文案写着：“尝试输入字母，发现鬼畜的秘密……”带你进入另一个神秘的空间。
3.【鬼畜俯瞰画面】在鬼畜搜索下，按住A键另一个彩蛋等你。1)使用场景。
文案指导会激发用户的好奇心和尝试。
2)设计思维
设计：引导用户输入随机字母，改进彩蛋的互动游戏。
设计：在搜索框中随机输入英文字母，会有字母提示输入。当你进入的时候，网页上会出现一个经典的一句话弹幕。如果长时间按AAAAAAAA…网页弹幕不断出现带音效，就是鬼畜了。当你对一个弹幕头像感到好奇时，可以点击进入视频页面，浏览视频。同时可以在评论区和同样是彩蛋的伙伴交流，很热闹。
4.【小黑屋】了解规则3354查看案例，深化学习1)使用场景
当哔哩哔哩在没有监管和机构教育的情况下上传视频和评论时，会带来失去用户的风险。
2)设计思维
设计目标：建立良好的视听环境和用户体验，规范产品的内容和形式。
设计：在社区中心，在暗室中，可以查看被关在暗室中的用户的情况，根据情况的严重程度，可以限制禁入的时间。相比长文的制度规范，这种实际案例更能让用户了解平台的规则，防止被关在暗室里。
四。开发者用户1。【代码好字】小黑屋右箭头源代码——金石好字1)使用场景
程序员想越狱查看小黑屋页面上的代码等行为。
2)设计思维
目标：告知程序员，开发者的小黑屋不仅是用来规范视频用户行为的，也是给开发者和程序员的。
设计：在“小黑屋”页面，右键“显示网页源代码”，在一行代码中间，你会看到一句话：“一旦你耍流氓，就在南墙上挂十年；所有淘气的孩子都应该被打屁股；越狱是不可能的，这辈子都不可能越狱。”非常搞笑的语言让这种严肃的事情变得轻松很多，同时也强化了小黑屋对规则的态度，让哔哩哔哩用户成为遵守规则的好用户。
动词（verb的缩写）结论设计师要有发现美的眼睛。美不仅仅是视觉，更是一种很好的体验过程。不要让用户觉得，这是每个设计师追求的。
认真记录产品细节，了解背后的思维，也是不断提升自己逻辑思维和表达能力的一种方式。
本期产品细节分析完毕。点击原文链接查看更多，我们下期再见！
参考资料：
https://mp.weixin.qq.com/s/ctzbvBqPxtbQxCV2_XAGDQ哔哩哔哩2022年第一季度财务报告
MikuFans弹幕视频网：https://www.bilibili.com/read/cv14244675/
广告：https://mp.weixin.qq.com/s/831jX19aq8cfI_WU7RQubw
时间兴趣研究所：https://mp.weixin.qq.com/s/BUZoVle8ByLQjAFrCMm4ag
#专栏作家#碳水化合物先生；微信：曹荣石三，人人都是产品经理专栏作家。多一个产品设计负责人，擅长设计细节的洞察分析。
本文由人人作为产品经理原创发布。未经许可，禁止复制。
题目来自Unsplash，基于CC0协议。
暂无讨论，说说你的看法吧
