移动网站优化-来自GoMo的建议

针对你网站的建议

制作你的移动网站时，为了避免内容显示不正常或缺失，请确认移动设备支持你用于制作网站的所有技术。例如某些手机不支持Flash和JavaScript等程序，会导致网页无法加载或丢失内容。图片尺寸大，需要的加载时间可能就会较长，有时会引起移动浏览器反应停滞甚至发生崩溃。不过，你也不必因噎废食，不敢在网站上使用图片，只要你使用较小的图片，并进行适当压缩，保证网页能快速加载，图片就能为你的网站锦上添花。

使你移动网站上的文字便于阅读至关重要。请注意，用移动设备有时并不适合阅读篇幅较大的文字内容。请使用合适的字体大小，并适当布局，使用户无需进行缩放或鼠标滚动操作。如果滚动鼠标无法避免，请保证其只需纵向滚动。移动设备屏幕小，因此使用项目符号并将内容划分为小块，使你网站上的信息便于阅读和浏览，这一点非常重要。仔细思考你的移动客户最需要哪些信息和功能。

请你浏览一下自己的移动网站；如果你自己都无法顺畅地用手指移动和切换页面，你就该考虑改进网站设计了。你也知道，人的手指动作有时不够精准，如果按钮和链接太小，要点击它们就不太容易了。设计时一定要考虑到便于手指操作：请使用较宽的按钮并留出一定间距，这样用户就不会点错按钮。

让用户轻松找到所需的内容对您的业务非常重要，因此，请务必在网站上提供直观的导航选项，方便用户与您的网站进行互动。请注意，由于移动设备的屏幕较小，可能无法像台式机屏幕那样显示相同的信息量。为解决这一问题，您不应将所有重要的内容都堆放在一个屏幕中，而应提供直观的导航选项。请考虑采用移动网站最佳做法，例如缩短内容、按比例缩小图片或使用富媒体格式显示内容，这样应该可以使用户更轻松地与您的网站进行互动。

如果您是拥有丰富内容的发布商，就应该提供搜索功能，让用户迅速找到所需内容。用户希望您的移动网站所提供的搜索结果与您的桌面版网站提供的一样丰富。对客户而言，搜索是直接找到特定内容的最快捷方式，分秒必争的移动用户定会欣赏这一功能。参考以下几条额外提示：

●由于手机较小，在上面输入信息更困难，所以简化搜索查询的输入方式尤其重要。

●减少操作步骤，简化可让用户快速提炼搜索结果的高级搜索功能。

●考虑提供精简的结果，只显示最重要的信息。提供可供用户深入查看搜索结果的选项。

作为一家注重内容的公司，吸引用户参与是重中之重。您的营销策略中也许就有对视频、休闲游戏和动画的运用，但是移动设备未必支持制作这些内容的技术。我们前面也提到过，Flash?和?JavaScript?就无法在部分手机上运行。您可以与您的移动网络开发人员合作找出替代方案：HTML?5?就提供了许多新的选项。您还应当考虑利用手机的摄像头、加速度计和地理位置功能，以移动设备所特有的方式来吸引消费者。

十大移动网站最佳做法

移动用户的时间经常不够用，因此只能在忙碌之余抽空上网。为方便他们进行访问，您所设计的移动网站内容应该能快速加载且易于浏览。

●优先提供移动用户最需要的内容和功能。使用桌面版网站分析数据了解移动用户的行为。
●避免堆砌大量文字，按段落小节组织内容更便于用户阅读。
●压缩图片以提升网站的加载速度。

复杂难懂的导航方式会让用户望而生畏。请确保向客户提供一目了然的导航界面，对于大型或复杂的网站，可以考虑加入搜索功能，以便于客户轻松找到所需的内容。

●减少用户浏览过程中滚动页面的需要，并将页面滚动局限于垂直方向。
●菜单的层次结构应清晰明确，同时应避免在光标移入时激活菜单的设计。
●提供清晰醒目的“后退”按钮和“首页”按钮，方便用户在各级内容之间切换跳转。
●确保每个网页上的导航链接不超过?7?个。
●如果网站比较复杂，请在显眼的位置加入搜索框。

用户会使用手指（特别是拇指）来操作移动设备。合理设计移动网站，确保手型较大的用户也能轻松地与网站互动。

●使用较大的按钮，将其居中放置并留出一定的间距，以避免产生意外点击。
●将较小按钮的边距加宽，以扩大可点击的范围。
●将文字设为可以点击，使复选框的点选范围更大。

适合移动设备浏览的网站可有效传达信息，却不会让人眼花缭乱。要确保即使在光线不足的情况下，客户也能轻松浏览网站的内容。

●背景和文字的颜色要有鲜明反差。
●确保内容与屏幕大小一致，用户无需缩放即可轻松阅读。
●大量使用负空间。
●使用大小和颜色标识链接/按钮的优先等级。
●为按钮设置3D效果和阴影。

您的移动网站最好能在所有移动设备上正常运作，并且适合所有手持设备的屏幕方向。部分设备不支持Flash，因此请使用其他替代技术。

●使用HTML5来添加互动内容和动画。
●设计能视屏幕方向调整显示的网站。
●确保当用户所用设备的屏幕方向改变时，用户可以保持在当前的网页内容位置。

无论您的移动网站的目标是什么，都要确保用户能够使用虚拟键盘和触摸（而非通过鼠标）完成您所期望的操作。让他们能够轻松购物或与您联络！

●着重提供有助于实现转化的信息，如产品详情。
●减少完成交易所需的步骤。
●设计简短的表单，尽量减少字段数量。
●使用复选框、列表和滚动菜单，方便用户输入数据。
●所有电话号码都采用点击通话功能。

消费者习惯使用手机查找本地信息，例如寻找最近的加油站或快餐店等。通过在网站中加入相应功能，可帮助用户轻松找到您的店铺。

●在目标网页上列出您的商家地址，或提供店铺定位工具。
●加入地图和路线，并在可能的情况下使用GPS来提供个性化服务。
●使用户可以查询附近分店的库存量。

如今，用户每天可能会使用多种设备上网。请尽可能多地在移动网站上加入桌面版网站所具备的功能，以向用户提供流畅一致的浏览体验。

●允许用户保存热门搜索和购物车中的内容。
●尽可能在所有渠道上都提供网站的重要功能。
●针对相同的产品/服务显示相同的信息。

移动网站重定向是一段代码，它可以自动判断访问者是否在使用移动设备，然后将其重定向到您的适合移动设备浏览的网站。您可以请网站开发人员帮助安装这段重定向代码，以向用户显示最符合其需求的网站版本。

●使用户能够选择切换到桌面版网站，同时可以随时转回移动网站。
●让用户选择下次访问时希望看到的版本。
●在重定向网页上列出地址等重要信息，或提供店铺定位工具。

好的移动网站以用户为中心，也就是说，以满足客户的需求为设计目标。通过测试了解用户希望在移动网站中看到哪些功能，并持续进行优化。

●使用分析工具了解用户如何使用您的网站。
●在发布网站之前，最好先针对网站（尤其是复杂的网站）进行用户测试，并在发布之后收集用户的反馈。
●反复测试，并根据研究结果不断改善网站的效果。