网页设计未来是什么？

网页设计未来是什么。 这是一个大课题。 我们从哪儿开始的时候我们谈论的东西不在这里还说话？

在这篇文章中，我们将看一下未来的网络可能看起来像，以及我们如何能够适应我们目前的技能，这种新的环境，以及如何创建是建立在一致的核心，适应流体网站的限制和设备的功能上，他们被视为。 我们还将看看我们的理念和方法，如何设计网站应该演变：从最简单的设计向上设计，而不是从最富有的网站了。

但在我们达到目标，让我们开始一个问题。 我们所说的什么“未来网络”？

什么是未来网络？

早在旧天：类似谷歌查询将采取30天。 图片： dullhunk

一个字，我听到别人比任何此刻正在 移动 。 移动网站，移动设备，移动应用程序：清单似乎继续下去。 事实上，大膨胀的意见说，未来的网络 是 移动的。

但是，尽管这一切， 只是集中行动是不能解决问题的 。

我们的方式接入互联网正在改变，那我们可以肯定。 而在短期内，这也意味着更多的移动设备。 但长远来说，我们显得有点宽。 托马斯胡森，对于Forrester的高级分析师，他很好地总结它在 二千零十一移动趋势 的报告时，他说：“长期 移动 将意味着更多的不是移动电话。“从长远来看，我们应该用这个词，而不是手机是 便携式 。

便携式为什么？ 怎样改变为了让这个互联网？

首先，互联网的物理基础设施正在迅速蔓延，使 我们能够访问互联网的任何地方，我们每天都在提高 。 在过去的10年里，互联网用户数 增长了444.8％和28.7％的人口现在包括的 。 这是近2亿人口，其中大部分亚洲的研究。 这一增长是由投资推动在基础硬件，让我们访问互联网：百万数百万台电脑的，数百万英里的电缆，这几百几千的无线热点和所有，在上面，成长中的3G覆盖全球各地（ 约21％，由2010年年底 根据摩根士丹利）。

其次，我们使用互联网的方式正在发生变化。 我们正 越来越多地面向我们的全方位服务的在线体验 ，而不是搜索引擎。LinkedIn服务，如Facebook，Twitter和正在成为我们生活的中心线上，我们融合他们创造了自己独特的网站内容：生命赶快注册Facebook，为我们的社会生活中的专业，LinkedIn为我们，Spotify的音乐，Netflix公司的电视和电影。 我们看到一个非常不同形式的信息消费在这里，我们希望在其中的信息被推向社会的圈子，我们借着我们，而我们的人民的信任。 我们正在远离信息检索的旧模式，在此我们将利用搜索引擎寻找信息和链接。

一些服务，这些都依赖于一个单一的设备，但是越来越多的人提供他们在多个平台，包括桌面，移动应用服务，互联网功能的电视和。 就在上个月，三星创建了 第一个啁啾冰箱 。 好吧，这未必是最伟大的Internet连接使用一个，但它是一个。例子，如何将这些服务也开始散开，远离桌面，到日常生活中我们 Evrythng ，一启动，目前处于测试阶段，是工作在一个平台上，这将使 任何 有形物体的在线状态，有效地使互联网成为无所不在的实体包含任何数据，可以在任何地方和食用。

鉴于这些变化，是很重要的，我们不要过于我们的方法来创建新的Web内容僵化，我们不能让我们自己来思考的设备条件。 现在，我们生产的移动应用程序和标准的网站，以提供我们的服务，但在数年时间，我们可能会在一个完全不同的景观来看，一个地方的确切位置，以及如何知道我们的内容被视为是不可能的。 我们的内容必须是可移动的，它可以显示任何地方的感觉。

媒体营销有回应手机媒体越来越多地使用。 （图片： birgerking ）

我们也可能发现自己不得不决定是否集中在特定设备和渠道费用的观众数量少，或采取独特的方法和服务于最广泛的频谱可能。

