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. 快速加载时间:移动搜索用户对待打开速度非常敏感。因此,网站需要确保页面加载速度快。这可以通过减少页面大小、压缩图像、使用缓存和其他优化技术来实现。 3. 自适应移动设备:由于不同的移动设备具有不同的屏

Public @ 2023-03-28 22:50:22

移动SEO之页面优化

移动SEO主要考虑的是两个问题。一是采取哪种架构做移动网站,具体请参考移动SEO的三种方式选择。第二个问题是移动页面本身怎样做代码、用户体验、速度等方面的优化。这篇讨论的是第二个问题,移动页面的优化。大部分PC端页面优化技巧依然适用关键词研究、网站架构和URL设计、页面关键词布局、文案写作、导航及内部链接系统设计等大部分PC版网站优化技术依然适用。没必要把移动页面优化当成一个和PC页面优化完全不一

Public @ 2011-10-05 16:20:14

移动端网站SEO优化该怎样做?

以下是移动端网站SEO优化的方法: 1. 移动友好性:确保您的网站在移动设备上运行时可用且易于使用。您可以使用响应式设计或适配性设计来实现这一点。 2. 加载速度:移动设备通常比桌面设备的网络速度慢,因此需要确保您的网站在移动设备上快速加载。使用压缩图像,减少JavaScript和CSS文件的数量,以及使用浏览器缓存等技术可以帮助加快网站加载速度。 3. 表单设计:在移动设备上填写表单可能会

Public @ 2023-06-03 00:50:22

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

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

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

更多您感兴趣的搜索

0.491903s