愚人节里的正经话,关于竖排显示弹幕的理论

封面pid=66896804

4月1日,B站上线了一个愚人节彩蛋,滚动弹幕由过去从右向左滚动,自上至下堆叠修改成了,从下至上滚动,自右向左堆叠。这是之前从未有过的一种弹幕展现形式。虽然说做起来很简单,但是里面存在有不少我对于弹幕易读性的思考。这篇博文将会介绍竖向弹幕的一些理论介绍。

过去也有弹幕逆向移动,竖向弹幕的根本区别在哪?

我们已经知道,中文是一种LTR(Left to Right)书写的语言,因此阅读也是从句子的最左端开始的。我们平时的弹幕之所以是从右向左滚动,也是为了保证用户的在弹幕未滚动完的前提下也可以正常的进行阅读。但是如果弹幕是从左向右滚动的话,那么用户将会先看到句尾。此时如果弹幕未滚动完,用户就很难阅读获得句意。

即便将弹幕转换成竖排结果也是一样,一定是先让句头先出现。所以我并没有仿照黑客帝国的那种风格,而是采取弹幕从下至上滚动也是这个原因。当然假使有RTL语言(阿拉伯文或希伯来文)为主的弹幕网站,那么一切都需要反过来了(笑)。

 

安全框面积的合理利用

视频,漫画等等出版物都存在一个名为安全框(Safe area)的一个名词,其中视频的安全区便是用于为了避免过扫描(Overscan)而造成视频主体内容让用户不可见,而漫画的安全区则是为了避免装订时,主体内容因为装订而被裁掉或遮住,从而变得不可阅读。他们的目的虽然不尽相同,但是有一点是可以确认的。那就是安全框内的内容是主体内容。

世面上大多弹幕网站的弹幕堆叠方式都是自上至下的,但是我们也可以从图中可以很明显的看出,横排的弹幕堆叠行数,哪怕不算字幕安全区也是小于竖排的堆叠行数的。结果显而易见,将弹幕改为竖排堆叠,那么弹幕遮挡住视频主体内容的开始时间将会小于横向堆叠方式。

 

视觉焦点的合理引导

上段中已经介绍了,竖排弹幕其实是安全框外的面积的合理利用。但是为什么不完全让弹幕就处于安全框外,或者先让弹幕布满安全框外的区域,再让其溢出呢?这里可能就更加偏向于用户视觉焦点的一些考虑在里面了。

假设我们让左右两端同时滚动竖向弹幕(就像对联那样),那么不可避免的用户需要将视觉焦点不停的在视频的最右和最左来回移动,时间一长,视觉疲劳的产生会最终造成用户观看视频的时间减少。然而实际使用场景并没有那么简单,用户不仅需要关注弹幕也需要关注视频,甚至其他别的部件。不同弹幕如果距离过远,视觉焦点移动的距离便会不停累加,从而阅读成本的就会随之增高。也正因为这一原因,弹幕也不适合在视频中使用随机轨道(行数)进行滚动。

结语

虽说这个功能是作为愚人节彩蛋推出的,但这其实也是包含了很多可能不尽完美的思考在这其中。横向文本阅读依然是大众所习惯的阅读方式,竖向弹幕理所当然的会有用户不适应。不过我更多的是想趁这个机会,获得用户们的反馈。在这个理论上加以改进,最终能够获得比之前更易读的弹幕观看体验。

 

Comment

There is no comment on this post. Be the first one.

Leave a comment