相同的网站,不同的图片:网页设计师如何将自己画成一个角落

没人能注意到的是,网页设计通常会变得非常公式化和标准化。 有一些真正独特和有趣的设计,他们的优点是他们很好,他们几乎不可能复制。 但这些网站是一个非常完善的规范的真正例外。 通常情况下,有人创造了一个非常好的设计,它不是那么复杂或复杂,它的基本结构是不可复制的,然后你会看到许多人在这个框架上工作并在上面挂上新的皮肤。

如果对于结果有真正原创和有趣的东西,那也许不会那么糟糕,但事实是,几乎没有人在这方面做出努力。 有时相似之处超出了结构,你会看到太熟悉的视觉元素。 甚至内容有时也会被公然扯掉,这对网页设计行业来说并不好。 这将会扼杀我们的行业,因为这些缺乏灵感和恐惧的设计师正在使自己(和你)过时。

站点重复如何使您在设计方程中变得多余

目前,网站买家尚未完全了解情况。 他们似乎没有注意到互联网上的每个其他网站都只是其他网站的回收版本。 目前的设计趋势是使用文本叠加制作巨大的巨型图像滚动墙。 这个月的味道是浅蓝色的白色文字(感谢,Twitter!),棕色的白色文字,几乎任何其他颜色可以使用的白色文字,当它不能时,我们会看到灰色文字,或者至少是一些非常苍白和褪色的东西。 我们也会带着大扁平按钮去城里。

现在重要的是要明白,除非有很多其他人在制作这样的网站,否则建立这样的网站并不坏。 如果你继续沿着这条路走下去,每只绵羊都只是跟着另一只绵羊走下悬崖,就没有办法挽救这种情况了。 客户将意识到他们可以简单地复制这个结构,用自己的替换背景图片,然后离开他们。 你如何证明你的存在? 特别是如果你是那些不编写自己代码的设计师之一?

我们所有人都需要引导客户走向原创和新面貌。 我们需要那种产生令人敬畏的网站的创新。

案例研究:Dollar Shave Club

当我第一次看到 美元剃须俱乐部 网站,网页设计的质量远远超过他们提供的报价,给我留下了深刻的印象。 也许这就是为什么他们的网站今天已经退回到“标准”的原因,尽管它对标准化网站来说仍然很酷。 但是今天的网站几乎没有什么可以与PayPal网站区分开来,或者实际上是一大堆遵循相同趋势的其他网站。 图片不同,文字不同,但是哪里有魅力?

但是,并不总是那样,让我们​​来看看这个网站是如何随着时间的推移而演变的,看看我们是否能够发现他们应该停止跟随趋势并且保持良好的滚动的最佳位置。

我们的旅程从5月19,2011开始。 如果知道如何以正确的方式获得关注,那么任何拥有好主意的人如何能够取得成功就证明了这一点。

没有什么太令人惊奇的设计,事实上它甚至可能不能准确地被称为设计。 它保持这样,直到7月有一个更新,标题得到了修改,措辞得到了广泛的改变,并创建了许多子页面:

仍然不是一个非常灵感的页面,但无论如何它必定给观众留下了印象,因为到了10月他们已经赚了足够的钱来制作一个看起来像网站的网站:

新的一年到来了,到了三月,该网站呈现出一种新的粗犷,阳刚的外观,非常接近该网站今天的样子:

一些变化包括:

  • 从怪异和现代到老式和酷炫的风格完全改变
  • 添加新徽标
  • 突出奖金优惠
  • 不太复杂的导航和更好的链接标题
  • 更容易看到登录和注册链接
  • 介绍视频
  • 巨大的标记线
  • 页脚不再与设计的其余部分隔离

这个设计可能非常接近他们可能应该停止创新的地步。 在这种形式下,它已经很漂亮了,唯一的缺点就是在iframe中设置了介绍视频并且启用了自动播放。 这些都不是一个好主意,并且2016中的设计师甚至不应该在没有充分理由的情况下考虑这样做。 除此之外,该网站尽可能接近完美。 2012唯一的另一个主要变化是在主导航区域添加了博客链接。

在2013即将结束时,该网站收到了对其源代码的重大幕后大修,将该介绍视频从该讨厌的iframe中删除,并且不再使用该令人讨厌的AutoPlay功能。 用户不会看到太多的视觉差异,但他们肯定会欣赏能否选择是否必须观看视频。 如果你想知道为什么这么大,那么......也许你是互联网的新手。 也许你从未知道计量带宽的乐趣,或其他可爱的东西。 那会让你成为一个非常特别的人。

