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、标题部署:大多数网站直接采用PC端的标题部署,并未考虑移动设备显示长度的长度。如果标题严重超长,则用户要了解的标题只显示一半

Public @ 2020-02-26 16:12:19

谷歌AMP和百度MIP怎样应用于电子商务网站?

前两篇帖子都是关于移动搜索优化的,一篇是Google的AMP(加速移动页面),一篇是百度的MIP(移动网页加速器),这两个技术基本上是一样的,都是为了使用户能更快速打开移动搜索结果页面,简单说其原理都是大大简化和缓存的HTML页面。不过因为AMP或MIP限制了很多东西,如CSS、JS、HTML代码等,也就限制了不少功能,我在写谷歌AMP帖子时就疑惑过,这种简化的移动页面是不是不适用于需要较复杂功能

Public @ 2016-03-18 16:20:23

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

过去几个月在问答社区回答了一些关于移动端网站优化的问题,发现很多移动SEO的问题涉及到用哪种架构做移动站。不少SEO貌似对独立移动站,也就是单独的m.domain站有不小的执念,认为独立移动站才是效果最好的。问答后台看到另一位读者“一条爱做梦的咸鱼”,也是问“新网站做移动SEO,使用m站还是响应式?”:您好,我在某个回答中看到了你的回答,有一些疑惑,您建议:“新网站,或者刚刚要做移动SEO的,最好

Public @ 2013-04-16 16:20:25

谷歌:移动网站建站十大原则

近日,谷歌官方在Google AdSense十周年讲座上发布了移动建站十大原则,由于是PPT形式,所以小生把它整理成文字版的移动网站建站原则(也可以看做是谷歌手机站优化指南),供广大站长参考。有兴趣的站长也可以对比下 百度发布的手机站优化指南 ,看一看立足于中文本地搜索引擎的百度与有国际视野的谷歌在 移动网站优化 上有哪些共同点和区别,在此仅总结谷歌发布的移动网站建站原则,当然这份移动建站原则也是

Public @ 2022-12-31 16:20:31

更多您感兴趣的搜索

0.576572s