Chinaunix首页 | 论坛 | 博客
  • 博客访问: 5224702
  • 博文数量: 1696
  • 博客积分: 10870
  • 博客等级: 上将
  • 技术积分: 18357
  • 用 户 组: 普通用户
  • 注册时间: 2007-03-30 15:16
文章分类
文章存档

2017年(1)

2016年(1)

2015年(1)

2013年(1)

2012年(43)

2011年(17)

2010年(828)

2009年(568)

2008年(185)

2007年(51)

分类: 系统运维

2010-06-08 16:26:11

长期以来困扰Web设计的一个问题是,Web设计太简单了!你只需要把来自用户的、老板的、投资人的需求都算进去,凑出一个包含着各种交互、内容铺 排、层级导航的页面出来,就大功告成了。原因在于:1024*768的空间对太大了,大到让设计师可以轻松满足各方的需求,甚至最后还得用广告位来填充页 面。

真正的用户需求,被淹没了在纷乱的页面里,没人去关注。许多事情都是这样,自由太多了,你反而会驾驭不了,会迷失,相反的是,限制往往能带来创新

帮助我们确定核心需求

优先为移动作设计不仅仅是因为移动互联网是大势所趋,更重要的是可以帮助设计师聚焦于用户的核心需求,精简功能,优化Web界面。当你在 320*480(iPhone、Palm pre、第1代Android)的分辨率下,意味着你要抛弃原有web页面80%的内容、导航、交互等。

这样做减法很过瘾,你必须保证屏幕上的信息对用户是最重要的。老板想来加点东西?那你可以理直气壮地说,对不起,没空间了,我想我们得做更重要的 事。

下面举个例子:我们比较下美国西南航空公司的web站和对应的iPhone app:

Mobile First Southwest comparison

看到了么,web 页面充斥着完全不相关的内容,因为它的空间很大!iPhone app则简洁地多,专注于客户需求:机票预订、登机手续、查询航班状态、查询里程等,再没有其他的多余内容。

优先为移动设计,可以帮助设计师确定了核心需求,接下来这些需求又可以应用到网站的web版本、iPad版本等。当我们确定了哪些是核心需求,屏幕 大小又有什么区别呢?在哪儿,它们都应该是最重要的,这也是网站的核心价值!

浏览器也一样

多年来,设计师和开发人员竭尽全力使网站在每个浏览器里看起来一样,问题是,浏览器是不同的,每个都有它的长处和限制。因此,当你尽力使每个浏览器 上拥有相同的体验时,忽略了某些浏览器独特的功能,这,不太明智。

从移动设备开始,人们逐渐开始接受:同一个网站,不必到处看起来都长一个样,事实上,也没必要。当你为手机做应用时,主要操作和信息展示必然和 web版不同,用户不是一样接受?难道就因为屏幕分辨率相同,你就想让Firefox和IE里一个样?

西南航空公司好像“听到”了我的建议,优化了网站,你再看下,这次两个版本都开始专注于核心需求了,同时充分运用了不同设备的长处。

Mobile First Southwest Airlines comparison

那么,web网站一定要在每个浏览器里看起来一样么?显然不是,为移动优先设计已经说明了这点。

既然为移动优先设计可以解决这么多问题,你何不开始尝试呢?你做的项目仍然是BCD(以老板为中心)么?欢迎讨论。

阅读(488) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~