交互设计

7个未来网页设计的发展

0
登录或者登记去做吧。

太多的文章会告诉你什么是酷的在网页设计中。 我要带你做一些真正的预测。

1. 手势是新的点击

我们忘记了滚动网页曾经是多么困难。 大多数用户会刻意将鼠标移动到屏幕的右边缘,使用一些“古代”称为“滚动条”:

1-A4AZXGxmMSPgmoMzdmh98A

作为一个职业,你可能使用鼠标滚轮,光标键,或触控板,但你是领先于大多数用户。

在2015年,它的更容易滚动,而不是点击。 在移动,你可以滚动疯狂地用拇指。 点击一个精确的目标实际上是更多的困难——我们完全相反的用于在桌面上。

因此,我们希望越来越多的网站应该首先建立在滚动,并单击第二。 当然,这正是我们随处可见:

 

有充分的理由预计这一趋势将继续作为移动接管更多的市场。 现代网站有更少的东西点击,更多的滚动。 我们将会看到更少的链接,更多按钮,更大的“点击”地区,和高期望滚动的页面。

到多个页面的网站,传播他们的文章将很快学会这一课。 希望这些变成单页甚至更长,像《时代》杂志,为无限滚动页面:

 

还为时过早知道web将扩大本身到设备,如手表、但那,你可以打赌它将几乎完全由手势。

2。 褶皱真的死了

现在滚动是如此便宜,设备规模是如此多样,“褶皱”终于变得无关紧要。

设计师越来越自由不补习一切页面的顶部。 这导致设计的流行趋势媒介——全屏图像标题,没有内容可见,直到你开始滚动:

1-kDcO2lJRx7RcERXNZSgz8Q-w461

与高,滚动页面,设计师有机会做什么杂志多年来一直被认为是理所当然的:网页大美丽的图片。 2015年希望看到更多的设计,占用更多的空间,特别是垂直,这样和很多大的图像。

3。 用户更快,网站正在简化

今天每个年轻人都是一个专家网络用户。 甚至业余爱好者都像优点:使用多个选项卡,刷回去一个页面。

其结果是,一切都得更快。 和我们都学会变得不耐烦。 如果你想让一个温和的守规矩的人爆炸与烦恼,只是使他们的网络真的慢了一分钟。

1-21tR0tgN_MsHyc0Miu6C5w-w465
现在网站被迫不仅成为更快(技术问题),但变得更快的理解。 设计,延缓用户有相同的影响他们的听众,因为这些网站,无法加载。

简单的设计更容易扫描,这意味着他们更快升值。 很容易看出这两种设计更新,而且因为它是一个用户可以享受最快的:

 1-Z7P_0dQGbOK5FrKFFT3kUQ-w464
1-WLQYtRmsTB4B930C00PiOA-w463

这是死亡的最大原因skeuomorphic设计:用户更具有洞察力、缺乏耐心和混乱只会减缓下来。

应用程序将大部分网站与super-minimal羞愧,漂亮的界面。 和他们这么做是因为最小接口表现的更好。

平面设计只是一个开始。 真正的趋势是朝着简单和直接,我们预计在2015年比以前走得更远。

4。 像素是死的

在桌面,一个像素一个像素。 你甚至有了一个主意由平均英寸有多少像素:72 dpi。 现在,很少有人知道什么是一个像素。

 1-tEM2lxZFmhMMsVUGmwNVqg-w466

响应设计,我们看到一个朝着网格和百分比。 但仍是一个巨大的问题仍争议:位图图像。

几乎所有的网络构建与图像分辨率的一半现代显示,和他们没有规模。 视网膜显示和现代浏览器,矢量图的时间是正确的在2015年变得更受欢迎。

我们可以看到这一趋势与font-based图标和已经发生了谷歌的材料设计。 网站加载速度和规模的图标大小不损失图像质量。 这使得他们理想的设计师和现代web浏览器。

1-nxt4KgqsgbPRgMCDTGso1g-w467

