推荐阅读
网站建设
整合营销
情境设计的网站
日期:2012-03-31在浏览器大战中 ,有趣的问题提出了自己的网页设计社区。 许多网络专业人员采取断然措施,IE和Netscape内置的独立网站 - 以后,我们不得不为移动电话,无线标记语言(WML)。 这是因为渲染和执行不力的标准不一致,这是一个避免丑陋的黑客攻击,否则必要的手段。
这种做法,经过多年的发展(例如打印友好页),但现代网络几乎完全回避的做法。
Web标准正在制定和通过的快速增长(尤其是退休老版本的浏览器),但在一个新的设备友好的时代来临之际, 手机 ,汽车,电视机和家用电器可以访问Web导致无法控制的情况。
作为一个成都网页设计的网页设计师,我一直在寻找良好的解决方案,以及奇怪的,因为它可能听起来,有单独的,情境的网站,以应付不同的设备的情况下,越来越强的一天。
奇异解的问题
最初的问题,我们不得不采取一种尺寸适合所有的模型是歧视。 在浏览器大战中,我们的主诉是由浏览器制造商故意的行动,以获得优势结束了伤害web标准。 甚至谦虚的只打印页面的“歧视”的行为,它吸引了来自标准的“打印”按钮,在浏览器中的用户望而却步。
每一个分离的情况下,导致一些网页设计的焦虑,使生活加倍努力。
每一种情况的一个单一网站:多么美好的概念。 这样成都网页设计的网站会更容易维护(除非其他设计自动生成),域混淆,他们会削减强制URL重定向,而不是负担,用户不必记住顶级域名(TLD)他们的特定版本。
如果浏览器和设备提供的东西同样对待 我们美妙的布局作为他们的目的,我们可以继续依靠一个为所有网站。
几年前,我们担心,只有屏幕分辨率,网络安全的排版和浏览器是否可以处理我们的代码。
现在,我们处理了一系列令人困惑的单位测量。 屏幕有多大? 它支持缩放? 是什么样的输入硬件可用? 它可以渲染的速度有多快? 用户有带宽限制? 如何才能成为一个布局流体足以应付这一切吗?
不要混淆iPhone和iPad,有两种不同的屏幕尺寸设计!

