作为中国领先的视频分享平台,哔哩哔哩(Bilibili)的交互设计在移动端和网页端有显著区别。其上下滑动切换视频的功能,主要集中于其移动应用程序中,这是为了适配移动设备用户的竖屏观看习惯,并借鉴了短视频平台的流行交互模式。

核心操作方法如下:
在哔哩哔哩手机App中,并非所有视频都支持上下滑动切换。该功能主要出现在以下几个特定场景:
1. “推荐”Feed流:打开App首页的“推荐”栏目,系统会以信息流形式推送视频。点击一个视频进入全屏播放后,即可通过向上滑动屏幕切换至下一个推荐视频,向下滑动返回上一个视频。这是最常用的上下滑场景。
2. “热门”/“追番”等栏目:在这些信息流栏目中进入全屏播放后,同样支持上下滑动切换该栏目列表中的视频。
3. 特定视频合集:部分UP主制作的系列视频或B站官方整理的合集,在播放页面会有“合集”列表。在此场景下,上下滑动可以直接在合集内的视频间切换。
4. “稍后再看”列表:在“稍后再看”列表中点开一个视频全屏播放,上下滑动可以遍历该列表中的视频。
需要注意的是,在网页端,哔哩哔哩目前主要保持传统的“点击返回列表、再点击下一个视频”的交互模式,不支持通过鼠标滚轮或拖拽来上下滑切换视频。其设计重心更偏向于分页浏览和侧边栏相关推荐。
与问题相关的扩展内容:交互设计背后的逻辑
哔哩哔哩在移动端引入上下滑交互,是其内容生态和用户行为变迁的结果。早期B站以横屏、中长视频(如动画、游戏攻略、鬼畜)为主,适合网页端深度观看。随着短视频、竖屏Vlog等内容形态的兴起,以及用户碎片化时间观看需求的增长,信息流和上下滑这种沉浸式、低操作成本的交互方式变得至关重要。它提升了用户的观看时长和内容发现效率,同时也对平台的内容推荐算法提出了更高要求。
这种设计也带来了界面布局的差异:在支持上下滑的全屏页面,视频标题、UP主信息、点赞投币等控件通常为半透明覆盖或可隐藏式设计,以最大化视频播放区域,创造沉浸感。而在传统的横屏播放页面,这些信息则常置于视频下方。
数据对比:B站移动端与网页端核心交互差异
| 功能/场景 | 移动端App | 网页端 |
|---|---|---|
| 上下滑切换视频 | 在推荐Feed、合集等场景下支持 | 普遍不支持 |
| 全屏模式触发 | 点击视频区域或全屏按钮 | 点击播放器右下角全屏按钮或按“F”键 |
| 播放列表浏览 | 多为浮层或侧拉列表 | 右侧或下方直接显示相关视频列表 |
| 主要交互方式 | 触控(点击、滑动) | 鼠标点击、键盘快捷键 |
| 内容呈现侧重 | 信息流推荐、竖屏短视频 | 分类导航、搜索、横屏长视频 |
进阶技巧与注意事项
1. 精准控制:在上下滑动时,如果滑动幅度较小,可能会触发显示/隐藏视频进度条、标题等信息,而非切换视频。需要较大幅度的快速滑动以确保切换成功。
2. 退出模式:在上下滑的全屏模式下,通常可以通过向左滑动或点击左上角返回箭头退出全屏,回到信息流列表。
3. 场景限制:在“搜索”结果页或“个人动态”中直接点开视频,可能无法上下滑切换到其他不相关的视频,因为此时缺乏一个连续的推荐列表或合集上下文。
4. 横屏视频适配:即使是横屏视频,在移动端上下滑模式下,手机通常也会保持竖屏锁定,视频在竖屏中间区域播放,两侧为黑边或模糊背景,评论等信息需要上划才能查看。
总而言之,哔哩哔哩上下滑视频的功能是其移动端信息流体验的核心组成部分,旨在降低用户操作门槛,提升内容消费的流畅度和沉浸感。用户需在特定场景下使用此功能,并与网页端更传统的浏览方式区分开来。

查看详情

查看详情