移动Web设计中的一些错误理念

标签: 设计 手机应用 移动应用 | 发表时间:2012-04-05 12:04 | 作者:齐哲
出处:http://blog.jobbole.com

我的Web 开发开始于1994 年,那时我们犯了很多错误。但不幸的是,在2011 年的移动开发领域,我又开始看到了这些错误的再次出现。

我不确信我是否喜欢一些人讨论移动Web的方式。就像传统Web设计经历过青涩的青春期一样,移动Web设计现在正处于这一时期。

开发设计组织正开始关注移动互联网,因为他们留意到用户一步步地接纳了这一网络,就像前几年一步步接纳传统互联网一样。他们知道移动互联网会变得举足轻重,但他们对其用户基础并没有具体的考量,以用来评估是否值得大笔的投资。

当我们看着Web设计师纷纷转投移动Web时,我们意识到其实这也和以前传统印刷业设计师转投Web是一样的情况。

可这些转行的设计师,带来的也许有不好的建议,和一些半吊子的解决方案。

在移动Web和传统Web都经历过的浮现期,我留意到它们之间的某些共同点。这些共同点主要存在于三个方面:

1. “我们也能进行Web设计”

我还记得,在九十年代末和新世纪的头几年,印刷业设计师刚开始做Web设计,那时状况有多恼人。在他们的观点中,互联网和印刷出版物差别不大。

实际上,两者的确有很多互通的技巧,但也有很多差别。Web和出版物并没有看上去那么相似。

移动Web设计中的一些错误理念

移动Web上我看到了一样的情形。很多传统Web设计者声称他们也能做移动Web设计。他们试着将传统Web设计中的技巧运用于移动Web。不过,这并不总是靠谱。

我不是说Web设计者不应该涉足到移动的领域(不管怎样我们都用着 Headscape)。其实,我们只需要在提出所谓“可以满足要求”的解决方案之前,更细心地去理解思考一下移动Web的特点,而不是在对这种新形式的传播媒介完全不够了解时就发表见解。

我还想说的是,单纯地载入一个适于移动Web的样式表,或者只进行响应式设计,这不可能足够。这就涉及到一个接下来要说的,我思考了一段时间之后留意到的相同点。

2. “我们只需要简单地重用……”

回到以前,那时Web设计的客户正考虑“把他们的小册子放到网上”。他们希望复制已有的印刷工作的内容,一样的文字,一样的设计,什么都一样。

让我担心的是,今天的Web设计者和客户也正进行着过去那种谈话。等着把内容“送上Web”的客户谈论的是把相同的内容简单搬运到移动设备或者桌面 电脑上,即是希望“已有的站点”出现在移动设备上就好。设计者也没有考虑,用户是否需要两份一样的内容分别出现在移动Web和传统Web上。

说到移动Web,我认为语境是最重要的( context is king)。我们要放到Web上的内容应该完全依赖于用户所处的语境。用网站 Headscape作例子,用户不大可能希望在智能手机的小屏幕上浏览我们的选集。但是,他们可能希望在需要帮助时能联系到我们的办公室或者得到我们的电话。

移动Web设计中的一些错误理念

移动设备的定位和桌面电脑是不一样的。我们不能单纯照搬已有的网站,还认为这就已经足够。

在移动Web和传统Web的浮现期,我观察到的最后一个相同点是“基于特定设备的开发”。

3. “这个站点/App只工作在……”

我们这些从事Web设计一段时间的同僚有时会开玩笑地提起“ 浏览器战争”。“战争”期间,为了抢夺市场,浏览器制造商会发布各自特有的标签,提供给 Web设计者使用。这场战争的受害者最终是用户。他们登陆一个站点时,经常会看到一条通知,告知他们只能用特定浏览器访问这一站点(通常是 Internet Explorer)。

Web设计者其实也是战争的受害者。有时他们不得不应客户要求,针对不同浏览器重复地设计数个版本的网站。最后,客户也受够了,因为他们必须为互不兼容的浏览器导致的重复工作买单。

我的确在现在移动Web领域看到类似“浏览器战争”的事情发生着。开发者组织正在发布用于iPhone和iPad的App,用于Android的App,甚至用于Windows Mobile的App。开发者可以利用每种设备各自的特性,来为用户创造不同的体验。

移动Web设计中的一些错误理念

可这样一来,人人都遭罪。用户会因为自己用的平台上,没有另一个平台上某个拉风的App而抱怨。开发者更要抱怨为每一个平台进行重复开发。而投资开发的客户则必须为这些重复工作买单。

这个问题的一个解决办法,也许是开发基于Web的App,而不是基于本地设备的。实际上,Bruce Lawson曾在SXSW上很好地阐释了,其实有很大可能我们不需要本地App。这样,也许就能实现针对所有移动设备平台只进行一次开发,而且可以使用渐 进式增强来在每种设备上提供最出色的用户体验。

 从云到设备,再从设备到云

