毫无疑问，我们正身处于一个移动主导的世界。谷歌在今年的一份报告中指出，52%的搜索流量和近一半的购物流量来自移动设备。因此，设计一个兼容移动设备的网站势在必行。今年4月，谷歌新推出移动搜索算法Mobilegeddon（天劫），给营销界带来了巨大变革，让人们更加重视响应快速的移动网站。

随着谷歌新算法（Mobilegeddon）的出台，人们开始摩拳擦掌，准备顺应形势优化移动网站。不过现实情况是：尽管移动搜索量持续上升，对网站排名的影响也越来越大，但还是有将近一半的网站没有进行移动优化以适配移动设备。

是新算法不受重视？还是说他们压根儿没有移动端用户？

尽管移动用户在不断增长，我们还是不能小瞧桌面（PC端）用户的影响力，他们浏览网站的时间和页面数量比移动用户多出三倍。此外，人们更倾向用电脑浏览新闻，观看视频。

这些数据对研究移动用户行为也有重要的启示意义。由于移动设备的屏幕较小，而且用户多是利用碎片化时间使用移动设备，访问网站时往往目标明确。如果网站不能提供用户所需信息，他们会立刻寻找下一个网站。这意味着，移动网站需要快速为用户提供想要的内容，容不得片刻耽搁。

了解了这些，许多网站设计者在创建网站时就应该把移动端兼容性放在第一位，从而确保网站加载时间不会过长，将文本内容和图片合理安排。如果你的网站现在移动兼容性还不够，别担心，改造网站或是新建一个独立的移动网站并没有你想象的那么复杂——这不会比创建现有网站更难，许多开发者都可以做到。

无论你的企业是否已经制定了全面的移动策略，请谨记以下9条移动网站的设计原则。

1.菜单简洁

受限于移动设备的屏幕大小，你不能指望移动用户像桌面用户一样，去滚动一长串菜单，或不断点击繁琐的子菜单。菜单应该高度概括你所提供的产品和服务，让访客能够通过点击分类或者站内搜索过滤掉无用信息，缩小目标范围。

理想的菜单，要给用户提供恰到好处的搜索信息，所包含的选项不应超过五到六个。同一个主菜单下，最多只能有两个子菜单，而且要保证每个子菜单都是必须的。汉堡包菜单（侧边栏菜单）是一种广泛使用的菜单风格，你不需要写上“菜单栏”三个字，用户自己就能认出它来。也有一些公司会在传统菜单上加入自己的品牌标志，比如下图所示的Carrabba`s网站的菜单。

在他们的品牌logo下面，有一个简单的下拉菜单，点击展开可以看到五个选项。餐厅的食谱和地理位置已经包含在页顶中，无需单独列出。Carrabba`s网站既保持了简洁的风格，又有效地展示出了最重要的产品和服务。