无论我们采取的路线， 有能力提供一个跨所有渠道一致的体验是至关重要的 ，和我们的能力为设计人员和开发人员理解的选项，并提供这种一致性为我们的客户将是至关重要的。

所以，这是未来的网络，一个米什通道的设备和醪。 听起来不错，不是吗？ 让我们回到关键词， 可携性 。

我们如何设计为便携式网站？

问问自己，你的最新项目将如何应对在下列情况下：

1. 用户正在看 内务 其新的互联网电视。 休劳瑞不是在屏幕上，因此用户决定检查他们的电子邮件。 一位朋友发来链接到您的网站，该网站的用户打开一个侧边栏和意见，方案同时使用。
2. 用户是在火车上下班回来，可能延误后，在一个iPad通过3G访问您的网站
3. 用户是基于客户的网站。 他们需要访问您的网站，阅读一篇文章，但他们只有一个公司提供的索尼爱立信与Opera Mini的安装。

每种情况提出解决我们这些用不同的问题：（1）多宽高比和浏览器组合，（2）一个良好的展示区，但速度较慢的连接（3）一个非常小的显示区域。 他们都是非常可能出现的情况。 通过大品牌的第一个互联网电视，现已从大零售商。 Opera Mini的已超过8550万用户 ，是世界上占主导地位的浏览器，在许多领域，事实上，在亚洲，歌剧和诺基亚（与他们的联合 66.33％的市场份额 ）是远远领先于排名第三的浏览器（这是黑莓，以9.81％的股份）。 和德勤预测， 2011年将是平板的 ，而50“％的”计算设备将不会被出售的个人电脑。

机会是，除非你真的想过这个问题（如果你有，那么你可能不需要阅读这篇文章），您的网站将无法在所有这些案件。

当便携式网页设计，我们需要知道的三件事情：设计，内容和集成。 以正确的方式走近，我们可以创建网站，是最广泛的用户群在访问和提供一致的体验，无论访问方法。

是否一致？ 怎么样？

当面临着一个规格众多不同的设备设计，所有的最后一个目标，可能会想到是一致性，并有很好的理由。 然而，我们 应该 将努力实现的一致性。 没有设计，但在经验。

从概念上讲，我们应该思考我们的设计在两个层次：核心内容或服务，然后在显示层。 我们的网站的核心不应该改变从设备到设备，并应提供一致的体验。 不久我们将看到，这意味着我们必须确保诸如内容和导航模式的元素总是以同样的方式工作。

Web的未来组成的巨大可能性，考虑到所有这些几乎是不可能的。 这就是为什么我们需要保持一致！ 图片： 巨汉索宁

比方说，我们的用户是在工作，是我们的一个iPad浏览网站。 他们的工作，通过精心设计的导航层次去的内容，他们想读的作品，但他们是由一个电话打断了，不得不停止浏览。 后来，在回家的火车，他们再次访问该网站，通过他们的电话本的时间。设计的视觉元素会有所不同，根据需要，但是重要的是，他们的路线走上寻找内容应该是完全一样的，他们所读的内容应该当他们到了那里。

这种体验的一致性，是什么让我们创造一个完整的移动网络和用户体验伟大的网站。

我从哪里开始？ 以及如何将我知道当我到达那里？

如果一个一致的经验是我们的目标，这引出了一个问题，我们应该建立一个移动网站，鳞片上或桌面网站，降低？

答案是 没有 。 我们应该努力建立一个单一的设计，可广泛用于各种设备没有改变。 但实际上，至少从目前看，我们应该从最简单的网站和的工作。

为什么呢？ 让我们回到了介绍。 在移动网络，我们没有对我们的内容将被如何使用或浏览控制，因此我们必须抛弃的想法，我们正在寻找一个特定的设备或设备的尺寸设计。 我们必须以不同的方式方法对我们网站的设计，在其中我们创建的核心内容或服务第一。 毕竟，这将决定我们的网站到了最后，而不是视觉元素。 起初，这似乎很难，但我们应当看到，桌面网站开发的最佳做法很多持有真正的便携式网络，特别是结构方面的内容。