现在存在的技术,但需要时间专业人士创建高质量显示改变他们的习惯。 一旦桌面显示平均Retina-grade(如新iMac),我们希望设计师跟进。

5。 动画又回来了

如果你想让一个网站看起来过时,用动画gif和Flash动画“在建”。 但是未来在一起的几件事,让动画在现代网页设计一颗冉冉升起的明星。

平面设计最终会看起来太一致,甚至无聊。 动画帮助网站脱颖而出和包的更多信息到更少的空间。

移动应用程序重新定义了用户期望什么。 移动应用程序使用动态传达意义,和网站刚刚开始做同样的事情。

新技术像CSS动画可以很容易提高设计没有插件,速度或兼容性问题。 和Web组件(# 6)只会加快。

GIF动画回来了,令人惊讶的是有效的。 你会发现这篇文章使大量使用GIF动画(如果没有,你应该查看这个版本),它从来没有容易创建或份额。

6。 组件的新框架

网络技术继续变得更加复杂,和更少的语义。 设计师必须嵌入的代码在页面简单的任务,包括Google Analytics或Facebook像按钮。 这将是一个容易得多,如果我们可以这样写:

< google分析关键= " ua - 12345 - 678 " >

和我们可以Web组件,这不是相当准备使用的大多数设计师。 2015年看起来像他们的一年。

谷歌的材料设计在这里,它可能只是让这个运动开始了。 由聚合物支持的,所有现代浏览器,它提供了丰富的动画和交互组件从Android应用程序,使用简单的这样的标签:

1-KWMW6OwkMN9KCOD52mqMaQ-w468

如果扎根,它不会是令人惊讶的看到更多的基于组件的框架出现在2015年。 也许引导4.0 ?

7。 社会饱和度和直接邮件的崛起

社交媒体为消费者取得了巨大的成功,但许多内容提供商不那么快乐。

问题是饱和。 每天数十亿的帖子,Facebook用户最可能喜欢的帖子学习并显示只有那些。 不幸的是,这意味着随着时间的推移,你的帖子越来越被更小比例的追随者。 (你能解决问题,方便支付Facebook)。

社会不会消失,但在2014年,我们看到很多著名的博客Tim Ferriss把他们的注意力从社会和传统的邮件列表。 他们已经意识到,电子邮件有一个重大优势社会:一个更高比例的人会发现你给他们什么。

 1-4vjtpm2BMWb9VCgD16fccg
我希望这种post-social趋势持续到2015年,最被忽视的趋势的网站通知(工作就像在手机应用程序通知)。

奖金non-prediction:CSS形状

这个很酷的技术不会注意到,除了设计师。CSS的形状让你流布局到形状,像圈:

1-LPJ7lqbVCYWhOHEbFUYIfw

这非常酷,但是直到浏览器支持是保证,这可能是风险太大把时间和精力放在你需要差不多两个完整的设计,对新老的浏览器。 和外部的设计师,我们不认为许多用户会注意到。

不过很酷。

2015年期待什么

在2014年,我们看到使用手机超过桌面,但公众还没有跟上。 大多数组织仍然委员会网站看起来不错的电脑,二是工作在移动。

2015年,策略是有可能去触摸和不专业。 随着手机上网的主要设备,移动先行”将变得不那么时髦和更多的要求。

平面设计可能是无处不在,但当你真正的趋势是超越鬼按钮简单的网站在满足用户更快

简单性不仅仅是一种时尚:这是未来。 只期望它继续下去

它将成为越来越普遍将动画嵌入到博客文章、和运动表示优质(对于那些可以负担得起),支持用户体验。

像素和褶皱慢慢会留出更多的空间为滚动和click-second经验。 Web组件,就能很容易地交付中在我们的网站上的经验。

现在你看到最好的移动应用设计出现在网页设计。 有足够的时间,应用程序和网站之间的区别可能几乎完全消失。

破茧成蝶读书笔记
步步为营——记我们是如何将Facebook背后的图标设计的更美好