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. 压缩和优化图片: 移动端网站需要考虑数据传输的速度,因此要确保网站的图片被压缩并进行了优化。这将减少图片大小并提高页面的打开速度。可以使用压缩工具对图片进行压缩,例如TinyPNG或Kraken.io。 2. 减少页面的资源请求: 在移动端浏览器上,过多的请求会引起较长的等待时间和页面加载时间。因此,优化和减少资源请求次数是必要的。可以使

Public @ 2023-04-27 06:00:10

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

作为网站管理员,Google移动设备工具可以帮助您了解您的网站在移动设备上的表现,并提供优化建议。以下是优化您的站长网站的一些建议: 1. 使用响应式设计:响应式设计可以自适应不同大小的屏幕,提供更好的用户体验和SEO排名。 2. 提供快速加载速度:移动设备上的加载速度非常重要。使用压缩图像、缩小代码和启用浏览器缓存,以确保您的站点在移动设备上快速加载。 3. 调整字体大小:移动设备屏幕相对

Public @ 2023-04-19 19:50:28

如何在移动搜索展现端获得良好表现?

以下是一些关于如何在移动搜索展现端获得良好表现的建议: 1. 移动友好性优化:确保你的网站对移动设备友好,自适应视图和快速加载速度,使用响应式设计和CSS媒体查询实现移动优先。 2. 优化网站速度:确保你的网站速度快,尤其是在移动设备上。使用压缩和优化图片、使用代码压缩工具、使用CDN网络缓存、使用缓存技术等,以确保页面加载速度快。 3. 优化标题和描述:在移动搜索展现端中,标题和描述是吸引

Public @ 2023-06-16 20:50:44

移动互联网如何获取精准流量

这个案例的最起源,是因为秦刚日记里的一句话PC时代,做网站是写给百度看的,移动互联网时代,是写给用户看的。这句话让我思维一下就打开了。回想起兼职做网站这5年来,每时每刻都在想百度要什么,很少想用户想看什么。今天我到浙江湖州一家产值过亿的企业做5S管理项目调研,这家公司为什么找到我?因为我在福建泉州做5s管理咨询项目的时候,把项目日记写成连载形式,连续写了20篇,还在继续写。里面都是如何推进这个项目

Public @ 2015-07-25 16:20:30

更多您感兴趣的搜索

0.514372s