注意这6个网页设计的趋势在2016

网络设计的趋势，如流行趋势，来了又去。有时趋势是由必要性决定的（如反应性设计）。其他的趋势是行业的变化，如从借壳到平面设计的变化。
要遵循一个趋势的决定必须依赖于用户和业务的需求。这决不应该完全基于“它是什么样的酷网站正在做”。时尚褪色。一个网站建立的趋势很快就过时了。
考虑到这一点，让我们来看看你可以考虑使用的设计趋势。

藏在汉堡菜单下的一切

随着移动设备变得司空见惯，设计师开始简化导航，并将它藏在一个汉堡菜单下。这是一个趋势，也悄悄进入桌面版本的网站。
例如，网站使用的导航抽屉的Squarespace在其网站，无论设备。

Photo source: Squarespace

正如你可以看到上面和下面的图片，全球导航是隐藏在无处不在的汉堡菜单。

这是可以理解的，为什么这是有吸引力的。放置导航汉堡菜单下使现场清洁，光滑。大多数人都熟悉的模式。但这并不是适合每一个网站和可以降低能见度。
后果可能是有害的电子商务网站和新闻网站，其中的主题和项目性的经验是关键。正如网页设计趋势2016和2015，迫使用户打开导航菜单，在这种情况下可能会造成不必要的摩擦。

在时间的网站上，你会发现隐藏在汉堡菜单中的各种新闻主题。然而，时间能发现问题在最近的新闻故事一边打点。还有一个搜索功能突出在股票。
指出，一个优秀的尼尔森诺尔曼组第，“杀死全球导航：一个趋势来避免，“隐藏导航仍能使用户。
作为作家的珍妮佛和凯瑟琳Cardello whitenton指出：

“即使全球导航很难设计和难以维持，大多数网站还是会更好地展示顶级类别，以用户的权利。这仅仅是帮助用户快速了解网站的最有效的方法之一。”

正如他们指出的那样，这里有一对夫妇的方式告诉如果隐藏全球导航是为您：
登陆页面的暴涨反弹率。如果全球导航不很明显，用户就不会坚持下去，因为他们很难浏览网站。
用户点击。他们实际上是在点击“汉堡”菜单吗？如果不结合高跳出率，那么你知道出了什么错。你可以用heatmapping工具从crazyegg和可用性工具检查点击。
用户的行为决定了你是否应该使用一个隐藏导航的抽屉，在一个完整的桌面上。纯美学不牺牲可用性和开放性。

2。首页的旋转木马

这些天，旋转木马似乎无处不在。他们可以增加视觉兴趣和减少杂波。但用他们的绝大多数的使用，他们已经做了很多的网站感到饼干刀。

Photo source: Iquadart

更不要说，有一个论点，这是一个趋势，我们应该把休息。
有几件事要考虑：
旋转木马对SEO是不好的。内容的缺乏意味着很难把元数据信息转换为一个页面。这是尤其如此，谷歌不再抓取关键字（虽然Bing一样）也会从页面以关键词的信息。当然，你可以有下面的旋转木马的字数，页面的主体。虽然大多数包含头滑块是包裹在H1，而这些改变时，滑块也这样，让关键词在其中。
不利影响性能。经常旋转木马包含高分辨率的图像，在优化的同时，减缓负荷时间的头版–作为最重要的网页应该尽快。滑块也利用JavaScript和jQuery，它也可以增加表现头痛。
把内容推到下面的褶皱。虽然上面的褶皱内容也许并不重要，因为它曾经是（我们都知道如何滚动这些天），它仍然不建议由谷歌，你推内容较低的页面。而搜索巨头的建议是基于广告内容倍以上，旋转木马真的不提供很多价值的方式给用户–只是漂亮。
往往是无法访问的。即使是最好的框架存在，不能完全解决围绕旋转木马有这么多解决可达性问题。
此外，只有2013的研究表明，点击转盘仅1%人。而许多人干脆不理会他们，不注意的内容，由于这种现象被称为横幅失明。
这一切并不是说你不应该使用旋转木马在你的设计，但你应该为自己留出一个很好的理由包括：客户喜欢它。旋转木马可以工作，但他们必须精心设计和优化，保证他们不妥协的UX和可达性。
滑动动画驱动转盘，举例来说，无疑是一个有用的工具，为其他设计元素。例如，你可以尝试滑动导航抽屉移动视口。在下面的代码中创建的uxpin没有动画编辑器原型显示，滑动动画允许用户“搁置”，显示内容的需要。
不像旋转木马，滑动的动画不需要用户滚动的多帧。内容简单的弹出窗口和视图所需的。

