如何设计对平板电脑友好的网站

随着以苹果ipad为代表的平板电脑风暴越演越烈，许多行业都因此发生了重大变化。根据国际数据集团预计2015年，移动设备会取代个人电脑的霸主地位，成为接入网络的首选设备。对于网站站长而言，一个友好的界面对平板电脑用户的重要性可想而知，因此，站长们应该尽快更新自己的网站。为此，国外年轻企业家Ryan Taft在设计网站1stweb上，撰文阐述了在设计对平板电脑友好的网站时的注意事项。

站长之家（CHINAZ.com）4月23日编译：你的网站是否已准备好应对平板电脑革命了？除非你是末日准备族的一员，那么在过去几周就应该已经为此做好准备了。iPad刚刚投放市场不久，人们就开始为其疯狂。在诸多的平板电脑中，iPad只用了几年时间就创造了如此巨大的平板风潮。这一点是网站站长需要留心的。在平板电脑革命的席卷之下，许多站长已经重新思考网站的设计和布局。

在过去，创建一个对台式机和笔记本电脑界面友好的网站并不复杂。而今智能手机的出现改变了方方面面。许多网站站长都为此准备了网站的移动版以供手机用户访问。又到了更新网站的时候了，不过这次是为平板电脑用户。接下来我们会为大家阐述一个网站的友好界面对平板电脑重要性，设计此类网站的注意事项，并举例说明一些公司是如何做到这点的，最后为大家提供一些有用的工具和资源。

友好的网站界面对平板电脑的重要性

国际数据集团（IDC）预计2015年，移动设备会取代个人电脑的霸主地位，成为接入网络的首选设备。随着2015年的日益临近，这一估计也在逐步实现。无论现在还是以后，这样的趋势处于上升态势。你有多少次用智能手机访问网站时只意识到了它的设计繁重，而没意识到网站导航不方便？你在网站呆得时间有多长？你再次访问的频率多高？同样的道理，现在再想想，如果平板电脑用户访问你的网站时发现你的界面对平板电脑并不友好，他们会怎么做？随着更多的消费者用平板电脑上网，当务之急就是尽快更新你的网站。

创建对平板电脑友好的网站的注意事项

既然你意识到建立一个对平板电脑友好的网站的迫切性，你就要了解其中的注意事项。我们先从设计中不能做的部分说起。

如果你的网站中包含了下列内容，那么你的网站还为此做好准备：

· 不要在你的网站中添加Flash，这样会导致网站异常。

· 两个点击区域（链接等）之间不要隔得太近。要保证网页的导航易于发现，容易操作。

· 过多的多媒体内容会打乱网站排版。图片和视频对网站内容是不错的提升，但是每个页面都添加过多这些元素会导致网站排版杂乱，甚至会引发页面载入出错。

为了保证网站界面对平板电脑友好，下面的事你可以做：

· 用平板电脑访问你目前的网站，看看哪里会导致页面挂起，哪些地方做得好，哪些地方不好以及整体体验感。将这些内容整理做个记录，开展头脑风暴想想如何改进网站的功能更适合平板电脑，同时保留笔记本电脑和台式电脑访问时原有的功能。

· 添加更多的“移动”内容和信息。便携性是平板电脑最大的优点之一。平板电脑用户经常处于移动状态，这就意味着他们倾向于寻找与移动状态相关的内容。你可以将你的联系信息与Google地图进行联系起来。

· 确保你的网站字体在平板电脑上能清楚显示，由于平板电脑的显示屏较小，并且发光强度大，这会使得某些网站内容难以看清楚。通常，笔记本电脑和台式电脑用于室内，并且照明条件也比较固定。再次强调，平板电脑的移动性意味着光线变化频繁，这也在考验移动网站的各方面设计细节。因此，你要对网站的字体样式，颜色以及大小进行更新，适应用户的需求。

通过上述步骤，你可以开始对你的网站进行更新了。

优秀案例介绍

2年之内，苹果的iPad的出现让众多行业发生了翻天覆地的变化。越来越多的人用iPad等平板电脑上网，越来越多的公司使用iPad做记录。下面列举了几家大公司为了使网站对平板电脑友好而做出的变革。

· Amazon.com—2011年，亚马逊发布了专为iPad版设计的Windowshop（译者注：其实是对亚马逊网站的重新排版），整个网站界面也焕然一新。这一举措大大推动了移动行业的发展。PCWorld的编辑Brennon Slattery评价说，“亚马逊网站的全新外观和体验让平板电脑用户激动”。该网站存在大量的空白区域，左边混乱的工具栏消失了，搜索栏能进行放大，方便用户在触摸屏上输入内容，产品图片也是非常易点击的图标构成。

· Utah Government—去年八月，美国犹他州政府更新了政府网站，使得平板电脑与网站交互更容易。

· Nike—Nike的网站则充分吸取了平板电脑界面的优势，也是最能体现对平板电脑友好的例子之一。

随着新的平板电脑趋势越来越成熟。我们看到越来越多的公司开始在原有网站的基础上进行大翻新，确保平板电脑用户能更好地与网站进行交互。

对平板电脑友好的WordPRess主题

如果你是使用WordPress建站，你就应该非常熟悉WordPress的主题。WordPress 有许多的可供选择主题，既有免费的，也有付费的。也就是说，从今天起，你不再需要在你的笔记本电脑和平板电脑上安装一大堆WordPress主题来装饰你的网站。如果你正在使用WordPress，又想安装一个适合平板电脑访问的主题，下面的主题你值得拥有：

·Onswipe—三分钟让你的博客在平板电脑浏览器上显示更完美。

·MobilePRO—移动设备专用的精美WordPress主题，不过它在任何电脑显示器上的显示都不错。

·Mobility—这是一款适用于iPad的WordPress主题，用户可以用手指进行滑动，并且可自定义拖曳对相册进行管理。

有用的工具和资源

将网站转换成平板电脑友好的环境宜早不宜迟，动作慢了，你就会和竞争对手形成差距。如果你想利用平板电脑风暴所带来的好处，并且创建一个对平板电脑友好的网站，最后我们为大家送上一些有用的工具和资源。

·Pressly—当在平板电脑浏览器上访问时，它会通过自有的原生应用自动将在线内容渲染成漂亮的平板电脑布局。

· 对每一个期望学习到更多未来如何适应平板电脑电子商务的人来说，我强烈推荐他们去看看Zmags最近发布的电子书《移动和平板电脑电子商务：大家都准备好了吗？》。Todd Anglin如果你希望你的网站界面对平板电脑更友好，学学HTML5是再好不过的事了。 正如Todd Anglin曾说：“事实上，所有现代移动设备的浏览器都应该更广泛地支持由HTML技术创建的诸如视频、定位、线下应用、本地存储以及CSS样式，让他们成为大胆开发开发HTML5的完美目标”。

既然你了解了网站对平板电脑友好的重要性。在接下来的半年时间里，你就应该好好思考一下你应该优先做些什么。至少你该在平板电脑上访问你的网站，看看具体情况以及是否方便导航。（VIA：1stwebdesigner.com编译：jaysming）

注明：本文由站长之家编辑编译，未经允许不得转载，如需转载请联系pj@chinaz.com。