我们需要的辣椒，如内部的一致性。 图片由 肖恩罗杰斯

概括来说，这里是关键的规则时，要记住通过一个便携式网页设计工作：

1. 网站应该提供尽可能最广泛的观众;
2. 网站应该包含相同的内容只要有看的，在可行的情况;
3. 该网站的结构应该是无论它被认为是相同的;
4. 其内容应显示在一个适当的方式，是其环境。

一个网站能够满足所有这些标准将紧贴在未来便携式网络。 但是，我们如何着手使我们的网站上做呢？

设计为可移植的Web

使用Web标准设计：即HTML5的

好消息是，这两个最常见的移动，Webkit和歌剧院，都支持HTML5的浏览器引擎非常好; WebKit已经2007年11月开始支持HTML5的至少部分。

使用标准和描述标记注册在我们的网站将拥有在大多数设备提供一致的产出的效益。 和HTML5的扩展能力，提供媒体，动画和本地存储使之成为移动应用的绝佳选择。

这三种能力允许HTML5的网站，通常与重现本地移动应用相关的行为，结束两国之间的经验差距。 现在视频播放本机通过使用视频标签HTML5的，而动画可以发挥使用HTML5的画布。 最后，本地存储可以让一个网站，存储设备上的类似数据库的信息，功能齐全的网站，允许脱机使用。

YouTube上，Netflix和Gmail的所有HTML5的也有他们的网站是专为移动体验，并采取了HTML5的新功能的优势版本。 他们是一个伟大的起点对于任何开发谁想看什么就可以实现点。

HTML5是现在已经可以用于发展，而且也没有理由你为什么不能马上开始。 很多优秀的资源和教程可以帮助您入门：

• HTML5的潜入
  作者：HTML5的标准和一个很好的起点概述。
• HTML5的演示和实例
  了载HTML5的一系列示威活动的能力，带源代码。
• HTML5的画廊
  一个创建的网站展示在HTML5。

为了让您的项目中开始使用HTML5的，你可以利用任何的发展环境，支持它​​的头号优势。 最完整的实现是通过Adobe的Dreamweaver的CS5;一HTML5的支持包可以下载，它扩展了内置的编辑器。 Aptana的也支持在其测试版的Aptana Studio 3 HTML5的。 链接是提供在本文章的末尾。

从简单开始，逐步建立

思维方式的思考便携式干净和简单。 宽屏幕尺寸变化从一个40英寸1920 × 1080像素的肖像导向在320 × 240像素的手机屏幕上运行的液晶意味着我们必须创造设计，是可扩展性和适应性。 我们也必须认识到，有人可能会通过一个遥控器或触摸屏上的脂肪短粗的手指交互。 越简单的设计，它会更加适应。

自下而上的概念化男性意识。 专注于基本要素，让他们周围的环境演变。 图片： 安德烈Bocan

创建您的第一个基本的网站结构，并添加只有你的核心样式，那些适用于所有设备和布局。 开始简单的给我们一个伟大的基础上建立。 从本质上讲，我们开始从最基本的经验，即使是最小的移动设备上提供了与我们的工作方式到桌面浏览器的能力更强。

使用 @媒体 环境中查询CSS将让您的网站功能的桌面浏览器和认识到这些额外的扩展，呈现出更全面，更具交互性的体验在可能的情况。

警诫字和一个原因，我们不工作有辱人格的桌面网站的其他方式向周围移动一： @传媒 查询不是每一个移动设备的支持。 瑞秋安德鲁斯提供了一个 很好的概述媒体询问了@ 在这里碎杂志轮，尽管工作方式从桌面到移动，而不是其他。

忘了专有

