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

随着以苹果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。

时间: 2024-10-31 15:12:44

如何设计对平板电脑友好的网站的相关文章

友好界面设计:平板电脑友好网站设计技巧

文章描述:站长分享:如何设计对平板电脑友好的网站. 导语:随着以苹果iPad为代表的平板电脑风暴越演越烈,许多行业都因此发生了重大变化.根据国际数据集团预计2015年,移动设备会取代个人电脑的霸主地位,成为接入网络的首选设备.对于网站站长而言,一个友好的界面对平板电脑用户的重要性可想而知,因此,站长们应该尽快更新自己的网站.为此,国外年轻企业家Ryan Taft在设计网站1stweb上,撰文阐述了在设计对平板电脑友好的网站时的注意事项. 你的网站是否已准备好应对平板电脑革命了?除非你是末日准备族

以用户为中心的设计:让用户觉得友好的网站

文章描述:以用户为中心的设计:让用户觉得友好的网站. 不可否认,web的用途越来越广.大家在互联网上看资讯/电影.聊天.找朋友/工作.玩游戏.写小说/日志.交易/买卖.听音乐/广播.互联网已经不仅仅是一个窗口,他已经成为我们工作和生活的伙伴.是的,他不是工具,而是伙伴,这些伙伴的数量听说全球已经达到一亿个了,在这些伙伴中,有些对我们很粗鲁,有些待人礼貌.UCD的含义就是"以用户为中心的设计",那么怎样的网站让用户觉得他友好而且礼貌呢? 第一. 礼貌的网站对我感兴趣,并且主动提供帮助.

Android平板电脑设计:平板电脑布局策略

平板电脑布局策略 使用碎片和多窗格视图 Honeycomb设计的构建模块是"碎片". 碎片是自成体系的布局组成部分,它可以根据屏幕的方向和尺寸改变自身的尺寸和布局位置.为多种尺寸外观而设计这个问题的进一步解决方法是:给设计师和开发 人员一种途径使他们的屏幕布局组成部分具有弹性和堆叠性,并取决于运行应用程序的设备屏幕限制.屏幕组成部分可以被拉伸.堆叠.扩展或者收缩.展示或者隐 藏. 碎片架构给了设计者和开发者几种选择,在跨越多种屏幕尺寸和方向的情形下维护他们的布局. 是什么让碎片变得如此

怎样设计出对搜索引擎友好的网站

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 我们在很多时候,已经强调过搜索引擎排名对一个网站的重要性了,特别是大搜索引擎,如google,baidu.搜索引擎的排名是由它的算法说决定的,也就是排名规则.当然除掉那些推广的,尽管规则不是公开的,但是,有一点是肯定的,就是规则是有利于促进网站的.所以,我们的网站设计,对搜索引擎友好,是最理智最有效的推广方法了.试想,google是你的朋友,

如何为平板打造完美的网站页面

据调研公司Gartner预测,平板的销量每周都在增加,到2016年,全世界平板的销量将达到6.65亿台.随着以苹果iPad为代表的平板电脑风暴越演越烈,相信移动设备取代个人电脑的霸主地位,成为接入网络的首选设备只是时间问题. Adobe最近发布的数字营销报告显示,使用平板电脑浏览网站的用户比普通PC访客的每笔交易金额高出20%.这些数据意味着对于电子商务企业来说,设计对平板电脑友好的网站非常重要. iPad的横空出世让原本死寂沉沉的平板市场重新焕发生机,可整整两年时间过去了,很多网站还是没有专门

英特尔:平板电脑设计百家争鸣静观其变

CNET科技资讯网1月11日国际报道 2010是平板电脑(tablet)风起云涌的一年.英特尔资深副总裁Sean Maloney表示,电脑制造商正纷纷设计新型平板电脑. 英特尔供应芯片给全球各大PC制造商,所以想必很了解.Maloney在CES接受访问时说:本公司的客户将推出许许多多的平板电脑设计. Maloney偏好较大尺寸的平板电脑.他说:我认为,屏幕愈大,你愈可能想把家里的周边设备连结起来. 他未提到特定的配备或出货日期,只表示部分平板电脑可望在今年稍后上市.被问到平板电脑会不会成为热门产

iPad2弱爆了 Razer游戏平板电脑曝光

2012年1月11日,Razer在2012CES展示宣布旗下最新的游戏概念设计--Project Fiona PC游戏平板电脑.不同于其他针对普通使用或休闲游戏而设计的平板电脑,Razer平板电脑Project Fiona是一款专为运行时下最火爆的PC游戏而精心打造的平板电脑概念设计,Razer最新的设计带来直观的操控方案可能会带来非凡的移动游戏体验.Razer平板电脑Razer平板电脑采用英特尔酷睿 i7处理器Razer与Intel紧密合作,为Razer平板电脑Project Fiona搭载第

如何将CSS媒体查询用于桌面网站、移动电话和平板电脑

实现响应式设计的主要途径是使用 CSS 媒体查询.在本文中,我们将了解如何将媒体查询用于桌面网站.http://www.aliyun.com/zixun/aggregation/28200.html">移动电话和平板电脑. 现今每天都有更多的手机和平板电脑问市.消费者能够拥有可想象到的各种规格和形状的设备,但是网站开发人员却面临一个挑战:如何使他们的网站在传统浏览器.手机和平板电脑浏览器上有很好的效果,如何在各种大小的屏幕上提供一流的用户体验,答案是:采用响应式设计.响应式设计可以随所显示

联想ThinkPad平板电脑也采用可分离键盘设计

联想总裁罗瑞德(Rory Read)本月初表示,联想正在为推出采用Android操作系统的平板电脑做准备,而如今这款平板电脑已率先在巴西亮相.据巴西当地葡萄牙语网站Ztop报道,ThinkPad平板电脑运行于Android 3.1 Honeycomb系统,配备Nvidia Tegra 2双核处理器,显示屏为10.1英寸,分辨率为1280*800.同华硕Eee Pad Transformer一样,联想ThinkPad平板电脑也采用可分离键盘设计.Ztop虽没有谈到ThinkPad平板电脑的价格,但