卢松松博客

5个简单方法让网站对平板设备更友好

 人参与 | 时间:2013年02月12日 09:37

使用平板电脑的人越来越多,根据IDC的估计,2012年全球平板电脑的销售量就达到1.19亿台,但是专门为7-10寸屏幕设计的网站并不多。最近UX杂志在Mashable的刊登了一篇文章「 5简便的方法来您的网站的Tablet 」,编译如下:

在美国,有将近7000万的平板电脑用户,是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑,2011年至2012年间电子商务网站来自平板电脑的流量甚至成长了。

方法都非常简单,见过简单的CSS修改,就可以让网站对平板用户更友好了。

5个简单方法让网站对平板设备更友好 建站教程 第1张

什么是点击的“Tappiness”?

这些都能让使用者安心浏览。

5个简单方法让网站对平板设备更友好 建站教程 第2张

5个简单方法让网站对平板设备更友好 建站教程 第3张


你可以用自适应网页设计(Responsive Web Design)

但其实还有别的方法。

以下是几个改善使用者体验的小步骤,你一天之内就可以搞定。

改善网站的“点击”

只要对网站的CSS进行修改

1, 按钮扩大到45-57像素,使平板用户更容易操作。

5个简单方法让网站对平板设备更友好 建站教程 第4张


2,确保带有提示链接,让用户知道这里可以点击。

5个简单方法让网站对平板设备更友好 建站教程 第5张


3,如果版面设计上允许的话,为网站导览选单上的东西增加填充(留白),增加个5-10像素。

5个简单方法让网站对平板设备更友好 建站教程 第6张


4,增加页面与内容区块的,适当留白

5个简单方法让网站对平板设备更友好 建站教程 第7张


5,扩大评论框

5个简单方法让网站对平板设备更友好 建站教程 第8张


综上所述,这样的网页设计一切原则都是让手指的操作更容易。

顶: 0踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

原文地址:http://lusongsong.com/reed/619.html

必填

选填

选填

◎已有 72 人评论,微信搜:QQ13340454

1楼新乡市良工机械设备有限公司  2015-10-20 10:12:16
在平板上看卢松松博客,字小,不能放大,希望这点可以改进。
顶: 0踩: 0 回复
2楼医学动画制作  2015-04-15 10:23:49
像一些针对企业的服务公司,应该没必要投入太多到移动设备上吧
顶: 0踩: 0 回复
3楼美女最多的大学  2014-12-16 22:27:22
平板、笔记本、台式机、手机。。。快被整死了
顶: 0踩: 0 回复
4楼内涵漫画  2014-01-02 15:57:33
平板电脑就是手触式的了?汗。不错,很好的感觉,收藏一下
顶: 0踩: 0 回复
5楼网赚项目大全  2013-11-22 14:15:34
写的不错
顶: 0踩: 0 回复
6楼彩商网  2013-11-14 16:57:15
需要易用,时尚的二手平板电脑吗?彩商网为您免费提供二手电脑转让和求购信息,海量信息等你来,快快行动吧!
——eccolor.net
顶: 0踩: 0 回复
7楼地源热泵  2013-06-19 14:30:28
倒不如修炼身心提前看清问题以便为自己找个真正能安身立命之处!

顶: 0踩: 0 回复
8楼性感美女圖  2013-03-20 12:03:52
有錢人的玩意~小P民玩不來~
顶: 0踩: 0 回复
9楼人初油  2013-03-09 15:11:44
让手指的操作更容易。

顶: 0踩: 0 回复
10楼暂宏秋  2013-03-01 09:48:03
为未来发展铺平道路啊!

