知名网页设计师安迪·克拉克最近发布了开源快速开发模板移动样板的一个分支320andup。这与他之前的媒体质疑正好相反。新模板是从小屏幕样式和具有较大宽度样式的层的集合中开发出来的，而不是为小屏幕剪切出大宽度样式。
在结合媒体查询或JavaScript之后，这绝对是利用特定宽度样式的最佳方式。但是当我看到具体设备宽度对应的像素值时，我就有点紧张了:320*480，等等。相比依靠一个想象中的宽度，比如960像素，这当然是一个进步。但我担心这仍然只是为了配合流行的显示窗口，简单地堆砌显示内容。这就是马克所说的“画布”方法:
“我认为，为了满足网页的局部布局设计的需要(不考虑设备)，我们不得不从布局入手，然后再考虑我们的内容创意。我们需要的其实是反过来，以内容为先来设计版面。”
现在有可能你的内容是基于像素的(图像或者视频)，它们的大小刚好适合特定设备的显示窗口大小。但是根据我的经验，大部分要处理的内容还是属于文字类的。但是像素并不是处理文字的最佳单位。这也是我更喜欢使用基于字体大小(基于em)的媒体查询的原因之一。
我的基本观点是，媒体查询要为内容服务。有些网站可能适合对小屏幕应用线性布局，而对较大设备(如平板电脑)的屏幕应用柱状布局。对于其他站点，即使是平板电脑大小的屏幕，直线布局也比较合适。这完全取决于内容。
关于内容优先级，我最喜欢的一个例子是Dan的文章《基于类型的界面》。我认为网页设计师的一个共识是，所有的设计都应该以内容为先，但现在我们过于依赖类似画布的工具，比如一些预定义的网格。同样，在框架和信息架构领域，当我们需要关注内容时，往往会不自觉地先设计菜单和导航界面。
这是《MobileFirst》的作者Luke最近对Jared说的一段话，其中提到了他的设计原则“内容第一，导航第二”。
路克曾经向互联网开发者广泛宣传过移动第一的方法。这种方法用于发现推送给用户的重要内容，确实非常适用。但也不要太绝对。有时这种方法相当于“打印样式表优先”或某种“非桌面环境优先”策略。正确应用的关键在于你是否首先考虑内容:
“当屏幕空无缘无故被80%的人占据时，你会被迫注意到，留在屏幕上的应该是对你的用户或业务最重要的功能集。而不是一堆一堆的界面，或者是有没有必要的内容。你应该清楚什么是最重要的。”
但这并不是说不能把一些不相关但很好的内容放在屏幕上。但是这个要加到可能需要一些条件延迟加载的部分，而不是把厨房水槽等信息一下子放到开始界面。
在手机页面设计中，出现了一系列优秀的示范性设计。然而，传统的桌面网页设计已经成为昏睡和自满的代名词。这就导致了一堆网站充斥着陈旧无聊的内容，就像梅林的Flickr专辑信噪比列表一样:
“当然，这里面也有一些非常好的原创内容，虽然隐藏在一堆广告、自助链接和附加新闻中。”
对，继续看图。要负责任，里面有“真正”有用的内容，不是吗？
移动用户不能被忽悠也是共识。这些总是手忙脚乱的用户，应该尽快给他们需要的东西。但它的推论不一定是真的。为什么我们认为桌面用户更能容忍这么多不想要的内容？
不需要的页面冗余通常被视为页面损坏，用户可以使用可读性、Safari的阅读器和Instapaper等工具来绕过它们。这些工具的存在，一方面是为了将内容从具有单一端点的多个内容源中解放出来，另一方面是为了将有用的内容从正在被滥用的页面容器中解放出来。这不是一个新现象。当然，在RSS出现之前，我们是在浏览信息。但是这些阅读辅助工具也应该对我们起到警示或挑战的作用。怎么才能以用户讨厌的方式加载内容，让用户不得不转向可读性或者Instapaper。
有些臃肿页面(往往是碎片化设计)的设计师在设计一个站点(通常是一个新站点)时，会有另一个移动版本，通常命名为“M.subdomain”。在这个版本中，内容并没有以桌面版本中死板、冗余、分页的方式呈现。我注意到，当用户用Twitter或email等工具分享链接时，他们通常会分享这个简洁的m.版本。简单来说，这些网站的广泛影响是因为它们更容易阅读，在任何平台上都是如此。
我们以前读过，正如我说的评论)保罗关于保罗在移动设计上的误导性帖子:
“在过去糟糕的日子里，设计独立平等的网站，只为习惯屏幕阅读的用户提供文本阅读，这种现象确实很普遍。这确实对用户进行了细分，但显然，这只是一种伎俩。现在，我们知道，习惯了屏幕阅读的用户也应该享受和其他人一样的内容服务，前提是网站的搭建方式要正确。(有趣的是，一些网站已经注意到，“传统的”非屏幕阅读用户也倾向于更快、更简洁的网站版本，这应该给那些仍然认为桌面和移动网站完全不同的设计师们上了一课。)
毫无疑问，我完全不同意雅各布·尼尔森的说法(来自雅各布·尼尔森的文告):
“台式电脑和移动设备是完全不同的。唯一能给用户带来好体验的，就是设计一个产品的两个独立版本。当然，一般来说，移动版的功能会少一些。”
我很迷茫。我不知道既然网站的简单性和可用性受到质疑，为什么设计师还要设计另一个版本的网站，以至于每个不使用这个版本的人都很难忍受另一个版本的臃肿混乱。请注意，我并不是暗示每个用户都获得相同的体验。其实远非如此。然而，由于渐进式增强设计(正确方式的响应式设计是渐进式增强的完美应用)，我们可以提供用户需要的内容，并在任何设备上以最佳效果显示。
所以，这才是体现区别的关键:内容第一，而不是装备。
这是网页设计激动人心的时刻。不断增加的各种设备直接暴露了我们传统的固定大小、内容臃肿的桌面中心设计方案是多么的自以为是、反其道而行之。就像面对任何变化，总会有些紧张和神经质。开发人员争相发现移动设备带来的变化和好处:
“我应该学习Objective-C吗？”
“我应该掌握HTML5吗？”
“我该不该学手机App架构？”
你可能正在做这样的事情。但是，记住内容策略的应用。
原作者:杰里米·基思。作者是知名的网页开发者，作者，工作生活在英国布莱顿。文章写于2011年4月27日，源文章链接。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）