IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

优先为移动设计带来的优势

想飞的翅膀 2010-06-06 21:49:49 累计浏览 4,051 次
本机暂存

    长期以来困扰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(以老板为中心)么?欢迎讨论。

    注:本文意译自 Lukew,转载注明出处即可

    http://www.mobilefocus.net/?p=310

同分类推荐文章

  1. Day for Night (2026-05-29 17:57:14)
  2. Your Prototype Is Not Being Honest With Your Users (And Here’s How To Fix It) (2026-05-25 20:00:00)
  3. Fixed-Height Cards: More Fragile Than They Look (2026-05-04 22:01:36)

查看更多 设计 文章 →

建议继续学习

  1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,430)
  2. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,367)
  3. 为什么现在那么多人应聘产品经理岗位? (累计阅读 8,287)
  4. 30个超棒的404错误页面 (累计阅读 7,249)
  5. 可用性测试的权衡之道(二) (累计阅读 5,794)
  6. “预注册”是一把金钥匙 (累计阅读 5,607)
  7. 响应式设计的5个CSS实用技巧 (累计阅读 4,834)
  8. 手机UI设计基础-尺寸&单位 (累计阅读 4,811)
  9. 受众人群分析 (累计阅读 4,772)
  10. 产品经理3年沉淀和总结 (累计阅读 4,670)