顶: 0踩: 0 回复
11楼godaddy优惠码  2013-03-01 09:31:32
平板是未来的发展趋势
顶: 0踩: 0 回复
12楼邱思彤博客  2013-02-27 22:23:27
平板是未来的发展趋势。
顶: 0踩: 0 回复
13楼范式丁  2013-02-25 16:09:03
其实,用途不大啊
顶: 0踩: 0 回复
14楼角落里的互联网  2013-02-22 15:47:39
用户体验很重要
顶: 0踩: 0 回复
15楼声卡驱动器官方下载  2013-02-19 17:28:18
你的用户体验不孬
顶: 0踩: 0 回复
16楼IT女孩传媒  2013-02-19 10:43:04
给力 移动变为主力军了
顶: 0踩: 0 回复
17楼逗你乐  2013-02-18 15:36:01
这是以后流行趋势
顶: 0踩: 0 回复
18楼wordpress教程网  2013-02-18 09:11:15
不错 不错
顶: 0踩: 0 回复
19楼PBA化妆品官网  2013-02-17 15:24:14
很不错的内容,我的网站目前还不支持呢
顶: 0踩: 0 回复
20楼PBA化妆品官网  2013-02-17 15:24:04
我可是板凳,竟然没有给我回复的,我写的评论也是相当好的
顶: 0踩: 0 回复
21楼圣瓦伦丁婚纱摄影  2013-02-17 14:31:46
确实很有用,但是对于企业网站来说目前是不是还有点困难
顶: 0踩: 0 回复
22楼电视剧  2013-02-17 14:27:21
用户体验提升了 不错
顶: 0踩: 0 回复
23楼龙三公子  2013-02-17 10:41:23
平板电脑有这么大市场啊,一直不喜欢平板,有达人可否介绍款?
顶: 0踩: 0 回复
24楼站长百科  2013-02-16 10:42:00
CSS的应用是越来越广泛了,APP的市场越来越大,二者结合必然可以带来更好的用户体验
顶: 0踩: 0 回复
25楼海纳百川  2013-02-16 09:57:49
是翻译的文章吗?
顶: 0踩: 0 回复
26楼欧阳菱夏  2013-02-16 00:52:31
是啊一直都不知道怎么做
顶: 0踩: 0 回复
27楼烘干机设备  2013-02-15 21:14:16
这也为了的发展趋势所决定的
顶: 0踩: 0 回复
28楼昝宏秋  2013-02-15 20:56:00
求进步啊!!跟不上时代啊 !

