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

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

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

【 tulaoshi.com - 网页设计 】

不要完全依赖视频

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

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

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

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

自动静音

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

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

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

什么是简约风格的网站?

留下好的第一印象

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

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

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

充分利用每一秒

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

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

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

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

让用户来掌控

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

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

确保可访问性

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

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

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

提供后续步骤

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

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

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

延伸阅读
标签: Web开发
--主页备份 1、txt 文本 2、scan 扫描图片 3、psd 设计原图(包括AI、Flash、Banner等等) 4、htm 网页文件 5、htm_old* 旧的网页文件备份 --html的目录结构 1、打开网页排版软件Dreamweaver的site网站管理视窗,按栏目内容建立子目录; 2、在每个主目录下都建立独立的images目录,不要...
您可以利用下列 3 种方式,将 CSS 指定的格调加诸于网页上: 1. 在 HTML 档案里加一个超连结,连到外在的 CSS 档 这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内(副档名为 .CSS)定义好网页的外观风格,所有参考连结到此 CSS 档的网页,便会依照指示,反应出定义好的风格。 ...
卫生间洗手台设计有什么注意事项 洗手台安装的注意事项一:深度与强度成正比 水溅到身上恐怕是人们感觉最不舒服的一点了。通常情况下,洗手盆的深度与安装在上面的水龙头水流的强度应成正比,即深的池子才能安装水流强的龙头。千万不可在底部较浅的池上安装粗大的水龙头,否则使用时水一定会溅到身上。另外,水盆的底部要有足够的...
一、别墅装饰设计日常使用频率较高的卫生间,装修前应当提前考察市场,在确定产品风格后需要按照实际尺寸确定洗脸盆、浴缸、橱柜、花洒等的管线预留位置,避免以后改造不当造成返工现象,也会使将来的装修更为美观。 二、在别墅水电改造队伍进场前,需要确定专业整体橱柜商家,并且提早确认设计图。抽油烟机、水槽、烟道、冰箱等的位置...
David Everly 给出了在Photoshop设计网页过程中,一些有用的建议。 01 使用网格系统 网格系统能够在网页设计的时候少了很多头痛。试试这些免费的资源吧,比如Cameron McEfee’s GuideGuide Photoshop extension 或者 Grid System Generator ,会让你使用网格的时候更方便和准确。 02 都摆上来 实现成功的网页设计和时间管理,有...

经验教程

956

收藏

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