使用入门

针对移动设备构建网站时,我应了解的三件最重要的事情是什么?

1. 简化客户使用体验。

帮助网站访问者实现他们的目标。这些目标包括通过阅读您的博文获得乐趣,查询您的餐馆的地址或查看您的商品的评价。Walgreens 集团副总裁兼电子商务首席技术执行官 Abhi Dhar 解释道:“我们在移动设备上所做的一切努力都是为了让客户的生活更便利。”

设计网站时,请务必考虑如何协助客户更轻松地访问您的网站并完成任务。

大致拟定客户在使用过程中可能需要执行的步骤,确保他们可在移动设备上轻松完成这些步骤。努力简化体验并减少用户互动次数。在本示例中:(1) 客户搜索了要购买的灯具后,点击了某个网站;(2) 浏览以选择灯具;(3) 购买所需的灯具。

2. 根据移动设备客户完成常规任务的轻松程度衡量网站效率。

制作移动网站需要考虑不同事项的优先级。从您的客户在移动网站上最重要和最常见的任务入手。支持客户处理好这些任务是至关重要的,这也是衡量您的移动网站是否能够帮助客户达到他们目标的重要指标。您可以依照几种方式来设计网站,让用户能够更轻松地使用网站。此外,应注重界面的连贯性以及在各类平台上提供统一的体验。

MediaPost 的报道指出,“有 48% 的受访者认为,易用性是移动购物网站的第一要素,当用户通过移动设备购物时,移动购物网站的易用性是他们最优先考虑的因素。”

3. 为所有设备选择统一的移动模板、主题背景或设计(例如,使用自适应设计)。

自适应设计意味着,不管用户使用的是桌面设备、平板电脑还是手机,网页都将使用相同的网址和代码,只不过网页的显示效果会根据屏幕尺寸进行调整或响应。Google 建议您使用自适应设计,而非其他设计样式。自适应设计的优势之一是,您只需要维护一种网站版本(而非两种)。您无需同时维护桌面版网站 www.example.com 和移动版网站 m.example.com;只需择一进行维护(例如 www.example.com),即可兼顾桌面版和移动版网站访问者的使用需求。

自适应网站会在使用相同网址和代码的前提下,根据各种屏幕尺寸调整显示效果。上述三种设备均使用 www.example.com (而不是针对移动网页使用 m.example.com,针对平板电脑网页使用 t.example.com)。

Baines & Ernst 使用自适应设计针对不同屏幕尺寸对网站体验进行了优化,无需创建多个网站。他们注意到,访问者在每次访问过程中访问的网站页面增加了 11%,而且移动版转化率提高了 51%。”

如果客户执行了期望的操作(例如,购买商品、拨打商家电话或订阅简报),即表示发生了转化。

要详细了解如何实施自适应设计,请参阅网站开发基础。如果您想权衡移动设备、平板电脑和桌面设备网站的不同实施方法的利弊,请参阅为跨屏消费者构建网站

新手需要避免的三大错误是什么?

错误 1 - 忽略使用移动设备的客户。

请注意,好的移动版网站非常实用,它们可以协助访问者完成任务(不管是阅读有趣的文章,还是查看您的商店地址)。不要误入陷进,仅创建徒具移动格式的网站,但是这样的网站无法提供完整功能。相反,您应创建适合移动设备的网站(对移动设备用户来说真正有用,且针对客户最常执行的任务进行了优化)。

错误 2 - 在与桌面版网站不同的网域、子网域或子目录上实施移动版网站。

尽管 Google 支持多种移动版网站配置方式,但创建单独的移动网址将大大增加网站维护和更新方面的工作量,而且还有可能导致出现技术问题。使用自适应设计通常可以显著减少工作量,而且可以使桌面版网站和移动版网站使用同一网址。自适应设计是 Google 推荐的配置。

错误 3 - 闭门造车而不向外寻求灵感。

参考同领域的其他网站或竞争对手的网站,寻求灵感并了解最佳做法。虽然您可能并非业内首位推出移动版网站的人,但您却拥有学习前人经验的优势。 另外,您也可以从移动手册Google 跨屏成功案例中汲取丰富的创意。