不管你做什么，远离专有技术，因为这是一种方式，以保证不一致的经验。 Flash和Silverlight作为发展平台是生活在借来的时间。 微软已经表示，它将 停止Silverlight开发 集中于HTML5的，而闪光灯正在使用的机制主要是由于游戏开发平台和视频传输。 如果我们要创建真正的跨平台的网站始终显示在所有设备，则Flash和Silverlight是不明智的选择，因为我们不能确定，他们将设备安装在用户的。 不是说没有闪光的地方，作为一个游戏平台，基于Web的，它是目前无可匹敌的。 这是关于择业手头最好的技术的。

要警惕的JavaScript ...当其时

坏消息是，我们现在可能要牺牲一些理所当然 ​​的事情，我们需要的。 我们必须学会设计未知屏幕尺寸和比例，并允许内容需要流动。 少想设计结构和页面布局和 更多的 内容 结构。

我们可能不得不放弃使用JavaScript和AJAX（桌面发展两主食），以创造更多的涉及用户体验，因为一些低端设备将不具备硬件肌肉处理复杂库。 修剪页的重量也将是一个优先事项，因为我们不能确定最终用户有宽带高速接入互联网，所以大型图书馆将是不可接受的开销。

这是特别是在最近的“散列砰”的趋势，重要的是，开始与Gawker的媒体公司在其网站上有争议的重新设计。 该网站（包括Gizmodo的，Lifehacker和Gawker的）提出了更多的应用程序的体验给用户，但不要依赖于JavaScript的内容传递等。 实际上，该网站由一个单一的页面是动态的内容与要求加载，而不是他们以前由多个页面。 任何用户的浏览器无法处理的JavaScript，无论何种原因，将无法浏览该网站，它们只有一个空白页的欢迎。

然而，许多库，现正在发展成为轻巧便携设备上可用。 jQuery有一个 图书馆阿尔法其移动 测试可用。 该项目已在Adobe支持Mozilla和行业的球员 ​​，比如黑莓，所以它是值得密切注意的。

JavaScript支持将成熟的设备更现代化的平台上的旧设备和服务采取了全球行动。 但对于目前，保守的方法将意味着其使用为您的工作更广泛的潜在观众。

测试，测试，然后再次测试

在移动网络，有一个很好的机会，我们将无法对每一个可能的测试平台上，我们的内容将被视为。 但是，这并没有带走你的需要测试。 我们必须和测试。

歌剧Mini的模拟器可以让你在一个虚拟浏览器测试您的网站。

每个平台购买的设备将是广大的设计师望而却步。 但是替代品可供选择。 对于大多数的主要平台，可用的设备模拟器是模拟浏览体验。 见这个链接的文章结尾处的参考资料一节。

在另一端的规模，是付费服务可从 的DeviceAnywhere ，使您可以测试您的网站在2000年的手机了。

不幸的是，没有互联网电视仿真器至今，但谷歌已发布了指南， 电视设计的谷歌 。

最后，当然，我们绝不能忘记我们的桌面浏览器上测试了。 至于为便携式网页设计的目的是建立一个跨为尽可能广泛的设备设置单一的经验。 仅仅因为用户可以浏览网页，在许多方面并不意味着他们将停止使用他们的台式机，笔记本电脑或上网本。 要利用你的优势时，您的浏览器测试由大小只是为了确保你的设计规模和流动得当。 模拟器将提供一个你在其他设备上渲染你的网站准确。

丑小鸭？

所以，请问移植的Web违抗的优秀设计的容貌和踢沙？ 当然不是。 伟大的设计不仅是视觉形象，而是清楚地表达信息，其中包括通过创新和深思熟虑的排版，布局和导航层次结构和重要性。 这使我们要...

网站内容为便携式

内容再次国王。 的兴起 Quora 应该足以说服任何人的，它是内容单纯的服务为基础的。 在移动网络，这是双重的事实。 通过削下来的设计元素，你甚至把更多的内容集中。

了解什么是重要的