单页网站 ,所以有关的视觉效果多,我们的用户有(虽然实用性是重要的)定居;它有关的背景措施的过程中涉及,并约1平台的,敏捷的网页尽可能需求(同时其硬件的优势)。
我们谈了很多,可用性,用户体验优化我们的网页设计和前端的性能,所以(暂时撇开时间限制)为什么我们会为用户提供一个“二手”的布局 - 建立一个平台,然后黑客进入了另一个新的形状?
我们需要的动态设计
无线标记语言( WML )是一个贬值的语言,但我不得不承认,网页设计师可以学到很多,从短暂的利益,它带来的表。 它迫使我们要创建一个单独的布局和结构的手机-这是唯一的替代设备,除了不受欢迎的WebTV ,MSN把20世纪90年代的产品。
新的布局带来了新的优势。 大多数网页小而灵活的,他们保证在移动设备上工作。 此外,我们并没有留下无数的“如果”的问题。
标准的演变,自然,但动态,迎合某些类型的设备的情景网站的必要性是显而易见的。 带宽和速度在移动平台上的主要问题,并为解决这些问题的技术支持,可以改变游戏规则。 太多的设计师只是期待在移动网络为“在桌面上,但规模较小的” - 这是一个致命的错误。
我们现在面临的问题,导致从设备多样性的神秘问题。遵循渐进增强的原则,将削减某些设备的设计怪癖,但他们不会与桌面的网站,以适应移动平台的冗余帮助。
它不只是一个单独的网站为每个设备的问题,它的创建启用所有网络平台的一个版本,并使用可用的工具,以加强对每个经验。
,因为它目前的主要平台包括:
1.台式机 (包括笔记本电脑,上网本和传统的计算机)
2.移动设备 (不只是手机,但平板电脑和其它触摸设备)
3.电视 (网络功能的电视和游戏机,大屏幕显示器上)
4.家电 (不要忘记那些古怪的不适合在其他类别的设备,如冰箱)
利用这些平台,每个人的数量正在增加,虽然数量难以紧缩,按理说,我们应该设计,只为我们的观众为它呼吁。
如果您正在构建一个移动网站 ,为什么不撕了它远离桌面,并获得一个干净的表面工作的利益-的机会,更重要的平台,以适应您的内容? 如果访问者想要移动的经验,他们可以选择它,留下完整的桌面网站失去光泽和别人访问。
分离结构的好处
除了提供两种方式来浏览,建立单独的网站,而不是使桌面设计的“移动友好”的主要原因是什么原因?
主要好处是更大的兼容性。 与桌面的“转换”,“一个依赖于浏览器检测,完全确保正确的设计正在担任。 相反,使一个通用移动布局该类型的所有设备可以工作,但仍然可以为特定平台定制。 有大量的工具,用于测试您的手机布局在各种设备上。
让我有理由分开,网页设计情境:
1.即使是未知的移动设备将能够访问移动体验,而不是在桌面上。
2.维护“主题”为特定的设备(即移动结构造型)更容易。
3.用户可以快速,轻松地设计之间切换,无需额外的脚本。
4.你可以找出重点市场(手机,电视等),并为他们设计的独特布局。
5.屏幕房地产不会被浪费上的混乱,迫使用户到周围放大。
一个单独的网站,可以有一个标准化的手机主题和功能检测可能为iOS或Android,是进一步增强。 当然,这也是正常的布局。 不幸的副作用的检测是该网站的开销增加。 为智能手机设计和定制的造型重点夫妇的车型,而不是我们,而不是要占到数百成千上万的变化。 这是一个可怕的想法。
单独的网站设计的好处是可以在代码中也可以看到。 通过选项提供给您的访客,你会避免特征检测的需要(除非你想自动转发)。 保持您的桌面上移动代码的网站和移动网站免费桌面代码,这是至关重要的。 这可能似乎并不显着,但对移动网络的冗余是一个严重的问题,桌面网站不能单独解决。
下面是一些原因:
1.用户只需要下载的代码,为他们的设备类型是有用的。
2.检测脚本的开销大大降低只是特殊情况(如有)。
3.您可以创建一种替代的优势,硬件要求的经验。
4.打印机有浏览器的支持,但设备功能要求功能检测。
5.您节省了用更少的时间, CSS 和 JavaScript或替代WML结构。
6.内容的优化设计
当然,单独的网页设计最大的理由 - 对目前的趋势 - 内容,并调整到单个平台的机会。
如果您的网站是为移动电话,你知道,屏幕尺寸小,图像和视频等,应缩减相匹配(这将节省带宽的负载)。
含量可减少密度,太(减少繁重的滚动),和更长的文档可以分解和服务更易消化块。
如果您仍然需要的原因,这里有几个:
1.冗长的内容可能无法很好地适应从一个到另一个布局。
2.你可以把不同文本的唯一设备的媒体能力平台。
3.图像和媒体,可以扩大或向下匹配屏幕大小(节省带宽)。
4.可以解决连接问题(如单页网站的需求上显示内容)。
5.您可以提供相关的内容,放弃休息,减少昂贵的互动更加容易。
Web的西部荒野
提供面向设备的经验,确保,与接口不和谐的是尽可能低的。 尽管如此,会有场合时并不需要一个单独的网站。 不管你的决定,关于建立独立网站的访问者需求应该是主导因素。
复杂的多列,漫长的滚动,大文件大小和大量的图像和媒体的网站是单独的网站,在大多数情况下的理想选择。
一个简单的设计或单页的网站可能不利于从动态的,情境的行为。 通常情况下,你要排走多余的材料,要离开,只是需要一些优化设计。 如果你制作复杂的东西,像一个Web应用程序或一个优雅的用每英寸的屏幕布局,这显然是另一回事,但简单是多样性的最好的朋友。
情景网页设计不只是在网上看到一个新的光:它是关于承认与Web交互方式的多样性,需要加以解决。 设计师把桌面网站,它成为第二本性,认为变化应符合原设计尽可能建设这么大的力气。 在九十年代,我们意识到,服务完全相同的布局,以两个浏览器(以及它是最佳的和可用的)是不可能的;同样是现在用的设备革命的真实。
检查您的网站,以及如何与不同的设备进行交互。 也许你可以减少数据的使用,采用面向设备的图形(根据屏幕大小)。 也许你可以为小屏幕,或更多的内容为大型一少每页的内容。 不管你做什么,每个平台的独立设计。 为了给用户一个特定的设备上的机会享受它周围的内容设计。
有不再仅仅是一个网页设计;让使最好的!

