将视频融入网页设计有哪些注意事项?

2017-03-06 15:02 47 1 收藏

无论是在网站还是APP当中,用户查看视频的方式千差万别,并没有一套完全标准化的规程。有些用户喜欢立刻查看视频,有些用户则喜欢先查看周围的文本和其他的信息,而且有的用户希望能够掌控视频的播放与否,用户习惯很重要。

【 tulaoshi.com - 网页设计 】

不要完全依赖视频

  无论是在网站还是APP当中,用户查看视频的方式千差万别,并没有一套完全标准化的规程。有些用户喜欢立刻查看视频,有些用户则喜欢先查看周围的文本和其他的信息,而且有的用户希望能够掌控视频的播放与否,有些则完全不在意。从这个角度上来说,如果视频自动播放,其实是无法确保用户能够即时查看的。因此,如果用户无法直接访问内容,或者单纯的不想查看内容的时候,应该以某种方式提醒用户。

  小贴士:至少保证视频中所包含的重要信息,以文字或者图片这样的静态媒体的形式呈现出来。

什么是简约风格的网站?将视频融入网页设计有哪些注意事项?  

自动静音

  在默认情况下,最好将音量设置为静音,并且可以通过设置打开。

  当用户打开网页的时候,并不喜欢这种未经许可就自动播放的行为,因为外放的声音常常会让人惊愕。那些受此影响或者不想查看视频的用户,需要花费额外的声音来关闭外放的声音,或者暂停播放,这些超出用户预期的情况会打断用户正在做的事情,让他们无法专注。忙乱之间,有的用户能找到关闭音频或者视频的办法,而有的用户则会干脆关闭页面或者APP,它给用户带来的负面影响是非常明显的。

  Facebook 的视频同样被设置为自动播放,但是音频并没有默认外放,而是保持关闭状态,当用户决定查看视频的时候,可以选择音频外放。

什么是简约风格的网站?

留下好的第一印象

  视频的表现力是非常突出的,冗长的介绍不如直接而富有冲击力的视觉呈现。

  融入网页的视频,通常不会太长,直观而清晰的开头是非常重要的。网站如果本身不是Youtube 这种视频平台的话,用户在此看到视频的时候,通常会需要快速了解它所要呈现的内容,了解其中的价值,否则他们会立刻转向网站其他地方,寻求更加直观可见的内容。想要留住用户,就需要让视频给用户留下好的第一印象,抓住人们的注意力,让他们尽可能留下来,将更多的时间花费在这里。

将视频融入网页设计有哪些注意事项?

充分利用每一秒

  在网页中所使用的视频和电影的逻辑并不同,短小精悍的视频更符合网页的使用场景和用户的心理需求。许多优秀的网页设计实例中,视频大都是选择是精悍绵密的剪辑。用户无法像查看文字内容一样一目十行,快速了解信息,同时他们在浏览网页的时候并不会像在视频平台上那样静候剧情推进,不同的场景和需求促使他们希望在网页中更快获取信息,所以,即使几秒的等待也会让用户无法忍受。

  小贴士:信息集中而又短小的视频更容易引起访客的注意力。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/wysj/)

将视频融入网页设计有哪些注意事项?

让用户来掌控

  让用户来决定如何查看视频、何时播放视频才能让视频内容真正为用户所用。用户应当能够对他们所查看的视频进行完全控制,无论是播放和暂停,还是音量的大小,都应该在用户的掌控范畴以内。当然,控制权的大小和设计的目的是有关系的,和视频在整个设计中的角色也有关系。有些视频是作为视频背景而存在,重在营造氛围,通常也不会有外放的声音,很多时候并不会给用户以较高的控制权,但是这样也不会有太大的问题。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/wysj/)

将视频融入网页设计有哪些注意事项?

确保可访问性

  为用户提供多种不同获取内容的方式,提升网页内容本身的可访问性。对于无法查看或者无法听到视频内容的用户而言,辅助性的字幕和完整的文本内容是不错的补充方案。比如TED的视频就涵盖了字幕和文本内容,兼顾到了许多有访问性问题的用户。

  小贴士:将相关的文本内容放在靠近视频的地方,便于用户获取信息。

将视频融入网页设计有哪些注意事项?

提供后续步骤

  作为网页的设计者,有必要考虑一下用户看完视频之后后续能做什么。实际上,许多网站的设计者并没有深入的思考这样的问题,使得视频最终仅仅只是作为单纯的内容而存在,当用户看完之后,并不会提供后续操作的可能性。实际上,当用户看完视频之后,你可以引导他们查看更多的内容,甚至将它融入到整个网页的信息流当中,让内容活起来。最常见的处理方法,就是推荐相关的视频。

将视频融入网页设计有哪些注意事项?

来源:http://www.tulaoshi.com/n/20170306/2617467.html

延伸阅读
标签: Web开发
一、注意超连结颜色与单纯叙述文字的颜色呈现 WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的颜色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结颜色,设计成较干净素雅的色调,会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、...
标签: Web开发
--主页备份 1、txt 文本 2、scan 扫描图片 3、psd 设计原图(包括AI、Flash、Banner等等) 4、htm 网页文件 5、htm_old* 旧的网页文件备份 --html的目录结构 1、打开网页排版软件Dreamweaver的site网站管理视窗,按栏目内容建立子目录; 2、在每个主目录下都建立独立的images目录,不要...
卫生间洗手台设计有什么注意事项 洗手台安装的注意事项一:深度与强度成正比 水溅到身上恐怕是人们感觉最不舒服的一点了。通常情况下,洗手盆的深度与安装在上面的水龙头水流的强度应成正比,即深的池子才能安装水流强的龙头。千万不可在底部较浅的池上安装粗大的水龙头,否则使用时水一定会溅到身上。另外,水盆的底部要有足够的...
一、别墅装饰设计日常使用频率较高的卫生间,装修前应当提前考察市场,在确定产品风格后需要按照实际尺寸确定洗脸盆、浴缸、橱柜、花洒等的管线预留位置,避免以后改造不当造成返工现象,也会使将来的装修更为美观。 二、在别墅水电改造队伍进场前,需要确定专业整体橱柜商家,并且提早确认设计图。抽油烟机、水槽、烟道、冰箱等的位置...
随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。我们可以来找找这些网站的设计是否有规律可循。通常一个网站,都会有许多目标需要完成,而像应用服务或程序类网站其最主要的目标就是吸引访客去购买或者注册他们的产品。 可以从几个方面来分析 色彩Amoderneden 从它...

经验教程

302

收藏

61
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部