确定什么是最关键的用户应该是您的第一个任务在开发一种便携式的网站。 有可能不适合复杂的导航空间，尤其是在较小的屏幕，所以要简单。 比较YouTube的起始页的移动和桌面版本：

YouTube的标准的主页。

YouTube的HTML5的基于主页的作品出色的小屏幕。

创建一个坚实的信息层次

构建我们的内容很重要，既可读性和搜索引擎优化。 理解的内容，我们提出必须建立明确的信息通过它来引导层次的用户。

通过你的地图内容的用户可能人次。 应该有一个明确的路线，每一项内容，首先是最高级别的信息种类和每次点击获得更多的颗粒。

约翰刘易斯的移动网站有一个明确的信息层次，以帮助导航。

一个很好的例子是约翰刘易斯，英国的百货公司的移动网站。 从主页上，您可以很容易地深入到各个部门，并从那里向个别产品。 它的简单，而且也意味着对任何特定的网页资料量不是很大，你知道你的确切位置在任何时间层次结构。

保持内容可

即使用户在桌面上没有，不视为二等公民。 提供尽可能多的内容是可行的。 而对于有哪些内容，目前它适当。 删除以下内容：

• 多余的图像
  如果图像是没有必要的内容，摆脱它。
• 不支持的文件格式
  不包括Flash闪存占位，甚至如果该文件可能无法播放。
• 不必要的文本
  良好的桌面复制不一定良好的便携副本。 那是第二个客户推荐绝对必要的吗？ 如果没有，删除它。

同时，我们要删除不必要的内容，我们不希望删除太多。 在下面的例子中，我们有一个简单易用的网站，而是一个有没有深度。 第一个层次的信息，提出了很好，但在页面的底部，为公司的服务标题应该链接到下一级的信息。 事情是这样的，如果我想了解更多，我被迫访问非优化的网站。 这是一个不好的用户体验，因为它使得寻找什么，我需要更多的困难。

Sapient公司硝基的移动网站展示真的很好，但削减从全网站的大量信息。

网络集成和便携式

如果服务成为新的互联网枢纽，保持与这些服务我们的网站变得极为重要。

保持它的模块化

服务将来去（虽然主要的会肯定会保持很长一段时间没有...是的，我看着你，脸谱看），所以让您的模块化设计。 能够融入新的服务，他们来上网，并删除他们那些在路边倒下将确保您的内容提供给尽可能多的观众。

我们的目标是可以很容易地把你的服务内容，从而在多个 网站的内容整合成的织物 。 首先，这将是通过搜索引擎优化和社会共享。

让您的内容搜索引擎友好

当人们访问内容越来越少的社会和基于搜索的，搜索引擎仍然是巨大的流量来源。 保持您的内容，便于检索格式化是必须的。Quora已经这样做非常好，从而导致高排名在各大搜索引擎和产生下一代问答服务的流量。 搜索引擎优化可能是一些旧帽子，但作为内容的质量变得越来越重要，它会获得新的生命。

Quora次与搜索引擎不错，以极大的结果。

轻松地分享

SEO是重要，但是要通过OAuth的，OpenGraph和OpenID等服务的直接连接。 如果这不是一个适合您的选项然后在最低限度，为用户提供一些方式来分享您的内容。 ShareThis的服务，如AddThis并使其易于添加共享功能;利用它们。 一个单一的鸣叫能产生大量的活动。 如WordPress当然，现代的发展和内容平台已经内置此功能

这三个因素将共同将创建网站，这些网站 发现的，一致的和可用的 。 现在只有一个问题是提高其丑陋的头...

怎么应用？ 难道他们前进的道路？

应用服务是个大生意。 Gartner预测，移动应用程序商店的收入将 在2011年最高15元亿元 。 这并不奇怪，谷歌，微软，诺基亚和其他国家正在设法让行动上。 但是仅仅因为是商业上的成功应用商店，是否意味着他们应该是我们的第一站时，网页设计的未来？

