如果您曾经从一所房屋搬到另一所房屋,那么您就会知道摆脱多年以来拥有的东西会是多么困难。在您的壁橱里挖东西时,您会发现一条旧裤子,尽管膝盖上的孔洞越来越大,但您一直都在穿。但是您会告诉自己,“也许变暖时我会把它们戴在房子周围”或“我敢打赌,垃圾的外观会重新流行起来”。
在网页设计和开发中也很容易做出此类辩护。您认为:
“我记得很久才使用关键字meta标签。继续这样做会有什么伤害?”
与衣服可能过时或电器陈旧过时相似,设计和开发趋势也一样。与其保留不再为您服务的技术,而只会增加您的工作量,不如将其清除并为将产生更大影响的现代趋势让路,这是一个更好的主意。
10种流行的设计趋势现在该抛弃
当我们谈论过时的Web设计趋势时,我们不仅在谈论那些已经过时了多年的趋势。我们还指的是趋势和技术,我们知道这实际上会损害用户体验,因此需要尽快解决。
1.低质量库存照片
使用库存照片本质上没有什么坏处。许多客户没有预算或没有足够的资金来创建自己的公司照片,库存照片是一种可行的选择。
就是说,曾经有一段时间,“坏”(即超级俗气和不现实)的库存照片风行一时。即使在今天,您仍会发现使用此类照片的网站,因为仍然假设两个人在光线充足的会议室握手表示信任。(不是)
2.英雄滑块
图像滑块技术在鼎盛时期非常出色。它使网页设计师可以节省空间,同时显示大量促销信息。除了通常会降低页面速度的滑块之外,它们还具有使用户减速的趋势,因为他们分散了他们转移到网站其他部分的注意力。
以Verizon Wireless为例,它是2019年强大而简单的英雄形象设计的一个很好的例子:
这与2013年使用的图片滑块大不相同:
在大多数情况下,我们已经学会了在这个空间上提高效率,尽管仍然有些网站无法下定决心要优先展示哪些商品……这只会使访问者更加难以决定下一步。主动采取行动,并用一个英雄旗帜为他们做。
3.自动播放
如今,找到带有背景音频的网站并不常见,更不用说自动播放音频了。也就是说,您偶尔会发现可以自动播放视频或带有音频的广告的网站。不用说,这需要停止。如果您的视频(或音频)播放器不允许访问者控制何时开始,请立即进行更改。
4.三击规则
多年来,网页设计师一直在寻找减少用户体验中摩擦的方法。三击规则旨在成为执行此操作的方法之一。但是,根据尼尔森·诺曼集团(Nielsen Norman Group)的最新报告,从来没有任何数据可以支持这一主张:
“实际上,约书亚·波特(Joshua Porter)的一项研究揭穿了这一点;研究表明,当任务涉及3次以上的点击时,用户流失率不会增加,满意度也不会降低。限制交互成本确实很重要,但是与简单地计算点击次数和为允许的最大数量建立经验法则相比,图片要复杂得多。”
在确定步骤数量时,不要考虑最小化,而要考虑您正在设计的任务或程序的复杂性。
5.在同一选项卡中打开的(外部)链接
将链接添加到您的内容的原因有很多:出于导航目的,促销目的和引用目的。但是,当您在文本上添加超链接时,请考虑以下几点:如果链接将访问者定向到该浏览器选项卡中的页面,可以吗?
例如,外部链接应始终在新的浏览器标签中打开。您设计网站的目标是吸引更多访问者进行转化。让外部链接在打开的标签中替换您的网站只会减少这种情况的发生。在某些情况下,也不应该在同一标签中打开内部链接。因此,下次您添加指向网站的链接时,请务必考虑一下。
6.非传统滚动
尽管我们已经习惯于在移动应用程序中滑动手势,但是水平滚动和其他非传统滚动并不是网站所能接受的。虽然这肯定是一种设计趋势,但几年前它已帮助许多企业脱颖而出,但如今使用起来实在太花哨了。
罗比·伦纳迪( Robby Leonardi)的互动式简历网站是我记得见过的第一个网站,它是吸引注意力的绝妙方式,尤其是与马里奥一起成长的那些人。
但今天?任何类型的非传统滚动都是不切实际和不必要的。甚至Robby的当前网站也已经分解了这种横向滚动设计,并将其变成了纵向滚动页面:
如果您想在这个时代保持访问者与您的网站互动,请不要让他们弄清楚如何浏览您的网站。
7.关键字元标记
多年来(我们已经谈论了将近十年),关键字meta标记不受流行的搜索引擎支持。尽管知道meta标签是无用的,但一些设计人员仍然花时间将其添加到其中。但是,如果这是一个额外的步骤却没有给您带来任何回报的原因,为什么还要麻烦呢?
8.坏的弹出窗口
尽管这些年来,弹出式窗口已经发生了演变-从出现在浏览器外部的超级烦人的弹出式广告,到我们现在借助GDPR看到的不断出现的隐私声明。虽然在网站上使用弹出窗口当然具有一定的价值,但是有太多种类的不良弹出窗口需要消失。
“错误”弹出窗口是:
- 在网站上显示得太早(例如第二个人进入该网站);
- 在单次访问或回访中出现过多次;
- 将用户发送到Facebook Messenger,收集他们的铅块,然后在其中轰炸他们的消息;
- 包含两个按钮。接受报价的用户会收到一条友好的消息。那些没有用过攻击性或羞辱性语言的人;
- 重复将已经设计成网站的要约作为促销标语。
9.加载缓慢的网站
众所周知,与台式机网站相比,移动网站难以优化速度。与过去可以合理化移动设备速度优化的几年不同,今天,它需要成为Google移动优先索引的优先事项。PWA是使您的移动站点立即提高速度的一种方法。
与此相关的是,通过设计PWA而不是响应移动的网站,您将能够满足wi-fi连接不良或没有wi-fi连接的用户的需求,而这一部分在Web设计中经常被忽略。
10. FLASH
我不敢相信我必须在2019年加入最后一个,但似乎仍有网站使用Flash Player。
Adobe已经告诉我们,明年将削减对Flash的支持。网络浏览器也开始取消对Flash播放器的支持。并且很好的摆脱。长期以来,Flash一直存在安全漏洞和可用性问题。
如果您试图坚持这样做(或者您的客户在拖延脚步),请记住,这就是 2020年及以后访问者在许多浏览器上看到的内容:
底线:如果Flash的创建者正在寻求支持,则需要对仍在使用它的任何网站进行相同的操作。
网站建设总结
很容易陷入网页设计中的下一个大问题-AR技术,版式趋势,颜色渐变等。但是这些年来已经成为习惯的所有趋势和技术又如何呢?
现在不要采用过时的设计策略,而这只会阻碍您成为Web设计师的步伐并使您的客户的网站退缩,现在就开始放弃这些过时的(或即将过时的)实践。