顶: 0踩: 0 回复
29楼竞价论坛  2013-02-15 09:02:45
平板确实是有市场的。
顶: 0踩: 0 回复
30楼周继松博客  2013-02-15 08:58:49
这个以前时注意到了!倒是技术不到位,不知道该怎么改进
顶: 0踩: 0 回复
31楼天气预报  2013-02-14 21:58:55
现在做个网站也不容易了,要兼顾各种浏览器,各种客户端设备,累哦!
顶: 0踩: 0 回复
32楼编织工艺品  2013-02-14 21:39:33
平板是将来的发展趋势。
顶: 0踩: 0 回复
33楼濮阳seo的博客  2013-02-14 21:03:02
点了。
顶: 0踩: 0 回复
34楼房事  2013-02-14 13:56:48
兼顾各种浏览器,各种终端设备....站长们伤不起呀!
顶: 0踩: 0 回复
34楼濮阳seo的博客  2013-02-14 21:03:02
点了。
顶: 0踩: 0 回复
35楼东奔西走  2013-02-14 13:34:49
上面那个广告是不是真的啊?一 看就是来忽悠的啊?松哥也玩这个吗?
顶: 0踩: 0 回复
36楼东奔西走  2013-02-14 13:34:14
东奔西走
顶: 0踩: 0 回复
37楼苦逼男  2013-02-14 06:16:32
很不错,就是以前我用ipad发现松哥的回复框无法粘贴东西,不知道现在咋样了。
顶: 0踩: 0 回复
38楼聊养生  2013-02-13 23:36:57
社区的进步 !
顶: 0踩: 0 回复
39楼长春PBT  2013-02-13 22:29:02
据说是很不错的。
顶: 0踩: 0 回复
40楼单钰彤  2013-02-13 20:47:53
祝博主新年快乐,心想事成!
顶: 0踩: 0 回复
41楼星仔博客  2013-02-13 19:49:54
我的博客没有做多大调整,在平板和手机上看效果都还不错
顶: 0踩: 0 回复
42楼陈爱彪  2013-02-13 19:15:34
我可是板凳,竟然没有给我回复的,我写的评论也是相当好的
顶: 0踩: 0 回复
43楼泰安天乐城水世界  2013-02-13 17:37:26
我越来越喜欢用手机上网看东西
顶: 0踩: 0 回复
44楼哈喽  2013-02-13 16:38:27
你可以试试啊。。
顶: 0踩: 0 回复
45楼Musk  2013-02-13 15:04:34
只要我看见的站长都在这留言,真是风水宝地
顶: 0踩: 0 回复
46楼周良  2013-02-13 12:45:19
这个实在,一般手机或平板缩放很多网页都有点错位```
顶: 0踩: 0 回复
47楼深圳论坛  2013-02-13 11:34:54
我也想用平板电脑,就怕不习惯
顶: 0踩: 0 回复
47楼哈喽  2013-02-13 16:38:27
你可以试试啊。。
顶: 0踩: 0 回复
48楼ixwebhosting  2013-02-13 09:37:35
时代的发展越来越先进,平板电脑不知不觉走进了我们的生活
顶: 0踩: 0 回复
49楼7寸平板电脑手机  2013-02-13 09:19:02
平板电脑手机不用依赖网卡和wlan
顶: 0踩: 0 回复
50楼往日天  2013-02-12 23:55:51
有能根据屏幕分辨率来使用CSS的。。不过忘了怎么搞的了。。有空翻一翻。。
顶: 0踩: 0 回复
51楼手机百科  2013-02-12 23:34:37
手机来的流量越来越多了,怎么办呢。没人点广告了。
顶: 0踩: 0 回复
52楼李羽颜博客  2013-02-12 23:25:48
这个平板电脑用户的体验一定要提升,平板电脑是将来大趋势!
顶: 0踩: 0 回复
53楼网赚兼职吧  2013-02-12 22:31:14
呵呵,不错,可惜我没平板啊。。。
顶: 0踩: 0 回复
54楼网赚客  2013-02-12 21:31:43
无条件的过来支持松哥
顶: 0踩: 0 回复
55楼好运品牌鞋  2013-02-12 19:35:40
平板电脑就是手触式的了?汗。
顶: 0踩: 0 回复
56楼河北奥科除尘  2013-02-12 17:37:06
移动设备发展迅速的今天应该考虑一部分人的用户体验
顶: 0踩: 0 回复
57楼熟女控  2013-02-12 16:41:25
在中国,目前还是手机党比较多。可能过个几年,平板价格跟低端手机价格差不多的话,来自平板的流量应该就提升了吧
顶: 0踩: 0 回复
58楼hostgator  2013-02-12 16:13:37
不错,很好的感觉 ,收藏一下
顶: 0踩: 0 回复
59楼财富收藏夹  2013-02-12 16:09:14
我的博客就是安装了一个“WordPress Mobile Pack”插件,手机浏览还不错,没有平板,没试过。小白,不懂技术。
顶: 0踩: 0 回复
60楼老李博客  2013-02-12 15:58:10
平板、手机,还有不同的浏览器,想想就头疼
顶: 0踩: 0 回复
61楼嘻哈鸟搞笑网  2013-02-12 15:54:43
平板和手机取代PC是必然趋势
顶: 0踩: 0 回复
62楼服装搭配  2013-02-12 15:52:29
现在做个网站也不容易了,要兼顾各种浏览器,各种客户端设备,累哦!
顶: 0踩: 0 回复
63楼李梓朋  2013-02-12 15:15:14
趋势趋势,平板和手机马上就要取代PC的地位了,看来是该花些时间优化一下其他终端的显示效果了。
顶: 0踩: 0 回复
64楼给老人买什么礼物好  2013-02-12 14:52:57
我早上的回复不见了。。
顶: 0踩: 0 回复
65楼李古达博客  2013-02-12 14:51:55
松哥,还在坚持写博客! 难得啊!在这到声新年好
顶: 0踩: 0 回复
66楼乐燕洁博客  2013-02-12 14:27:57
这个必须的。
顶: 0踩: 0 回复
67楼小思设计  2013-02-12 14:22:15
好东西,干货~~~
顶: 0踩: 0 回复
68楼wlmq.com  2013-02-12 13:59:06
移动互联网是发展趋势·应该重视。
顶: 0踩: 0 回复
69楼PO博客  2013-02-12 13:26:24
现在移动设备越来越普遍,是时候注重了
顶: 0踩: 0 回复
70楼电脑噪音很大怎么办  2013-02-12 13:16:33
写的很好,学习了。= =审核你妹啊,手打的
顶: 0踩: 0 回复
71楼爱软E  2013-02-12 12:31:18
要打在搭建网站 呢
顶: 0踩: 0 回复
72楼保健品  2013-02-12 12:15:36
谢谢松哥指点分享
顶: 0踩: 0 回复
73楼犀利营销网  2013-02-12 11:21:21
过年更新频率加快了啊
顶: 0踩: 0 回复
74楼康力斯  2013-02-12 10:56:07
很不错的内容,我的网站目前还不支持呢。
顶: 0踩: 0 回复
75楼陈爱彪  2013-02-12 10:40:00
以我所见,与其说平板电脑多了不如说安卓系统更为普遍了,平板电脑用的系统大多都是安卓或苹果系统,使用平板电脑就得连wlan,但中国的wlan覆盖不广,所以就用安卓手机代替了,据悉三星手机的销量逐渐超过了苹果,就连普通三四百快钱就能买到一个智能安卓手机,。手几不用依赖网卡和wlan,使用起来更为方便。此处略去五百字
顶: 0踩: 0 回复
75楼陈爱彪  2013-02-13 19:15:34
我可是板凳,竟然没有给我回复的,我写的评论也是相当好的
顶: 0踩: 0 回复