让我们来看看为什么一个人可能想创建一个应用程序：

• 易于购买，安装，使用和丢弃
  可用的应用程序是如此，即使你的奶奶可以使用它们。 智能手机上安装它们是平稳的过程，需要从用户最少的参与。 而当你已经受够了，只需删除它，没有一丝的应用程序仍然存在。 这是一个伟大的用户体验，期限。 这就是为什么苹果公司目前正争取通过MAC应用程序商店的完整的Mac应用程序相同的概念。 应用程序还规定，在大多数情况下，良好的用户体验与家乡的控制和设计模式。
• 品牌联想与锁定
  Apps是设计用来做一件事，把它做好。 最成功的应用程序都是协会行使的品牌：“我想寻找网页，所以我将使用谷歌应用程序”或“我要检查在我的朋友，所以我将使用Facebook的应用程序。”你品牌经验应用程序通过。 我可以很容易使用iPhone的Safari浏览器访问Facebook和谷歌，但这些软件可以很容易对我来说。 我被锁进经验，这是伟大的公司，因为他们的品牌得到种植面积在屏幕中间，我在家，在这种情况下，一个大 F 和一个大 Ğ 。
• 钱
  关于应用程序最有吸引力的事情很多公司的利润。 苹果的App Store已经证明，货币化的内容是可能的。 即使是独立的开发，使得在一个较短的时间内很多钱是可能的。

最新消息关于所有这些问题引人注目的是，他们没有任何关系的信息消费。 他们都对品牌和用户体验。 不过，也有原因，你应该三思而后行：

• 应用服务是信息孤岛：
  应用程序做他们做的很好。 但他们不这样做的在更广泛的网络带来好工作。 要遵循一个链接？ 你也许可以查看应用程序页，但你只是作为可能获得扔进浏览器。 这不是一个良好的用户体验。 你也失去控制用户的行为和他们对你的重点内容。
• 应用程序是特定于平台的：
  编写一个程序自动将您的平台，你写它。 这立即限制您的潜在观众。 智能手机的普及率增长，但仍然是手机市场的一小部分互联网的整体功能。 要以美国市场为例，虽然31％的人口拥有智能手机中，只有6％的人口拥有的iPhone。 这出307万1900万。 如果你发布了一个应用程序在美国IOS的唯一，你会立刻 失去76170000潜在用户 。
• 应用服务工作，大品牌和服务的最好成绩：
  无论应用程序是多么好，你必须找到一种方式来获得它在该应用程序商店分为每天发布的应用程序浪潮发现。 大品牌可以把现有网络的存在，通过他们的应用程序，不过这是很多小品牌更困难。 除非你可以生成大量的相关内容，定期为主要服务做什么，你的应用程序将委托给日本的垃圾非常快。 Pinch Media的（现在乱舞）研究表明，免费软件主要用于前10天以下的安装，然后迅速关闭后70天径约2％的安装基础。 缴付的申请使用更快脱落。
• 移动用户更喜欢应用程序浏览器：
  2010年10月一个系统的研究主题 表明， 手机用户喜欢的网站网页内容的几乎所有类型 。 在上面只列在其中的应用程序类别来进行社交，音乐和游戏，这是有意义的，因为这些应用通常需要的功能充分利用本地的平台。

所以，如果我们希望创造一些更持久，可以在一个高速发展适合我们和我们的客户，那么我们需要看看，并远离移动应用 向移动网络 。 我们必须执行好设计，周到的内容和固体整合，以配合我们的便携式的Web网站向社会基础设施。

结论

完全便携式Web可能不会在这里的权利，但它将会在我们知道这一点。 由于它与浏览器大战，开发人员和设计人员必须重新教育自己成为这些变化背后的驱动力，敢于放手目前的设计思想和工作，以树立新的标准。 了解如何创建采取了Web的未来形态充分利用所有平台和网上准备存在将使我们不仅是技术，而是因为人们谁可以提供真正的价值给客户。