01 | b站Web端动态页顶部功能栏设计分析
时间：2023-09-09 07:06:01 | 来源：网站运营
时间：2023-09-09 07:06:01 来源：网站运营
01 | b站Web端动态页顶部功能栏设计分析：
10秒钟结论：现有的动态页顶部下拉功能栏利用不充分，建议在左侧增加“主站”按钮，并修改“动态首页”的操作逻辑为返回到“全部”或热门动态，同时在右侧增加“稍后再看”和“收藏夹”按钮。
bilibili弹幕视频网（后简称“b站”）是一个许多小伙伴都非常喜爱的网站，无论是其全面的番剧、各路up主的投稿还是零广告的特性都让它成了许多了生活中必不可少的内容之一。现在的b站无论是内容还是功能已然非常全面，但是仍然有一些设计值得商榷，今天我们就来分析一下b站动态页顶部功能栏的设计。
1.动态页顶部标准功能栏
打开b站后，点击顶部功能栏中的“动态”，即可进入动态页。由于动态页顶部没有banner设计，所以 从主站页进入动态页之后功能栏的变化仅仅是从有底纹变成了没有底纹，功能项并没有任何改变。
b站主页顶部标准功能栏b站动态页顶部标准功能栏2.动态页顶部下拉功能栏
打开动态页肯定是要查看是否有动态更新的，稍微下拉动态页面后，能够看到顶部的功能栏变成了下面的样子。
b站动态页顶部下拉功能栏能够看到，动态页下拉后，功能栏中的功能项出现了大量的删减和改动。左侧删掉了所有的功能按钮，出现新功能按钮“动态首页”；右侧仅保留了能够进入用户个人空间的用户头像和功能按钮“消息”，同时增加功能按钮“发布动态”。
2.1 功能栏左侧设计分析
左侧新增的功能按钮“动态首页”和标准功能栏中的功能按钮“动态”所提供的功能并不相同。“动态首页”的功能是刷新当前页面，这个操作会让你停留在当前所在的动态分区，而“动态”则是打开动态页并进入且只能进入其中的“全部”分区。
动态首页会让你保留在当前分区中，如“投稿视频”中“动态”会打开动态页并只能进入“全部”中我认为，这里有两个值得商榷的地方：
- 一般来说，Web界面左上角的功能按钮都是打开这个网站的主界面，而b站的这个“动态首页”则是刷新当前界面，不符合用户更为普遍的操作习惯。
- 刷新界面并停留在当前动态分区的设计可能存在一定问题。我分别在番剧区、科技区和鬼畜区三个内容区中进入当前区域内主推视频的评论区进行了查看了数十名用户的关注情况，发现绝大部分用户关注的up主数量大概为30~80。从我个人来讲，我目前共关注了63名up主，其中不乏每天一更甚至多更的一些高产up。但是，这并没有带来动态页“投稿视频”区的频繁更新，更有可能的情况是每一两小时甚至四五小时才会有一次“投稿视频”的更新，而“追番”、“小视频”和“专栏”三个动态区的更新频率更是低的令人发指，这让刷完一波动态之后点击“动态首页”进行刷新的操作没有意义。只有类似微博的“图片”区因为发送成本极低才会产生频繁的更新。因此，刷新界面并保留在当前动态分区的设计对于不同分区而言是不均衡的，也没有很好的起到让用户刷刷刷完当前动态再一刷新界面发现又有更新可以看了的快感，难以保留用户。
针对以上两个问题，我认为应该在下拉功能栏的最左侧保留功能按钮“主站”，并将“投稿视频”按钮的功能修改为刷新界面并打开“全部”动态分区。
2.2 功能栏右侧设计分析
右侧保留下来的按钮功能也产生了一定的削弱，将鼠标移至头像上方时发现在下拉功能栏中，用户头像不再具有放大的效果，也取消了基本选项卡的弹出，而功能按钮“消息”则保留了原有的跳转和子选项卡弹出功能。新增的功能按钮“发布动态”则使用户能够快速发送一条包含文字和图片的短消息。
右侧功能上的削减使得整个功能栏显得更加简洁，但我认为这也是对功能栏的一种浪费。事实上，我认为在这个位置增加功能按钮“稍后再看”和“收藏”是很有必要的，因为当用户关注的up主达到数十人后，如果不是过于频繁刷新b站的话很有可能每次刷新都会有数个投稿更新，而随着关注人数的增加，用户还将面临从所有更新中筛选自己更感兴趣的视频进行观看的问题。我个人习惯于逐一挑出感兴趣的视频添加到“稍后再看”中，随后统一进行观看，但是现在的功能栏设计导致这个操作不是很顺畅，需要先点击网页右下角的小火箭返回到页面顶端才能进一步进入“稍后再看”；另一方面，喜爱观看直播的用户也会不得不返回页面顶端才能找到直播的入口，这些都会产生一定的使用
停顿感而且
效率明显降低。
针对上面的问题，我认为应该在下拉功能栏的右侧保留功能按钮“稍后再看”和“收藏”，有效利用功能栏的空白区提供更加高效便捷的使用方式。
2.3 功能栏修改样例
修改后的功能栏如下图所示：
b站动态页顶部下拉功能栏修改样例这样修改后，在保留原有操作逻辑的基础上更加符合直觉和方便，也保留了下拉功能栏相对简洁的设计。
3.后记
本篇文章只是基于我的使用习惯和观察身边小伙伴的使用方式后得到的一些结论和建议，言论存在着大量本人主观、臆测和想当然的因素，网站本身仍存在大量其他的操作逻辑和使用方式，希望各位看官能够各抒己见，不吝拍砖~
在线咨询
