注：Mobile First(移动优先)的口号最初是由Yahoo前首席设计架构师Luke Wroblewski提出的，已经获得了业界的广泛反响。他提倡产品研发团队首先针对移动设备设计，这不仅是因为移动设备现在数量庞大而且在飞速增长，而且因为移动设备的限制能迫使我们改变旧习惯，先做减法，更关注产品最本质、最重要的方面，同时更多地注意性能和使用场景，反而最后会得到更出色的用户体验。当然，移动设备中丰富的传感器、摄像头等等硬件，也为产品提供了更广阔的空间。
51CTO推荐专题：移动Web开发指南
全文如下：
当谈到如何组织移动终端上的内容和功能时，可靠有效的信息架构准则比如清晰干净的标签、均衡的广度和深度、恰当的心智模型(mental models)都是非常重要的。但是要合理规划移动Web应用还需要做到：
与人们使用移动设备的习惯和原因一致;
◆ 突出内容而非导航;
◆ 对于搜索(exploration and pivoting)提供最相关的选择
◆ 保持清晰与集中;
◆ 和移动用户行为习惯一致。
广州网站建设,网站建设,广州网页设计,广州网站设计
在前面的部分中，我们已经讨论过移动设备的局限和功能，这些因素使得基于移动设备的设计工作非常独特。同样，传统桌面Web也自有其限制和可能性，所以如果只是简单的将桌面Web的工作策略移植到移动设备上经常是行不通的。相反，你需要考虑移动设备的独特优势以及如何与用户需求结合起来。
在更高层次来看这种结合，就可以对人们使用移动设备的行为和原因进行阐述。Josh Clark在他的著作《Tapworthy》中，重点提到三种关键的移动行为模式：微操作(micro-tasking)、“我在当地”(“I’m local”)以及“我很无聊”( “I’m bored”)这和Google提出的三种用户典型行为分解非常吻合：紧急需求(urgent now)，实时更新(repetitive now), 和无聊(bored now)，无论你如何标识这三种行为，移动场景基本包括以下交互类型：查询Lookup/Find(急需信息，本地)：我现在就需要某些问题的答案——通常和我当前所处位置有关;
◆ 探索/娱乐(在某地感到无聊)：我想消磨时间，只是想要有些东西来打发无聊时光。
◆ 签到/状态更新(重复/微任务)：我需要跟进一些很重要的东西，让它们保持在最新状态;
◆ 编辑/创建(紧急变化/微任务)：我现在急需完成一些任务。
因为这些场景都与用户使用移动设备的需求直接相关，这些典型行为也决定了你该如何构建和组织手机应用体验，以契合用户需求。例如，图片分享Flickr通过四个主要功能传达它的核心移动体验，最近活动列表(Recent activity)和上传功能(Uploads from your contacts)让用户随时了解好友的新鲜事和新照片;当日有趣的事情(Today’s interestingness)和照片功能(Photos taken nearby)可以让人们在无聊时观看精美的图片以打发时间。
图4.1：Flickr和Basecamp的Web应用体验都与用户使用移动设备的需求契合
同样，项目管理手机Web应用Basecamp所提供的核心体验就是方便人们跟进、编辑、创建新信息、计划任务等。由于人们使用Flickr和Basecamp的理由不尽相同，两个网站都对移动版本的组织方式做了相应调整。和人们使用手机的习惯保持一致，也就是让你的网站和现实世界的需求保持一致。由于人们可以在任何地方使用手机应用，因此你需要考虑如何能让你的应用在任何地方都能对用户有用。这意味着进行大量的现实世界中的使用案例研究来搞清楚人们的真正需求，并以此来组织你的站点。
我最近发现了一个很好的样例。在Mobile in Higher Ed blog一文中, Dave Olsen对一个xkcd漫画(注：一个小型漫画网站，主题多涉及浪漫、讽刺、数学和语言)中的内容做了如下阐述：“当我看着右边的文氏图(译者注：Venn Diagrams，用于表示集合间的关系与运算)的时候，我想，‘这对我的移动应用站点来说，看起来就是一个天然的组织好的可用内容’。……去掉了不需要的东西，做相应的裁剪，以便能适应设备和网络的限制，就可以形成一个更好更有用的移动应用。”我完全赞同他的观点(就直接将他的原话引在这里)。
图4.2：一个来自于xkcd的漫画图(http://bkaprt.com/mf/40)，讽刺性对比了人们在一个大学网站中想要找到的信息和他们能找到的信息。
