7个未来网页设计的发展

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

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组件,就能很容易地交付中在我们的网站上的经验。

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

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6504/

(0)
iouedioued
上一篇 2015-08-19
下一篇 2015-08-19

相关推荐

  • 个性化赋能电商转化率的四个基本方法【UXRen译#173】

    作者:DAVID MANNHEIM |  翻译:xiuxiu,校审:Gogi   相关性可以提高用户体验,这不是什么秘密;用户体验的改善能带来转化率的提升,从而进一步提升用户忠诚度和留存。 那么问题来了:如何提升相关性? 答案在于个…

    交互专题 2017-08-07
  • 7种诀窍,创造利于记忆的用户体验

    了解记忆的工作原理,设计师可以创造出以人为本的界面,迎合用户这种与生俱来的能力,节约他们的精力,提升可用性。

    2017-04-27
  • 交互设计方案也需要测试和评估的!

      对于一个交互设计在最终上线之前我们要对整体进行评估,那么又有什么评估的方法呢? @elya:对架构、布局、内容、行为四个方面对照检查 1.架构和导航Architecture and navigation ¨ 是否采用了用户熟悉或容易…

    交互设计 2015-02-03
  • B2B vs. B2C 网站:关键用户体验差异

    尽管B2B网站和B2C网站有很多相似的地方,但B2B的客户却有着截然不同的需求。

    2017-05-14
  • IOS 10人机界面设计指南[中文版]

    随着iPhone7的发布,iOS10普及起来已经不远,所以iOS10的人机交互规范大家也需要学习起来了,分享的是迄今为止翻译得最全面的,iOS10人机界面设计指南[中文版],希望能帮到大家,enjoy!

    2016-10-24
  • iOS和Android规范解析:提示框(Toast)对比

    在交互设计稿中Toast是其中很常用的一种用户反馈手段,但是作者却发现在iOS中根本没有toast这种部件,那么在设计该如何处理呢?一起来看看作者的解读。Snackbars包含一行与进行的操作直接相关的文案(文案前不可有icon)。它可以包含一个操作。Toast优先适用于系统提示。它也在屏幕下方出现,但是不能被划出屏幕外(而被清除)。潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是:用户可以不用进行操作或者被打扰,就能得知重要的信息。
    Unobtrusively integrate status and other types of feedback into your interface.Ideally, users can get important information without taking action or being interrupted.

    2017-05-05
  • 聊聊蒙版引导的应用场景以及设计建议

    蒙版引导一直是一个十分热门的话题,对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导,这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法(观点引自文章“Misused mobile UX patterns”)。但我认为这种说法过于片面,对于一些流程复杂或者功能个性的产品应用,添加蒙版引导进行说明,是十分有必要的。

    2017-05-11
  • 学交互设计我看过的那些书

    亭决-Thu 2015.03.06 摩客www.mockplus.cn⤴ 【导读】这个书单是跟交互相关的人员必看书目,其中有一半左右我都已经看过了,觉得受益匪浅,另外几本今年也要找时间看一下。 学了三年交互设计,想写写我看的书,和回…

    2015-03-17
  • 交互案例:文件下载过程中的细节问题

    细节思考是交互设计师的基本素养 今天给大家分享关于文件下载过程中所需要思考的细节问题 说到文件下载,就是下载前、下载中、下载后三种状态 可是三种状态不代表以上三张页面,还有背后种种的细节思考 首先,交互…

    IxD案例 2017-03-21
  • 2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15