随着平板电脑成为在线购物者的首选设备，在线零售商必须设计出在平板设备上运行良好且外观出色的网站。针对平板的设计核心要素包括：自适应布局、触控式导航、精美的图像与图形以及快速的加载时间。
根据皮尤互联网与美国生活项目（Pew Internet & American Life Project）2012年8月发布的报告，当时约有25%的美国人拥有并使用平板电脑（如苹果iPad、谷歌Nexus 10、三星Galaxy Note等）。平板设备的普及速度超越了早期智能手机的增长率，多项研究表明，在线购物者更倾向于使用平板电脑进行购买或浏览商品。
为满足平板购物者的需求，商家至少可采取以下五项措施，优化电子商务网站在平板电脑上的视觉呈现与运行效果：
适应设备
早年，网站设计师常为不同浏览器（如IE与Netscape Navigator）构建独立版本；近期则流行构建完全独立的移动版网站（.mobi），但往往仅包含部分内容。这种多站点模式令用户沮丧：他们熟悉“完整版”网站的布局与功能，却无法在移动版中找到所需内容。用户期望无论使用何种设备，都能获得统一的网络体验。
因此，构建响应式网站（Responsive Design）是更佳方案。它可根据客户端设备或窗口大小自动调整，适配移动浏览体验。开发者通过灵活网格布局及CSS媒体查询等技术，使页面能响应用户环境（包括屏幕方向及交互行为）。
在精心规划的响应式设计中，不同布局间保持连续性：移动端可能加载更小、更快的内容版本，或通过Ajax动态按需加载隐藏内容。但无论在iPad还是桌面端，网站始终是同一个，具备相同的功能与相似布局。
United Pixelworkers 网站便是极佳范例：该零售网站在不同设备上查看时会自动调整大小，同时始终保持一致的布局风格、图形和功能。
United Pixelworkers网站在所有设备上均能良好渲染。
提供易于手指操作的导航
导航是平板网站设计的重中之重。让网站在触摸屏上易于操作，是在线零售商改善用户体验最关键的举措。
- 摒弃悬停效果：确保导航不依赖鼠标悬停（Hover），因为该交互方式在平板触摸屏上并不存在。
- 整合导航菜单：考虑将导航整合至选项卡或按钮下。例如 United Pixelworker 网站使用了行业标准的“三条水平线”汉堡图标来收纳导航。
在网站的平板版本中，United Pixelworker 的网站导航显示在一个单独的图标下。
- 支持滑动操作：用于切换内容的滑块应支持手指滑动，顺应平板用户的自然操作习惯。
使用轻量且美观的图片
为平板设计的网站不仅不应缺乏图片，反而应充分利用其优势。平板本质是触控设备，用户在购物时希望“触摸”产品；且此类设备专为出色呈现照片而设计。
要打造视觉出众的网站，请使用精美摄影作品与图形，但需针对设备进行优化。可通过脚本实现：当检测到较小设备（如平板）时，自动加载体积更小、更轻量的图片。不要回避高质量图片，关键在于寻找快速加载的方法。
Dress Responsively 销售响应式设计主题的 T 恤衫，因此该网站使用出色的产品图形也就不足为奇了。
酌情用 CSS 替代图形
虽然平板网站应大胆使用图片，但并非所有内容都需以图形形式呈现。
过去，设计师常用图像制作背景、渐变、图标或标志。如今，许多此类图形均可直接用 CSS 实现。CSS 图形的加载速度远快于图像，能让商店网站更快显示，这才是真正的“美观”与性能兼顾。
例如，Ecsspert 展示了如何仅使用 CSS 绘制多个知名标志。
Ecsspert 使用 CSS 描述重绘了 Twitter 的标志。
优化以实现更快的加载速度
页面加载速度直接决定用户对平板网站的喜爱程度。一个优秀的平板网站，必然具备极快的可见性与可用性。
在设计时需重点优化性能：合并图片为雪碧图（Sprites），即一组只需加载一次即可单独调用的图片；合并样式表和脚本文件，以减少HTTP请求总数，从而显著提升加载效率。