快好知 kuaihz

移动平台设计优先:爱恨交加

过去,对于网页项目,大部分网页设计者和他们的客户都先从桌面版入手,同时把移动版放在第二步实现。即使在响应式设计兴起之后,我们中的很多人仍然会从“全尺寸”的网站设计开始,然后再进行裁减。

不过目前在该行业中,将整个工作流程完全颠倒过来的趋势渐长,即先考虑移动版本,然后再将其扩展为一个更大的桌面版本。为什么你将会使用这种方式来处理项目?这种策略的利弊又如何?请继续读下去!

与Heart Internet VPS共同呈现这篇文章,它是我们关于“展望桌面设计”系列的一部分。

移动网页设计并非小众

如果你仍然认为移动网页设计和应用开发是小众市场,那么你需要改变一下你的思路了,移动并不是趋势,即使将来也不是,它就是当下。不相信?这里有一些自来Mobithinking的上个月的统计数据,有点惊人哦!

在美国,25%的移动网页用户只使用移动设备上网(他们很少使用桌面设备上网)

移动设备销售全线增长,并且新的手机中,超过85%以上具备上网功能

其中最强有力的事实就是以上的第二条,它足以说明很多用户很可能只会访问网站的移动版本。这是个很惊人的发现,不是吗?

相较以往,网页更像是我们随身携带的物品,而不只是出现在我们的桌边或者家里。这是一种全球趋势,在未来的数年间,这种现象会持续增长。你准备好了吗?你的专业技能集合中包含了所有重要平台上的网页开发了吗?还是只是停留在桌面领域?

为什么移动平台优先?

奇怪的是,到现在为止,还没有人从中学到新的东西。那些你所熟知的200多块美元的手机已经明明白白的告诉你,网页已经突破了电脑机箱的桎梏。

然而,移动网页访问虽然很流行,但这并不是说服我采用移动平台设计优先策略的原因。要知道25%的只通过移动设备访问网页的用户的反面是,还有75%的人并不是这样的!很显然,桌面访问仍然是一个很重要的渠道,还没到把它忘记或是搁置一旁的时候。所以为什么我们仍然要考虑移动平台设计优先的思路呢?

2010年,埃里克·施密特宣布谷歌从彼时开始将采用这一策略,它是网页设计移动平台优先兴起的主要原因之一。他甚至说:“我认为,目前,我们全体的合作项目,使得移动平台能解决几乎所有的问题。”为什么设计思路会发生如此剧烈的变化?

优雅降级还是渐进增强

这两个词是几年前的流行词语,它们现在仍然能够帮助我们洞察网页设计移动平台优先的想法,并帮助我们了解其成为一个重要概念的原因。

曾经有一种需求,希望在尽可能多的浏览器和平台上支持一种设计功能,由此引出了“优雅降级”。设计者和开发者希望能够利用新技术,同时又不能把那些没有安装新技术的用户排除在外。最后总的想法是创建并提供尽可能佳的服务,同时要考虑到每种可能的降级,不管它有什么缺陷,网站都要确保正常工作。

对于移动平台网页设计,这就意味着,需要对一个完整的,标准的网页进行缩减,并逐步去掉内容和功能,因为视窗变得越来越小,系统变得越来越简单(比如不支持Flash,等等)

由此趋势又引发了一个强有力的新概念:渐进增强。在这个版本的故事中,你在移动平台上使出浑身解数,占有最小的屏幕面积,占用最少的处理能力以及使用最少的第三方插件,为用户提供视觉与功能的完美体验。当有需求出现时,再逐渐“增强”网页。对于较大的平台,甚至可以无需顾忌诸多限制,彻底重新考虑。

为什么渐进增强胜出了?

乍一看,这两种方法都差不多。只要最后完成了,谁会在意你是从哪儿开始设计的呢?对吗?

不过,实际情况却有点复杂。当你从桌面平台开始设计时,通常会倾向于利用该平台所能提供的所有功能。你利用了很多很棒的技术,做出了很炫的产品,只是突然意识到,没有一个能用到移动平台上的。这会严重削弱移动产品,就感觉像是一个事后才想起来的东西,而不是一个经过雕琢并完成的产品。每个项目都会发生这种情况吗?也许不都是,但是通常这种情况比你想象的更加普遍。

如果我们审视一下渐进增强的工作流程,就会发现它会导向另一个结局。这里让我们从一个既非常简洁又令人印象深刻的项目说起。尽管面临诸多限制,你还是投入了全部的启动能量,并创造出一个外观和功能都很不错的产品。

更重要的是,你已经闯过了将内容削减至最重要元素的难关。等到需要把此设计移植到桌面平台的时候,你不再需要考虑要裁减掉哪些,怎么削减产品功能,你只需决定怎么使它变得更加健壮!

网页内容:有选择的提供是最佳方案

