教学视频用户体验设计

教学视频用户体验设计

题图:StockSnap

摘要:教学视频[1]作为补充信息很有用,尽管并非所有用户都会观看。教学视频应易于发现,在整个网站上保持一致的风格,并带有可准确代表其内容类型的缩略图。

关键词:教学,视频,UX设计

当需要学习如何做某事时,越来越多的人开始通过观看视频学习新东西。为了了解教学视频和其他图形内容如何帮助学习,我们与8位参与者进行了一项研究。我们要求他们研究某些主题并学习如何完成各种活动,任务的复杂性和主题各不相同。本文介绍了研究发现以及过去研究中观察到的用户行为。

用户什么时候以及为什么看视频?

并非所有人都喜欢看视频,尤其是教学视频。当他们需要从网上学习时,人们将遵循以下行为模式之一:

  • 仅阅读文字内容,避免看视频
  • 略过文字内容,然后看视频
  • 立即看视频-在(或代替)阅读文字内容之前

第二种模式在看视频之前阅读文本,可以进一步细分:

  • 有些人会在长时间阅读文本以大致了解内容,然后看可用的视频
  • 其他人则会仔细阅读文本,并使用视频来确认自己的理解

观看视频的行为不仅取决于人的习惯和喜好,还取决于视频内容的复杂性。如果视频内容描述了一个多步骤过程,或者用户对该主题不熟悉,那么研究参与者更有可能在某个时候观看视频。即使是那些偏爱阅读文本的人,也会把教学视频作为最后的学习手段。

随着阅读文本所需的工作量增加,教学视频的吸引力也随之增加。

是否应该提供教学视频?

如上所述,许多研究参与者都将视频视为辅助信息源,尤其是对于多步骤或复杂的主题。即使人们选择不看视频,他们仍然喜欢看到一个可用的视频。

由于复杂性是相对的,如果预算允许,最好同时包含文字和视频作为内容,因为用户可以在不需要时忽略视频,但是当他们需要时就可以观看视频。

一致性很重要:当人们在站点的某个页面遇到视频时,他们希望在类似的页面上也可以看到视频,如果不是这种情况,他们会感到失望-特别是对于网站“帮助”或“支持”部分中的内容。

教学视频UX设计准则

将视频作为补充或替代内容,而不是替代文字

并非每个人都喜欢看视频学习东西,并且一些用户更喜欢阅读文本。毕竟,视频是一种效率低下的媒体:人们无法轻松选择要观看的帧。另外,如果视频没有字幕,则播放该视频可能不可行-例如用户在工作环境或在其他公共场所,或使用不同的语言并且无法轻松理解视频语音,或者电脑没有扬声器!

当视频是唯一获取信息的途径时,人们会不满。例如,在戴森的产品支持页面上,视频是获取如何更换空气净化器滤芯的唯一方法。

放在页面顶部的视频应该是全面的

页面顶部的视频是最易于发现最有可能被观看的视频。也就是说,此位置仅适用于包含全部文本内容的视频。当视频显示在页面顶部时,人们会认为这是阅读文字的替代方法,并希望页面上的所有书面内容都可以在视频中找到(反之亦然)。

如果视频仅包含某一部分内容,请在该部分的顶部显示。这种放置方式可以有效地向用户传达视频不是整个页面的概览,并准确地设定期望。

避免将视频放在页面底部或右侧

置于页面底部的视频经常被忽略。首先,有些用户从不向下滚动页面,以至于无法注意到它们。其次,那些滚动页面的人要么认为视频在页面上的优先级较低,要么没有帮助,或者因为他们已经阅读了所有文本内容,所以认为没有必要观看视频。

避免将视频放在页面的右侧栏中,用户始终会忽略它们,因为右侧栏通常会放置广告。

帮助用户跳到视频中的特定内容

对于多步骤视频,请包括多个视频(每个步骤一个),而不是一个长视频。视频以创作者的步调移动,而不一定以观看者的步调移动。因此,在观看复杂的教学视频时,用户在努力理解内容时常常不得不暂停并重播视频的某些部分。

在长视频中显示章节或其他时间标记也可以帮助用户跳到适当的时刻。

直接在页面上显示视频的长度

知道视频的长度后,用户就可以决定是否要播放它。时间越短越好:时间越少,人们越有可能观看它。一个普遍的抱怨是,视频经常包含冗长的介绍,而且不够迅速。播放视频之前,视频的时长应该是可见的—在视频上方,标题旁边或作为视频缩略图的一部分显示,而不仅仅是在视频播放器的滚动条或进度栏中显示。

显示视频内容缩略图

显示恰当缩略图有助于用户提前了解视频的内容,如果缩略图和视频内容不符,会引起用户不满。

在视频中包含字幕或其他文字

某些用户看视频时无法播放声音。因此,视频包含字幕或文本可以帮助他们理解视频内容。在视频中添加字幕和文本可以提高用户体验:他们可以观看视频,同时阅读文本(甚至在需要时可以暂停)以确保他们完全理解内容。

结论

教学视频为学习陌生或复杂主题的人们提供额外的支持。虽然不能保证所有人都会观看视频,但是提供视频本身被认为是积极的,它肯定会帮助某些用户。如果你不提供视频,那么他们就会去别的地方寻找需要的视频。

参考资料

[1]

instructional-video-guidelines: https://www.nngroup.com/articles/instructional-video-guidelines/


Author: pixel32