如何决定你的移动互联网战略?（如何针对移动互联网时代的注意特征做出调整）

哪样东西是你永远都不想遗留在家里的，随时携带在身边并触手可及，即便是睡觉的时候？

或许对大部分人来说答案是手机。我们对移动设备（和可穿戴设备）不断增长的依赖是很明显的。所以对开发者来说，拥有一个强大的移动互联网战略应该是你未来网页设计和网站的一个组成部分。

当我们听到“移动Web”这个概念时，我们想到的第一件事是响应设计以及过多的工具与框架使其成为可能。有一些简单的复制桌面网站的做法，其不能作为一个移动互联网战略。这只能说是权宜之下的“创可贴”，以最少的努力换取最好的情势。不过它忽略了移动的关键点——提供一个“精致的”用户体验。而现在是时候将移动互联网的焦点从响应Web工具转移到用户了。

桌面和移动之间的关键不同

第一步需要了解的是，跟桌面相比，移动设备提供了一种不同的用户体验。它们有不同的用途。一些移动体验不同于桌面体验的有：

• 它是一个“个人”设备：鲜有人会去共享一个电话。小屏幕手机保证了任何在你身后的人无法看清屏幕。
• 它意味着容易、即时访问：也就是说人们希望移动Web页面加载是即时的，或者至少要比在台式机上快得多。
• 它总是被连接的：无论是通过蜂窝数据还是Wi-Fi。这意味着除非手机用户拥有无限的流量，否则都会谨慎于下载东西的大小。
• 交互的主要方式是触控：没有鼠标点击，也许以后交互的主要方式会变为声控。
• 屏幕是有限的：这导致不同的查看和使用模式。

更多移动用户体验的细节点击。

不要仅照“桌面网站”的葫芦画“移动Web”的瓢

正如你从上图所看到的那样，移动设备的使用模型是不同于桌面的。常用的将桌面网站缩放到移动设备上的方法是导致移动访问失败的本质。

响应网页设计为所有的设备供应相同的HTML，使用CSS来改变内容显示的方式。然而这并不适用于移动设备。例如，HTML标记Web页面释放的顺序。在桌面上，你希望菜单在顶部，便于用户导航。在移动设备上，你希望能够看到和访问的实际内容可以直接导航到其他页面。所以你不想先加载菜单，菜单最好是收缩的，或在屏幕的底部。

而媒体这一块，即使你使用CSS或JavaScript来调整图像大小，但最终先加载的是大图，然后才把它缩放下来。这也加大了用户的数据消费和整体页面的加载时间。

聚焦用户体验

用你缩放桌面或使其响应的工具来开始你的移动互联网战略？不！或许你应该考虑先从关注你的用户开始。

考虑到断点，它们形成了RWD的基础以及基于常见设备的属性确定布局、内容加载。但是定义断点是正确的路吗？同样，随着该方法而来的问题是它侧重的是移动设备而不是使用设备的人。相反，为什么不选择基于你想让用户怎么体验网站的逻辑断点呢？

绘出你希望你的用户与你的网站交互的蓝图，即你想让他们在每个阶段体验到什么，以及整体感受。也许这些都是好的设计元素，但是，它们常常在我们设计的过程中迷失了。

Web应用VS响应站点/单独的移动站点

当你决定想要实现什么样的移动Web体验时，接下来就需要找出工具。你需要探索一些选项：你应该追求本地Web应用吗？你应该做一个响应站点吗？或者你需要创建一个单独的移动站点吗？它们都有各自的优点和缺点，你需要决定基于哪个才是最适合你的用户的。

一个响应站点更容易管理——对所有设备的单一URL和单一设计，对用户来说更容易记住和访问，对你来说更容易维护。桌面和移动都利用一组通用的搜索引擎优化和营销工具。制作一个网站绝对要比制作两个或两个以上的网站（以适应不同的移动设备）便宜得多。但是，移动体验可能不是最优转换，它可能需要更长时间来加载，也有可能在某些移动浏览器上不正常显示。

编者注：有些情况不值得选择响应站点的，想要了解的朋友可以查看《响应设计不值得的五个原因》。

你可以通过创建一个单独的移动网站来避免上面的问题，不过这也意味着你必须创建和维护两个独立的网站与URL，也许还有包括独立搜索引擎优化和营销的努力。

本地应用也是非常受欢迎的。应用几乎可用于所有事物。应用是即时可用的，并比网站更容易访问。但它们需要额外的开发和维护成本，并且在移动设备上不是普遍存在的——你需要为iOS、Android以及其他你想要运行的系统开启端口。

最终的决定应该基于哪一介质能更好的服务于客户业务。在这里推荐一篇文章，或许可以更好的帮助你如何选择这三者，点此进入。

内容结构的正确

在移动设备上显示一个桌面内容的子集是行不通的。用户对设备的选择是不固定的，他们可能经常选择一个方便的移动设备去做一些事情，而不是笔记本。他们可以在一次会议上使用平板电脑来记录重要的内容等等，所以当决定内容的时候，你的注意力应该放在确保提供正确的用户体验上，而不是简单的为了移动用户而减少内容，这是穷人的内容策略。

一个响应Web设计不会解决你的内容问题，当然一个单独的移动网站也不会。

设计已经走了很长一段路，从激光打印机开始，我们把一切都整齐的从左到右排列到页面上。从那时起“F型”已经成为主要的设计布局，紧随其后的是Z布局。试想一下将这些用于移动网站，在狭窄的手机屏幕上持有F模式或Z布局？手机屏幕需要垂直布局，而不是我们之前所用的水平设计。所有的这些都足够有理由让你评估你希望你手机网站实现的最终目标。专注于终端用户和转换响应的结构内容。

老实说，开发移动Web策略没有什么正确的答案，它涉及到评估用户业务以及他们想要何种交互方式，然后开发一个集中于终端用户体验的移动战略。或许这是一个很好的开始，不是吗？

原文来自：sitepoint