以上的论据纯粹是从哲学的角度出发,来得出最终的结论——即如果你使用移动平台设计优先的方法,那最终会有一个更好的结局。如果你想要一些更显著的实质性的论据,只需看看你是如何提供网页内容的。

如果我们持优雅降级的观点,会基于用户使用的是最大化的平台这个假定,从而将所有的内容(包括文本,图片,视频,语音,等等)同时推送给用户,由此,移动版本的功能就是简单的忽略或者是删除页面上的诸多内容。问题来了,不管给定的平台需不需要,所有的内容都已经加载了。这些内容往往都多于给定平台所必须的内容,而通常随之而来的是超慢的网络下载速度。瞧,看出问题所在了吗?

如果持移动平台优先的观点,那么在那些较小的平台上,我们一开始只会加载绝对必须的内容。这样可以避免不必要的延时,体验到更快的速度。而附加的资源则严格按照按需的原则进行加载,即只加载那些目标平台能够很好的进行处理的资源。

响应式设计怎么样?

那“渐进增强”又如何与网页设计的另一主流趋势“响应式设计”保持一致?好消息是这两种策略并不是互相竞争的关系。事实上,你可以认为他俩是互补的。

响应式设计的理念是,基于设备类型和视窗大小来进行媒体查询。牢记这一点,你就可以从移动平台的角度来进行初始CSS的编码,然后随着设备视窗的增大,再使用媒体查询有选择的提供附加的样式。

典型的响应式设计是从大视窗开始,然后再逐步裁减。而以上的方法看起来刚好相反。不过基于上述观点,很显然,从小至大构建媒体查询的背后仍存在很多逻辑。

肥大正在走下坡路

移动平台设计优先万岁!很显然它是自The Oatmeal以来,对网页设计最具冲击力的思想。但是为什么我对它就兴奋不起来呢?即使我经常对响应式设计大谈特谈,为什么我还是会经常避免谈及网页设计移动平台优先的话题呢?

答案很简单:它既不好玩也不容易。响应式设计确实很微妙,但是它让我真正在布局上施展拳脚,使用众多的浏览器内置功能,实现一些很酷的特效。响应式设计让我可玩的东西更多,而不是变少。

然而对于移动平台设计有限,第一步的诸多限制就给了我当头一棒。一点儿也不好玩!马上我要面对的是更小的屏幕,更少的资源,还有一大堆的麻烦。更进一步说,这不是个令人感到舒适的领域。基本上我的网页设计生涯都是在桌面领域度过的,我所积累的经验只在鼠标的移动和点选之间,而不是指尖轻触。虽然我已经做了很多移动平台的工作,但是我还不能说这是我的强项。

更重要的是,从严格的设计角度而言,我发现如果从移动平台开始设计,并把它做好真的是很难的一件事。我在最近的一篇文章中提到过此观点,在评论中迎来了一片欢呼声。我甚至听说业界领先的专家们也持类似论调。

迎接挑战

让我们再来看一下我赞同和反对移动平台优先设计的理由。在赞同这一栏里,我们的观点直白且富有逻辑,而且难以忽视。在反对这一栏里,充斥着抱怨和犹豫不决。你认为哪一边会获胜呢?

或许你能找出比我更有力的反对移动平台优先的理由,但是从客观的角度来讲,很显然移动设计优先具有更强的竞争力。

这意味着我可能需要突破自我,迎接挑战,以移动平台的角度开始设计项目。如果这令我感到很不舒服,很好,说明我还有成长的空间,还有新技术需要学习。

基本上,我采用移动平台优先方法的原因是因为它是以用户为中心的,而我反对此方法的原因则源于个人,那么以致力成为一名更好的设计师的名义,我必须放弃一点舒适感。

 来源:译言-科技

什么让你畏缩不前?

现在你明白,网页设计移动平台优先之所以伟大完全是因为它是服务于用户的。你知道诸如谷歌这样的大公司正在采用这一方法,而你也清楚的了解移动平台优先的工作流程所能带来的好处。所以,还有什么让你畏缩不前呢?

你是否认同我的个人观点——移动平台优先确实很难实施,但是同时也赞同,你只是需要拿出点男子气概(或者女汉子气概也行)勇敢跨出这一步?或者还有什么更大的问题在阻碍着你?留下你的评论,让我们共同探讨吧!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:移动平台设计优先:爱恨交加  交加  交加词条  爱恨  爱恨词条  优先  优先词条  移动  移动词条  设计  设计词条  
设计

 怎样设计一个简洁的手机网站

“良好的交互设计关注人们所想,所做以及所感”——斯蒂芬·P·安德森安德森的这句话适用于整个交互设计领域,同样这也是手机交互设计的真理。让用户快速地找到他们想要的...(展开)

设计

 等春天:聊聊产品架构

做好产品架构,忽如一夜春风来不是没有可能。上上一篇,聊了信息架构。这一篇,我们聊聊产品架构。等下,这俩儿,不是一个意思吗?在网上,有时候是一个意思。在这篇,不是...(展开)