使用视频时如何提供出色的UX

网络视频：2016年的设计趋势将留在这里。 一旦被认为是不可能的，视频现在是旅行网站，创新初创公司和豪华电子商务的主食。它的力量在于唤起情感，仍然摄影经常努力实现。 想想Airbnb迷人的视频标题 - 它们完美地传达了“外出家”的感觉。

但是，视频的较大文件大小和屏幕优势需要仔细考虑。 让我们探索使所有用户（包括残疾人）访问视频丰富的网站的方法。

>

优化视频尺寸和位置

视频是一种高影响力，但潜在风险的网络元素。 关键决定是它的大小，这完全取决于其目的。

>

氛围视频：

>这些替换传统英雄标头图像，巧妙地设定了心情。 它们经常填充屏幕，但分辨率较低，以更快地加载。 只要它们创造了所需的情感响应，就可以接受模糊或抽象的视觉效果。>

例如，一个豪华的旅行网站可能会使用氛围视频展示田园诗般的岛场景来唤起冒险和放松的感觉。>

解释器视频：

这些较短的视频（通常不是全屏）的转换率很长。 基于卡的设计等现代趋势允许较小，侵入性较小的视频集成。

>

> Facebook的自动播放（除非与之互动）是非侵入性视频功能的一个很好的例子。 与文本替代方案相结合，这种方法迎合了更广泛的受众。>

自动播放使电机障碍的用户受益，而较小的视频尺寸允许文本摘要，充当视觉替代文本。 视频不必压倒性；它可以增强用户体验而不会疏远那些有更简单需求的人。>

解决声音和性能

像我一样，聋哑用户经常被意想不到的视频声音所阻止。 自动穆特至关重要，但是字幕和文本替代方案同样重要。 但是，请确保清晰可见字幕，以避免用户缺少它们。

> 视频的高带宽成本是一个重要因素。 仅使用更快的互联网速度才成为可行的网络媒体。 考虑您的目标受众：如果不是一个大型，高带宽的市场，则视频可能不是最佳选择。 世界上很大一部分仍然缺乏可靠的Internet访问。

>采购高质量的视频录像

>幸运的是，库存视频越来越多。 虽然不像库存图像那样普遍，但这会改变。 Pexels是一种流行的免费资源，但是Adobe Stock提供了卓越的质量。 其他选项包括Videezy，X Stock Video和Coverr（我个人最喜欢！）。

网络视频的未来

随着网页设计趋势的发展，视频的角色也会发展。 新趋势带来了新的组件，从而实现了创新的视频实现。 网络视频的未来是光明的，我很高兴看到下一步！ 在下面的评论中分享您的想法！

>

以上是使用视频时如何提供出色的UX的详细内容。更多信息请关注PHP中文网其他相关文章！