当你点击进入一家餐厅的网站，很可能会做下面这些事：查看食谱，查找位置和在线订餐。Carrabba`s的网站可以让你轻松快速地完成所有这些事情，而不是用一堆开胃菜、意大利面和优惠子菜单来浪费你的时间。

2.精简注册栏目

用户在移动设备上填写联系信息时，并不想输入大量文字，相比之下，他们更愿意用电脑填写这些信息——这就是为什么应该让他们填写简单的必要信息就好。

如果只是为了让用户订阅邮件，让他们写下名字和邮箱地址就足够了。即便是支付表格，也请将它设计得尽量简短。即使消费者能够理解，完成交易需要填写很多信息，但你应该珍惜他们的时间，尤其在你的移动访问量很大的时候。

为了决定注册栏目的数量问题，开发者可以使用A/B测试，一次取消一个栏目，从而评估每个栏目对完成率的影响。例如，不需要填写手机号码时，人们完成表格的可能性更高，你可以试试有和没有这项栏目，或者将这一栏设为选填和必填时，结果有何不同，然后比较不同情况下的投资回报率（ROI），最后决定是否保留这项栏目。

MasterCard就是这方面的典范，它能充分利用用户信息，同时尽可能替用户节省时间。用户只需要填写姓名、邮箱地址、主题和意见就能联系到MasterCard的支持团队。这些信息能让MasterCard检查用户的账户，并将他们转到合适的部门，耗时也不会太久。

用户可以自愿选择是否提供手机号码、银行卡类型、金融机构等信息，即便不愿意透露这些信息，他们的问题还是能够得到很好解决。用户对自己的财务信息尤其敏感，给予他们选择权，不仅符合移动网站的设计原则，还能赢得其信任。

3.简化信息填写方式

除了表格数量值得注意外，还应该避免让用户输入太多内容。你需要在表格中灵活应用各种工具，比如下拉菜单、复选框、日历等。这些工具在用户输入付款或物流信息时格外有用。

你还应该明确指出，哪些信息是必填的，哪些是选填的，同时使用自动填充工具加快交易流程。

旅行业的公司应该充分利用简易表格帮助潜在客户进行搜索。Expedia就深谙此道，用户只需要填写很少的栏目就可以开始搜索。

用户在搜索航班时也不用输入机场全称，只用打出城市或机场的代码就会跳出相关信息。Expedia的日历系统也比其他网站更加人性化，用户可以在同一个屏幕上同时选择出发日期和到达日期。

4.用CTA吸引眼球

行动召唤（CTA）是所有网站设计的重要环节，对移动网站而言尤其关键。与桌面用户不同，移动用户访问网站时通常更清楚自己想要什么，因此你要尽量将CTA设置在显著位置。

CTA最好位于网站首屏，使用对比强烈的颜色或字体让用户一眼就注意到它们，并且让他们知道你在发出何种召唤。你应该设计好之后的每一步，告诉顾客接下来应该怎么做。

Papa John`s将节日促销信息展示在主页的黄金位置，鼓励顾客给自己的亲人朋友挑选礼品。这部分字体加粗显示，十分抢眼，但又不会与整体配色和品牌风格相冲突。最重要的是，顾客点击CTA后，能清楚地知道他们能得到什么。Papa John`s没有使用华丽的语言和图片对网站进行过度包装，而是使用户能够快速浏览，高效地找到所需的产品。

5.为用户呈现最想要的搜索结果

站内搜索功能对有明确目标的用户十分重要，他们不大可能接受含糊不清的菜单和一页又一页的无效信息。这就是为什么你需要在搜索结果的首页呈现出访客想找的内容。当用户完成搜索后，为他们提供筛选条件，例如价格、相关性、畅销度等，帮他们整理搜索结果。

为每件产品附上图片、价格和简短的介绍，也是很重要的，这样能大大节省用户的时间，不至于点开好几个页面后，发现这些都不是自己想要的产品。用户可以点击、放大这些图片，不用另开页面。当他们找到想要的商品后，就可以锁定目标了解详情，然后下单，完成交易。

在Under Armour的网站上搜索“帽衫”，你会看到一些筛选条件，帮你从371个搜索结果中缩小范围。你可以用价格、型号进行筛选，也可以让评价最高或价格最低的产品出现在最前面。

顾客喜欢看到更多的筛选条件，能让他们用最少的时间找到最想要的商品。这一页面可以提供大量信息，帮助用户细化搜索，最后呈现出相对清爽的搜索结果。

6.方便用户联系自己

任何网站都应该使得用户能够快速联系自己，对用户的任何问题都能及时解答。网站应该针对移动用户提供点击呼叫的功能。网站设计者应该给用户更多选择，让他们根据自己的偏好和紧急程度选择合适的联系方式。

常见问题（FAQ）页也非常有用，使得用户不必联系网站就能解决问题。如果可以的话，多数人更愿意自己搞定一切。

另一个方便移动用户联系你的方式，是在网站上加入谷歌地图。访问者可以通过点击、放大和缩小谷歌地图，找到你的实际地址。

在线零售商Zappos在这方面就做得很好，顾客可以轻松查询订单、退货和促销信息。他们将“点击呼叫”按钮放在主页的首屏，需要紧急支持的客户可以快速联系他们，不用翻遍整个网站寻找联系信息。

7.网页设计要适配智能手机

目前为止，移动用户抱怨最多的是网页的按钮太小，或文本不便阅读。移动网站的设计原则，在于让用户无需调整页面就能阅读网站内容、点击网页链接。因此，在设计网页时，你应该保证每个按钮都够大，间距够宽，不至于让用户手滑点到别的地方。

经验告诉我们，最适合用户手指点击的按钮大小约为44*44像素。虽然设计网站时，很难让页面适配所有智能手机的屏幕尺寸，但还是得考虑到一些老机型，它们的屏幕往往较小。这样能保证你的网站适用于多种平台。

美国西南航空公司的移动网站在这方面颇有心得。用户可以轻松看清并点击各个按钮。网页的宽度适合各种尺寸的屏幕，还提供一些选项帮助访问者进行搜索。这能让用户专注于自己最初的目的，比如搜索航班，管理当前订单等，而不会被各种多余的文字或CTA分散精力。

8.提高加载速度

人们的耐心正日复一日被消磨殆尽，移动用户更是如此。许多人从夹缝中挤出一点时间浏览网页，你不能让他们等待太久。你的网站要同时适应wifi和无wifi环境，最好能在四秒内加载完毕。

过半数的移动用户希望网站加载时间不超过四秒，80%的人对当前智能手机的访问速度感到不满。这些人都是你的潜在客户，你完全可以调整设计将这些人吸引到你的网站上来。记得将整个网站的大小控制在1MB以内，谨慎使用图片和视频，它们会拖慢网站的加载速度。

新闻出版界人士应该明白，用户希望快速获取需要的信息。纽约时报的移动网站就加载得非常快，哪怕是在没有wifi的环境下。许多用户会用一两分钟的休息间隙浏览喜欢的新闻，他们只想知道今天有哪些大事发生。纽约时报能够快速加载，及时告诉读者各版块的热门事件。

9.避免使用弹窗

总的来说，用户都不太喜欢广告弹窗，更别说移动设备上的弹窗。而且这些弹窗的关闭按钮往往很小，用户需要放大页面，手滑的人常常会不经意点到广告。对移动用户而言，时间就是金钱，弹窗实在让他们很不爽。

如果你身处出版行业，或者希望用户订阅你的内容，就需要格外注意这一点。在网站中加入弹窗，让用户注册或订阅邮件听起来似乎是个不错的点子，但事实上，这不是移动用户想要的。如果用户真的想要注册，他们会自己在网站上找到注册按钮。

BuzzFeed的桌面网站和移动网站上都有各种赞助商的广告，但他们从不用弹窗吸引用户订阅邮件。

在下面这张图片上，Captain Morgan赞助了这篇名为《15条放松身心的方法》的文章，但点进这篇文章，你看不到任何恼人的弹窗。页面上提供了Captain Morgan的网站链接，用户可以选择是否点击这一链接。BuzzFeed在处理订阅邮件时采取了同样的策略，他们将选择权交给用户，不会强迫他们看到自己不想看的内容。

你的网站能够适应移动设备吗？

随着移动搜索占比越来越高，用户更愿意在移动端进行购买，移动网站是一个必然的趋势，你不能再坐以待毙了。移动领域对市场营销和消费者行为的影响逐渐加强，并且没有迹象表明这种趋势会放缓。如果你决定改造当前的桌面网站，应该优先考虑网站的跨设备兼容性，这可以通过响应式设计或创建一个单独的移动网站来实现。作为营销者，我们必须重视这一趋势，否则不仅会在搜索排名中落后，更会被消费者遗忘。

注：本文内容由九枝兰团队翻译，转载请加上本文链接以及微信ID：jiuzhilan。对于不署名者，九枝兰将保留追究的权利。

原作者：Eugene Woo

译者：李可怡@九枝兰