如果你认为智能手机和平板电脑的用户并不构成你电子商务受众的重要组成部分，请考虑以下数据点。
- 根据皮尤研究中心（Pew Research）的数据，美国成年人中有29%拥有平板电脑或电子阅读器，而三年前这一比例仅为2%。
- 据comScore统计，2012年初，平板电脑和智能手机带来的销售额占美国电子商务总额的8%。同年稍晚时候，在2012年“网络星期一”（Cyber Monday），这些设备带来的销售额占比接近13%。
- 2012年，来自平板电脑和智能手机的流量占总流量的10%，而三年前这一比例仅为2%。
那些以原生形式在平板电脑和智能手机上呈现的网站，可能因未能满足这些设备的导航和可用性要求而流失销售机会。
本文旨在探讨确保您的电子商务网站在平板电脑和智能手机用户端良好运行的步骤。
改善导航与可用性
大多数电子商务网站使用分类链接和下拉菜单来标识产品。在台式电脑或笔记本电脑上，这些路径运作良好。但在智能手机或平板电脑上，它们可能会令人头疼，因为点击操作是由手指而非鼠标驱动的。
用户需要放大才能查看路径选项，并容易误点非预期的分类或功能类链接，从而感到沮丧。由于按钮和链接靠得太近，难以有效点击，导致错误触控十分常见。
由于移动用户主要通过首页进入您的网站，最好提供一种更侧重路径的布局，避免使用下拉菜单或详细的分类链接。像亚马逊（Amazon）这样的领先零售商为此采用单列布局，因为它为用户提供了一种通往其目标产品类别的最简方法。
亚马逊在其针对智能手机优化的网站上使用单列导航，以使用户导航更加便捷。
利用响应式设计
随着零售商拥抱移动商务，他们需要为移动设备选择一个交付平台。
网站的原生版本无法达到最佳性能，原因如上所述。另一种方法是创建一个移动子域名，例如“m.yoursite.com”。这种方法在转化移动会话方面更为有效，因为体验可以针对特定设备进行定制。
Newegg为其移动网站使用了“m”子域名。
然而，移动子域名需要多个模板——一个用于主桌面网站，另一个用于移动版。这会给网站更新、分类级别促销活动以及其他活动带来额外的开发工作。
另一种选择是构建响应式设计，即您的电子商务网站（使用单一域名）会根据用户的设备自动调整其外观。
Overstock 为移动设备采用响应式网页设计。
作为入门指南，请阅读《响应式网页设计入门》“Getting Started with Responsive Web Design.”。响应式设计使用基于比例网格的层叠样式表，将电子商务商店的视觉布局适配到用户设备的具体特性上。响应式设计基于三个主要组件：动态网格、灵活图像以及 CSS 中用于检测用户屏幕大小的媒体查询。
- 动态网格：允许你的网站查看窗格在不同智能手机和平板设备的查看区域内保持比例和可用性。
- 灵活图像：可以根据预定义参数（如确保图像适当渲染且不会导致页面失真的最大宽度元素）进行缩放。
- 媒体查询：是一种自动检测用户屏幕大小的 CSS 命令。通过使用宽度、高度和设备像素比，CSS 媒体查询规则能够在无需组装多个模板的情况下创建最佳的移动体验。
确定目标
在启动您的移动商务计划之前，请进行战略性思考。不同设备上用户的目标差异很大。请仔细考虑用户希望实现什么。
例如，考虑两种可能访问您网站的不同用户。一位正在乘坐火车，目标是进行产品研究；另一位则在使用平板电脑看电视，并考虑在该设备上完成购买。这是两个截然不同的会话，具有不同的目标。您的网站需要在视觉和功能上同时满足这两类用户的需求，并适用于所有设备和操作系统。