如何设计适合平板电脑浏览的网站

Gartner预计2016年全球平板电脑数量将高达6.65亿个。而Adobe最近发布的数字营销报告显示，使用平板电脑浏览网站的用户比普通PC访客的每笔交易金额高出20%。这些数据意味着对于电子商务企业来说，设计对平板电脑友好的网站非常重要。

在苹果iPad上市两周年之际，依然有大量网站没有针对平板电脑优化，甚至很多新建的网站在平板电脑上无法正常使用，甚至Google Doc在iPad上的用户体验也相当糟糕。（尤其是当你需要编辑文档的时候）

问题出在哪里

平板电脑用户体验差的网站中，最常见的问题就是可点击的链接、按钮、图片太小。手指无法像鼠标般精确，虽然大多数网站在笔记本电脑和大屏幕显示器上看起来还不错，但到了10寸大的平板电脑屏幕上则显得过于拥挤，无处下手，用户需要经常通过双击放大，这绝对不是个愉快的体验。

五点差异

总的来说，为平板电脑设计网站和为PC屏幕设计网站有五点差异：

1. 尺寸。平板电脑的可视面积通常不到11寸。（天知道将来会是什么情况）
2. 屏幕分辨率。平板电脑的分辨率千差万别。（从Kindle的1024×600到新一代iPad的2048×1536）。用户经常会旋转平板电脑的屏幕方向，虽然也有PC显示器可以旋转，但是很少有人这么做。面向平板电脑的网站需要在水平和垂直方向都能正常浏览。
3. 兼容性。都知道Flash在iPad上是个大问题，但是Silverlight这样的插件，以及一些计算任务较重的JavaScript Web程序也会导致麻烦。
4. 触摸界面。这是个大问题。触摸界面是平板电脑和PC的最大区别，这意味着网站的设计需要尽量避免弹出菜单和隐藏元素，同时还要把可点击元素放大到方便手指操作。
5. 内存和CPU性能。人们都热衷讨论平板电脑即将进入四核时代，似乎平板的性能已经快追上PC了，实际上平板电脑的内存和CPU性能依然远远落后于主流PC，所以多媒体元素过多的网站对于平板电脑来说依然是个挑战。

如何为平板电脑用户设计网站？

有时候自适应网页是个不错的方法，理论上不受屏幕比例和尺寸的现实，但自适应网页并不是万能的，“设计一次到处运行”有时候会行不通。

于是有人选择设计一个独立的“移动版”网站，但移动版网站也有很多挑战，尤其是当内容管理系统与主站分离的时候，这会让移动版网站的运营和维护非常麻烦，成本也居高不下，而且移动版网站的一个最大的风险是：当用户发现你的“iPad版”网站的内容比标准网站的少时，他们会非常搓火（例如新浪的iPad版网页）。

一个比较取巧的方式是使用类似Pressly或OnSwipe这样的软件将标准网站无缝转化成平板电脑优化版本。

总之，设计面向平板电脑的网站需要注意以下几点：用户界面要清爽，导航和控制元素尺寸要够大，够显眼，空间排布要合理；尽量减少互动性插件的使用；创建一个灵活自适应的框架，适应多种屏幕尺寸；考虑采用能自动转换网页到平板电脑版的服务。

最后，所有平板电脑网站的设计者都应当认真学习原生的平板内容聚合服务：Flipboard和Pulse的设计方法和风格，他们是如何在平板电脑上展示内容的最佳范例。

图片：Flickr