3。视差滚动
近年来，我们看到更多的网站出现，利用视差滚动。
视差技术允许的前景和背景内容以不同的速度滚动，创建一个深度错觉。它可以用来很好的效果，但它的争议，如果它可以被描述为具有良好的用户体验。
视差有几个潜在的问题：
不好的搜索引擎优化。作为利用视差滚动的网站往往是由一个页面组成，通常有一点点的内容，可以通过搜索引擎抓取的方式。这是特别真实的文本倾向于嵌入在图形。
可以降低性能。由于图形和JavaScript的大量使用，一个页面可以卡住负载。它肯定是一个令人头痛的移动用户。加载时间的移动往往是非常穷的时候视差时，由于大量使用JavaScript。
会对用户产生负面影响。杂志的可用性研究进行了研究，发现，而视差网站被认为是更有趣的比非视差网站，一些用户体验到“运动病，并经历了显着的可用性问题时，与视差网站。”
然而，视差滚动可以添加另一个维度到一个网站，并允许它站出来。但正如我们所列举的，如果你想创建一个桌面和移动的网站，那么视差真的不适合你。

Photo source: The McWhopper Proposal

这是，即使这是一个小卡通，这是相当不错的，并讲述了一个故事，当你移动下来的页面。这是一个视差滚动的力量，它可以让你有效地讲述一个故事，主要是图形元素。网页上面有图像，嵌入的文字和视频，所以我们把它放在GT Metrix看它如何经得起推敲的时候，速度。

正如你可以看到，页面上有一个成绩从C和YSlow pagespeed。这是不可怕的，但需要在页面加载时间……一看是18.2秒，这比大多数商业网站非常慢，你会遇到（根据GT Metrix，平均6.6s）。
根据GTmetrix，网站也应该和其他的东西避免字符集在Meta标签，

“下面的资源有一个标记中指定的字符集。指定字符集在meta标签禁用先行下载IE8。为了提高资源的下载并行，将设置为HTTP响应标头的内容类型的角色。”

其他提示包括：
延迟解析JavaScript作为在这种情况下，313.6kb JavaScript解析页面的加载和延迟在这能有助于减少“页面渲染阻塞。
YSlow建议网站应该缩小CSS和JavaScript在可能的地方。
该网站应该使用CDN
因此，如果你正在考虑创建一个视差网站，问自己，如果你想告诉的故事是值得失去的游客由于性能下降。视差必须做得很好，它必须是一个小的不同，以捕捉和把握用户的关注。

4。复合负荷筛

记得那天，你可能会打一个网站，只会受到一个闪光的动画负载屏幕，你被迫坐在通过之前，你可以进入一个网站吗？用户将螺栓从一个网站，需要超过10秒，这可能会影响你的底线。

在上面的例子中，你必须坐在一个闪光的视频，持续41秒。甚至没有什么关于网站的线索。而且没有导航，让用户感到困惑。
我们可以假设网站做的电影，但没有什么真正的确认我们的假设。苹果图标可以让你在iTunes打开视频，但网址时，进入ipad只是说服务器无法找到。上面的第二个例子有些乏味，你发现自己看柜台慢慢爬到100%。由于图像和百分比计数器是正确的，在屏幕的中心，它也相当沉闷。

上面的例子有点乏味，你发现自己正慢慢爬到100%。由于图像和百分比计数器是正确的，在屏幕的中心，它也相当沉闷。

然而，当页面最后加载时，很清楚网站是什么。这可能会让你不知道为什么所有的建立。
在这个例子中，负载的屏幕可以使用以下只创造了摇晃，当你的鼠标悬停在某些元素。这仅仅是足够的，以保持您的关注。交互是相当简单的，很显然，当你悬停在某些元素，他们可以使用，这也意味着它不会影响性能太多。

这里是一个很好的例子，一个有趣的，互动的屏幕负载，使良好的使用图形和声音。最初，它加载的图形，通过在一个在一个一个的时间，在一开始火箭。它充分负载在四秒左右，并使用简单的音乐，让事情有趣。

一旦屏幕被完全加载，有大量的交互选项。元素的快速反弹和导航选项是明确的。移动鼠标移动的背景中的星星。这与负载屏幕创建了一致性，并为用户等待付费。