不要为了让你的落地页看起来更漂亮而添加视频背景。[TW:含不雅用语]
我说过我不会再发泄情绪了。我真的努力过了。但我的天啊,居然还有人做视频背景制作教程?
我这是回到了2010年吗?那时候根本没人关心性能、环境、转化率或者残疾人士的处境!
各位女士、先生以及非二元性别者们,请系好安全带,接下来我要解释一下,如果你认为视频背景是个好主意,那你就是个彻头彻尾的白痴,事情可能会变得很糟糕。
所有用户都享有无限流量
啊,没错,这就是“傲慢的开发商效应”的绝佳例证!
“我的套餐里有 10GB 的流量,所以 30 秒的循环视频根本不算什么。”
你得多么傲慢和愚昧才会认为每个人都能负担得起用流量套餐观看你那 20MB 的视频?
有些人的套餐每月包含的数据流量不足1GB。有些人的套餐甚至根本不包含任何数据流量!
这跟那些认为Chrome是唯一浏览器,无需查看caniuse.com就能使用最新CSS和JS功能的人一样荒谬!
但这并不是要抱怨人们不了解浏览器兼容性,这个问题我改天再说。
不,这是一篇关于视频背景的吐槽,首先我要说的是,你的视频会让人们花钱。
如果对方来自纳米比亚呢?在纳米比亚,1GB 的数据流量要 20 多美元!你那 20MB 的视频对那个人来说可能只花了 40 美分。
纳米比亚的平均年薪只有 13,200 美元(相比之下,美国为 54,000 美元),这大约相当于 1.60 美元。
看你那垃圾“艺术”视频居然要将近2美元!你真觉得你那30秒循环播放的彩色漩涡视频值1.6美元吗?
谁他妈在乎环境
既然我们在讨论数据使用过量的问题,你有没有想过传输你那糟糕的视频要消耗多少电力?
因此,每有 50 位访客访问您的网站并观看您 20mb 的视频背景“杰作”,您就为全球变暖危机增加了 3 公斤二氧化碳。
如果每天有 1000 名游客,一年下来就会向大气中排放 21.9公吨二氧化碳(对于那些不使用公制单位的落后国家的人们来说,大约是 24 吨)。
你是不是憎恨人类?这就是你这么做的原因吗?格蕾塔会恨死你的。你竟敢这样!
谁他妈在乎残疾人?
我的意思是,我们已经确定你不在乎让人们损失金钱和破坏环境,我们为什么要指望你关心残疾人呢?
但万一你那具空壳般的躯壳里还残留着一丝灵魂,让我再告诉你一个视频背景不好的另一个原因。
地球上有些人患有前庭功能障碍。我说的是有些人,大约每15个人中就有1人患有此病。
这些人对运动非常敏感,任何突如其来的动作都可能让他们感到恶心。你的视频可能会引发这种恶心感。
有些人容易出现妄想症状,突如其来的动静可能会引发他们的恐慌和不安。你的视频可能会让一些人感到不适。
有些人患有注意力障碍,你的视频会让他们非常分心。你的视频可能会让他们感到难以忍受,从而离开你的网站。
现在你可以使用媒体查询来prefers-reduced-motion决定是否播放视频并提供停止视频的控件……但如果使用背景视频,没有人会这样做。
我还可以继续说下去,比如你需要如何对屏幕阅读器隐藏这些控件和视频,如果视频包含任何与页面相关的内容,你需要如何提供视频的音频描述版本等等,但你不会听的,我们已经确定你根本不在乎别人。
但我还没完成。视频背景最大的问题是色彩对比度。
如何才能保持视频中文字与画面4.5:1的对比度?视频中总会有一部分文字位于画面前方,但由于画面太亮(或太暗),无法提供足够的色彩对比度,导致文字难以辨认。
你得多么想让你的网站变得如此令人厌烦和难以使用,才会让网站上的文字“有时”可读?唉,反正世界上只有10亿残疾人,我们又何必忽视他们的需求呢?
好吧,你真是个自私的人。
好吧,你根本不在乎别人。那我们就来聊聊你自己吧!
确切地说,我们来谈谈您的网站转化率。
如果你之前就觉得使用视频背景是个好主意,那你可能根本不知道什么是转换。
让我来为你简要介绍一下情况。
当有人访问你的网站时,你希望他们能做些事情。
无论是购买商品、进行咨询,还是点赞或分享文章。
至少你希望人们留下来!
现在,网站访问者数量与完成您期望操作的人数之比,就是转化率。
如果转化率能翻倍,就意味着无需吸引更多访客(这既费钱又费时),就能获得双倍的参与度/收益。
既然你知道了这件事的重要性,你或许就能明白事情的走向了。
视频背景会分散人们的注意力。
你最不想做的就是分散别人的注意力。
他们访问你的网站是有原因的……我几乎可以肯定,他们不是为了看你那些故作高深的艺术视频。
在你开口说“这给页面增添了重要的趣味性”之前……如果它真的那么重要,它就不会只是个该死的背景视频了。
所以别跟我扯这些废话。
如果你反对的理由是这样,那就请你走开,你已经无可救药了。
还在吗?那就仔细听好了!
你的视频分散了观众的注意力,让他们无法专注于你的最终目标。如果你把行动号召放在视频背景前面,情况就更糟了。为什么要把人们的注意力从你想让他们点击的按钮上转移开呢?
为什么要把一些既损害转化率又没有任何价值的东西放在网站上呢?
那么答案是什么?
没有视频背景。
事情就是这么简单。
我不是说不要放视频。视频很好。但不要让它们自动播放,也不要让它们成为背景的一部分。
让它们成为转化流程的一部分。让它们具有说服力、信息丰富且实用。让它们与你的目标和网站的目标保持一致。
如果你想在页面上添加一些动画和动态效果,可以考虑使用 canvas、SVG、CSS 等。只需几 KB 的代码,就能添加很多视觉效果(但要记得允许用户关闭动画)。
现在就去删除那些视频背景吧,看着转化率提升,只需轻轻按下删除键,就能让世界变得更绿色、更包容!
收尾
一如既往,生气只是为了好玩!
至于那些读过原文的人,我并不是针对那篇文章,它写得很好,只是那个概念本身已经过时了,而且是一种不好的做法。
好了,免责声明就到此为止,祝大家周末愉快!
文章来源:https://dev.to/grahamthedev/dont-add-a-video-background-to-your-landing-page-to-make-it-more-gorgeous-tw-gratuitous-swearing-bja