Categories


Tags


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

使用平板电脑的人越来越多,根据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张

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

来源:卢松松博客


Public @ 2021-03-17 16:20:30

移动端减少访问请求数的方法

访问请求数直接影响用户的浏览体验,请求次数过多会延长网站的打开速度,网站的打开速度直接影响了用户的跳出率。因此整理了减少访问请求数的方法,供大家参考。(1)、资源合并及压缩:比如将背景图片,导航图片等作为一张图片,这样只要一次请求,而不是多次。(2)、静态资源(CSS,JS,Image)懒加速。(3)、异步执行inline脚本。(4)、避免重复的资源请求。(5)、缩小Cookie。(6)、设置连接

Public @ 2019-11-22 16:20:33

优化移动搜索的三个技巧

Jason Taylor是Usablenet公司平台战略的副总裁。Usablenet平台掌控了大量的手机网页,财富1000强集团中20%的集团手机网页都在Usablenet公司的平台上运行,其中包括大名鼎鼎的雅诗兰黛集团、希尔顿酒店集团、达美航空、联邦快递、ASOS等。Google前任CEO Eric Schmidt最近表示,手机搜索的增长速度已经远远超过桌面搜索。随着手机逐渐成为上网的主要工具,

Public @ 2011-12-30 16:20:26

Google移动设备工具优化站长网站篇

随着移动网站的流量日益增大,拥有适合移动设备的网站是提升网站影响力的重要因素,谷歌等搜索引擎也大力加强移动端的搜索体验,不过,很多桌面版网站在移动设备上可能不太容易浏览及使用。因此,拥有适合移动设备的网站是提升在线影响力的重要因素。为了方便网站站长对于原有桌面网站在移动设备上的优化,谷歌推出了“移动设备易用性”工具来帮助站长优化网站。工具使用方法注意,这个好用的工具用的是Google域名,需要**

Public @ 2009-12-01 16:20:29

实操:两种匹配移动端实战排名干货分享

关于移动端优化的问题、最近一些兄弟一直在问我应该怎么做?毕竟现在是手机的时代、绝大部分情况下、PC显得有点鸡肋!在讲移动端排名之前、作者先来讲两个容易被大家搞错的问题(移动端)。1、老师你好、我观察现在的移动端都是独立的m.xxx.com,是不是百度喜欢独立的移动端站点?观点:据本人对很多行业观察、并非是百度喜欢m独立移动站点、而是很多网站都这样做、给人造成了一种错觉、许多响应式的排名也相当不错!

Public @ 2011-08-13 16:20:32

更多您感兴趣的搜索

0.423891s