想象一下,如果你已经是这个网站的成员,并且每次你想登录,你都会受到介绍视频加载并开始播放,你无法阻止它。 如果您想让用户避开您的网站,除非没有替代方案,这就是实现这一目标的策略。 很高兴看到像Dollar Shave Club这样的网站,运营商正在倾听用户的意见,他们实际上正在采取措施解决投诉引起的问题。

2014的第一个重大变化是停止使用基于Flash的视频播放器,而是选择HTML5视频播放。 他们还添加了一些额外的菜单项。

2014的9月标志着这个网站最后一次拥有这种紧凑而合理的设计。 从10月开始,他们再次从主要内容中隔离了页面标题/导航部分和页脚部分,因此该网站再次成为一个通用的,同质的群体追随者。 木板的方向也从垂直变为水平。 由于该网站明显故意降级为通用的“Fortune 500 Approved”外观,他们似乎完成了Kirk Lazarus警告人们永远不应做的事情。

在这一点上,该网站已经越过了数以千计甚至数百万其他公司网站所运行的通用外观,以哇哇的方式以FTP上传的速度打哈欠,但这并不是完全失败的原因。 它仍然没有完成全面过渡。 它像一个pre-op kathoey一样在那里徘徊,具有与通用模板类似的外观,但不是每一个功能。

该网站在6月份试图重新审视2015,一旦他们解决了这些漏洞,它终于在一个月之后就开始了。 这标志着这个网站终于失去了所有谦虚的时刻,并选择接受最终的手术,将其转变为完全的公司。

您不能不注意的是,随着这些“升级”中的每一个,网站的高度都在增长。 从一开始就让这个网站变得快乐的简单导航现在已经丢失了。 用户现在必须做出选择。 它已经从“我在哪里点击?”到“我应该点击,还是滚动,还是我需要滚动然后点击?”。 然后用户可能会滚动,但他们看不到他们想要的东西,现在他们必须向上滚动才能找到合适的点击位置,如果它存在的话。

所有这些额外的工作和决策都增加了CUF费率(累积用户受挫),并使用户更有可能放弃购物。 在Dollar Shave Club的情况下,这些优惠足以让用户忍受很多烦恼(CUF门槛很高),但对于每个网站来说都不是这样。

网站标题也在这段时间内得到了发展,下面列出了一些标题:

  • 便宜的剃须刀片,每月$ 1
  • 便宜的剃须刀片
  • Dollar Shave Club:我们的刀片很棒!
  • 美元剃须俱乐部 - 刮胡子时间,刮胡子钱
  • 美元剃须俱乐部

从这种演变中很容易看出企业文化对其他伟大创意的影响。 你可以想象一些穿着阿玛尼的杂乱小伙伴,抓着他的Gucci随员案,在公司会议上piping“”you you you you!!!!!!!!!!!!!!!!!! 但是猜猜哪条线让他们最受关注,最多的股票和最多的人联系到他们?

互联网存在于广告法规之外,有时我们会忘记这一点。 人们“赞同”和他们喜欢什么是完全不同的事情。 有人可能会被他们私下承认的非常酷的事情所冒犯。 性卖,幽默也卖。 “无聊”从未出售任何东西。

以下是该网站今天的展示方式:

一些人(和网站)的长度令人难以置信,不是吗?

一些责任归咎于我们使用的工具

设计人员和开发人员一直使用某些系统和框架来帮助创建新网站的过程变得更加容易,并且没有任何内在错误。

不幸的是,有些工具已经变得过于流行,现在已经过度使用,以至于这些产品中的限制在设计中变得明显,因此我们看到类似的结构比以往任何时候都更清晰。

这种情况非常多,有时当缺少预期的“标准”元素时,客户会质疑为什么。 这不好......客户不应该对设计过程的结果抱有期望,他们应该说“哇! 这太棒了!“,不是”[花哨的时尚设计元素]在哪里?“。

这个问题的第二个问题是Cheap Charlie的设计方法,其中单个布局是唯一创建的布局,并且预计可以缩小到移动用户的单个列。 Google希望我们为移动设计,当然我们应该尊重它,但是当你考虑我们在桌面上玩多少空间时,我们应该利用它。

问题会变得更糟。 许多客户实际上要求他们的网站使用某些工具和技术构建,通常不知道为什么。 在不久的将来,这个网站上会出现另一篇文章,指出为什么对于客户和对你来说这是一个糟糕的想法,但现在要说的是,只要客户认为他们理解你的工作比你这样做,企业网站将继续变得更加相似。 一旦他们达到完美的奇点,你就会过时。

因此,如果你关心长期,如果你可以专注于赚取下个月的租金和杂货,你需要尽一切努力鼓励客户寻求创意和真正的设计,因为这给你一个存在理由。 否则,你只是墙上的另一块砖,很容易被其他砖块取代。

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。