我上次列出了设计的趋势在2014年的开始。事情迅速在网页设计的广阔的世界,但是我觉得一个年度可能太繁琐了。
因此,2015对我来说是一个休耕一年,但我想把一个新的列表放在一起的这一边度假。并不是说所有的这些趋势会使你感到快乐。
在2016年我们得到了什么?更多的相同,一些创新的新技术,和一个或两个惊喜,以及一大堆东西应该被抛弃了。
快速警告:你可能认为这些事情并不都是关于“网页设计”。他们可能只是一个坏的结果,决定营销团队,而不是设计师。但我把它们,因为网页设计根本经验,和他们如何影响用户感知你的网站。
我非常希望更多的设计师将对用户体验和数据,从直觉,意见,并将各种各样的网站上,只是因为他们可以,或因为它是时尚。
那么,抓住自己喝一杯,拉起一个缓冲。你可以决定是否这些趋势是好的,坏的或纯丑。我对几个观望…
网页设计的均质化
如果你读过关于网页设计的Dribbblisation那么你就知道我要到哪里去。很多网站赢得Awwwwards实际上是仿造的。网站一天的徽章并不一定代表创新。它经常代表时,并不总是一件好事。
有很多可说的标准化。如果所有在线签出工作一样那么少会有很多车被遗弃。但在agencyland,例如,看起来一模一样的一群你的竞争对手?
认为我夸大其词吗?再想想…
一些美丽的机构网站。但我们可能接近一个奇点在自己的设计。pic.twitter.com/ZgvdrMLS81
——蒂姆凯恩(@timcaynes)1月12日,2015年
在B2B是一样的SaaS应用程序,通常与一个网站的三列的网格。事实上,有许多可用的主题和模板,帮助公司看起来差不多。我不确定这是一件坏事,但有一些是独特的。
均化作用实际上是一个更广泛的设计趋势。我花了2015年的大部分试图找出什么样的汽车购买,部分因为没有脱颖而出。
@wilsondan @danbarker我努力买一辆车,一切看上去都那么samey pic.twitter.com/v1iBGDCReK(通过@ade3:https://t.co/S9EBqr1Y6P)
-克里斯湖(@lakey)11月7日,2015年
模式,而不是页面
引用的相反的网站:
”模式是反复出现的解决方案,解决常见的设计问题。设计模式是标准参考点的有经验的用户界面设计师。”
文斯Speelman说:“现代UI团队正在设计组件;界面仅仅是组件的深思熟虑的成分。”
谷歌的材料设计指南通常提到的每当我读到这一主题,并且他们很值得一看,如果你不熟悉它们。
Codeacademy最近的设计是基于10指导设计原则和模式,可以使用和重用,连同UI设计模板。这是UI工具包Codeacademy放在一起在项目的开始:
工具箱codeacademy
这种设计模板是真正有用的,尤其是当工作作为一个团队。设计模式往往是有点大。我认为模式是non-prescriptive指导方针来帮助人们设计适应典型用户的行为。可重用资产和ready-to-code设计模板如上所示模式的子集,并反映了更加认为之前设计师混乱像素。
Disney-grade动画
Flash可能会死但你可以做奇妙的事物,用CSS HTML5和jQuery。麻烦的是,经常设计师没有显示出足够的克制。
我是一个巨大的风扇的运动设计,可以为生活带来一个网站非常微妙,意想不到的方式。问题是,加快动画变得老当一切都运动和闪光,旋转和摇摆不定。
苏菲帕克斯顿钉的时候她写了无偿动画几个月前。
苏菲的五个技巧值得关注:
five-animation-tips
大量的网站
你看过彭博的网页设计的晚吗?彭博社使用颜色不是害羞的时候,使用高度饱和和氖调色板。我不确定一切正常,但我欣赏其大胆的立场,尤其是相对于其干燥的主题(主要是业务和政治)。
bloomberg-politics
另一个网站,已经全面霓虹灯在最近的一次更新中,选择一个阴影人眼看到的绿色,可以从外太空。
medium-logo
很多人讨厌改变,但它是生长在我,不仅仅是因为它使得媒介更有用当我不积极使用它…
medium-tab
Spotify也疯狂的在今年早些时候,如果成千上万的tweet的新标志。人们似乎普遍讨厌新,明亮的绿色。
new-spotify-logo
这是首席设计师随后谈到了“在设计过程中涉及社区”。可能是个好主意,如果只对公关的原因…
“模糊的背景图像
Facebook的工程师写这种模糊和规模的技术。这尺度较小的图像,应用高斯模糊,逐步加载图片。
Facebook发现,它有助于加快页面加载时间30%,获得了重大胜利。这是一篇很棒的文章如何应用这种技术,由埃米尔比约克隆德。
scale-and-blur
微妙的加载状态
Facebook也微妙的装载状态适用于newsfeed物品,用户体验的桥梁之间的差距“没有”和“东西”。拍一个旋转加载图标。
有一个精彩的帖子,文斯Speelman九个州的设计,涵盖这一主题和更多的除了。这是很值得一读。
subtle-loading-states
“鲻鱼网站”
我喜欢这句话,这是由一个叫ironmetal Redditor在致力于“anti-usability web开发的趋势”。它完美地总结了aesthetics-first网页设计的趋势。
“网络正在经历我将考虑它是80年代。如此多的新选项和功能可用,每个人都疯狂的寻找方法将它添加到他们的网站。现在我们有一堆狗屎,我们都觉得看起来不错但非常无法使用。10年后我们将回顾和畏缩鲻鱼网站。”
技术是一个伟大的推动者,但我说过,我要再说一遍:仅仅因为你,并不意味着你应该这么做。
话虽这么说,谁不喜欢鲻鱼好吗?
darryl-hall-mullet
预紧器
虽然我们在anti-UX的主题,这是另一个是Reddit的帖子中提到的。预紧器。他们的撒旦,只存在告诉用户你高兴让人等待。不是一个好的消息,在我看来。
预紧器
我敢硬核:几乎没有理由你应该使用一个加载动画。是的,有些离群值考虑,但是如果你的网站不负载在8秒然后是非常,非常错误的。
Scrolljacking
过一个网站,你的鼠标感觉奇怪吗?你可能已经被scrolljacked。作为Redditor poisondwarf说:
“为什么会如此受欢迎?别介意你一团糟,现在我的滚轮滚动速度的10,你不改变预期的行为!尤其是本地行为你的操作系统和外围设备。你怎么能那么天真,你认为你的操作系统与你的鼠标是唯一人使用?和什么?所以你可以触发这些browser-killing动画呢?没有正当理由覆盖本地滚动行为。”
我完全同意。只有虐待狂者会选择给客人带来这种野蛮。
如果你花你的时间做这样的事情,你需要退出建设。
正如我所提到的在本文的开始,我希望我们会看到更多的用户体验感兴趣的许多有才华的设计师工作无疑令人印象深刻的网站。
消极对抗弹出窗口
没什么微妙的弹出窗口,但现在有两个严重的UX犯罪在起作用。
首先,他们经常房子广告。这是可怕的!弹出窗口被无能的品牌收购。现在他们交付-故意笨品牌冒充出版商在内容营销的名字。
想必这是因为它们产生大量的通讯注册,但这是一种粗鲁的广告格式,它看起来就像个绝望透顶的女人。或者更糟…
第二个犯罪是一种消息传递。根据你的底线,你可能不会考虑这个网页设计,除非——像我一样——你认为内容和用户体验是根本。所以这里的信息是什么,除了签署我们的时事通讯或下载我们的电子书?
消息是,如果你不注册,你——用户——是一个白痴。
这里有五个2015年douchiest弹出窗口的我见过…
douchey-pop-up-one
douchey-pop-ups-two
douchey-pop-up-three
douchey-pop-up-four
douchey-pop-up-five
这么久,汉堡
已经写过太多的汉堡菜单。我觉得这似乎是一个好主意,但事实证明,有更好的选择。与神圣的汉堡,可见菜单已经证明的好处,用户理解,接触,和目标完成。
很多最大的网络公司退休了汉堡菜单在过去一年左右的时间,支持更明显。总是显示证明确凿的数据。
YouTube,例如,被其汉堡菜单,几个月前…
拜拜youtube汉堡http://t。有限公司/ mi1HTa9m3z pic.twitter.com/7toXXt4KDZ
Luke Wroblewski(@lukew)8月6日,2015年
谷歌、苹果和微软也把汉堡菜单。别人会效仿。
沉重的页面得到重
如果你试图使用web没有一个像样的宽带连接在过去一年左右的时间,你会注意到网站是非常,非常,非常缓慢。页面现在膨胀——设计——失控。
十年前的经验法则是让网页低于100 kb,如上谷歌用来停止索引内容限制。在某种程度上,几年后,谷歌退休这个规则和手套掉了。页面开始变得更重。
2010年平均网页在体重增加到702 KB,排名前一百万的网站的性能的基础上,根据HTTP档案的统计数据。
http-archive-stats
此后,页面基本上变得肥胖。在2015年,平均网页2219 KB,超过三倍他们五年前。
2015 -膨胀的网站
它看起来像slow-ass第三方脚本,(应该是未压缩的)图片、视频和字体是主要原因。
尽管口头上支付给设计各种不同的设备,这是很坏的消息要告诉移动用户没有连接到WiFi。
一些网站比其他人更糟。《每日邮报》的主页是8.8 MB的大小。惊人的,你不觉得吗?
daily-mail-homepage-speed
还有十几个趋势的旗帜,但在短暂的利益,我将停止在这里。
其他新兴市场和发展趋势?开始逐渐消失是什么?做下面的分享你的想法…