现在,基于Web的移动App最大缺点是运行速度和连接的可靠性。相比本地App,基于Web的移动App总是慢一拍。更麻烦的是很多场合根本就没有条件接入Web。至少现在,本地App更像是比较好的选择,不过我们都应该为它潜在的衰退做准备。

也就是说,我认为移动Web正显示着Web演化的方向。很长一段时间,软件在本地机器上运行。但是,最近我们看到了一个基于Web方向的流动。这可 以归结于网络带宽的提升。可靠的高速连接是基于云的应用程序大规模井喷的前提。当移动Web应用转移向本地设备时,桌面应用却转移向云。我怀疑,当移动设 备的可靠高速连接得到保证时,我们将会看到本地移动App重新回到云端。因为这将会更加节省开发资源,而且更利于重复编码之外不同种设备的互通。

移动Web设计中的一些错误理念

当然,这些都只是猜测。但是,当讨论移动Web市场的发展时,我确信它的未来是充满希望的。我想我们能从Web过去发展遇到的问题中学习,从而另辟蹊径,开发设计出便宜、高效而且易用的移动站点,而绝不仅仅是现有站点一个格式重排后的版本。

结语

关于移动Web是传统Web一个简单扩展的论调,我看来是错误的。然而,我也完全不认同本地应用将一统天下的观点。我认为,未来应该是定制设计的基于云的移动站点。不过,我也相信要等到移动网络能提供更好的全局连接时,我们才能跨过本地App这一步。

不过,我怎么可能全猜对呢?这只是我的观点。大家可以留言来互相交流,阐释各自的观点。

原文链接: http://boagworld.com/dev/making-mobile-mistakes/

原文作者: Paul Boag,Web设计机构Headscape的联合创始人之一。

原文发表于2011年3月15日。

相关文章

相关 [移动 web 设计] 推荐:

移动Web设计中的一些错误理念

- - 博客 - 伯乐在线
我的Web 开发开始于1994 年,那时我们犯了很多错误. 但不幸的是,在2011 年的移动开发领域,我又开始看到了这些错误的再次出现. 我不确信我是否喜欢一些人讨论移动Web的方式. 就像传统Web设计经历过青涩的青春期一样,移动Web设计现在正处于这一时期. 开发设计组织正开始关注移动互联网,因为他们留意到用户一步步地接纳了这一网络,就像前几年一步步接纳传统互联网一样.

从Enyo看移动Web应用框架设计

- - 技术改变世界 创新驱动中国 - 《程序员》官网
Enyo是一个来自Palm的Aries项目的JavaScript开发框架,它所关注的方向是一般的程序框架所关注的封装性、复用性和可维护性. Enyo是随着webOS发布的开发框架. Enyo 1.0发布于HP TouchPad的webOS之上,它是依赖于WebKit的开发框架. 因为一些历史原因,Enyo 1.0的授权仅限于webOS中使用,并没有使用开源协议.

从Web到移动应用——谈设计师的思维转换

- - legene的交互设计博客
随着移动互联网的快速发展,很多web产品经理、设计师转而投身至移动应用领域. 看起来非常相关的工作,却可能给他们带来了不小的困扰. 很多刚刚接触移动应用的产品经理、设计师依然习惯用Web的思维去做APP,从而导致一系列问题. 张小龙在谈微信时曾经说过: 绝不考虑Web形态,一切考虑都基于APP. 那么,移动应用和Web相比,区别到底在哪里呢.

对web设计师而言最有价值的20个移动app

- - Web App Trend
如果你经常外出,需要 mobile apps 来帮你完成工作,而不是在长途旅行中消磨时光,那么这篇文章将会对你有用. 我们总结了该行业排名前 20 的 apps. 自从第一部iPad发布以来,该设备一直遭受PC忠实粉丝的抨击,他们声称它仅仅是消费品而已. 任何使用了iPad(或类似的智能手机或平板)的人都知道这是毫无意义的废话.

响应式的WEB设计(三)- 桌面及移动设备的网页性能

- - 博客园_首页
移动设备由于受到带宽、处理器运算速度的限制,因而对网页的性能有更高的要求. 究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢. 这些元素应该做何处理以提升页面在移动设备中的整体性能. 是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢. 2、移动设备中网页的性能检测. 3、移动设备网页的性能瓶颈.

移动web问题小结

- - Web前端 腾讯AlloyTeam Blog | 愿景: 成为地球卓越的Web团队!
这个想必大家都知道,当页面在手机上显示时,增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览. 这两个属性分别对ios上自动识别电话和android上自动识别邮箱做了限制. 桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的,但在iOS中你会发现这两个属性是未定义的,为什么呢.

Web设计精确点滴

- 安淡名 - 所有文章 - UCD大社区
这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经验”那就“杯具”了,然而这些细节问题也不同程度的代表了你的工作态度. 当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界会变得模糊,如果继续调整模糊度会加大,这个问题太不起眼了,以至于你无法用肉眼来理绘,我们先用商品图片举例子:.

Web app设计浅谈

- Jason - 网易用户体验设计中心博客
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.