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、使用静态页面织梦具有静态页面生成的功能,静态页面对SEO优化比较好。手机站建议是使用静态化的页面,有利于提高网页的加载速度。2、手机站的图片单独进行处理织梦程序里,手机站和PC端是共用一个数据库,手机上调用的图片和PC是一样的,PC站上的图片的尺寸和大小是不能满足移动友好度的要求。所以站长要单独对手机站的图片进行处理。3、网页的篇幅设置做手机站的时候,需要注意页面不能过长,因为手机的屏幕相对比

Public @ 2011-07-04 15:44:55

构建一个移动页面需要注意哪些结构

在构建一个移动页面时,需要注意以下几个结构: 1. 响应式设计:移动页面应该能够自动适应不同设备的屏幕大小,包括手机、平板电脑和桌面电脑等。使用CSS媒体查询和弹性布局(flexbox)等技术,以确保页面在不同设备上都能正确显示和布局。 2. 视觉布局:移动页面的布局应简洁、直观,内容应尽量集中,以适应小屏幕上的有限空间。避免使用复杂的多列布局,可以考虑使用列表、卡片式布局或折叠面板等方式来组

Public @ 2023-07-28 04:50:46

手机端SEO应该怎么做?

PC端SEO大家都知道怎么做,那么关于手机端的SEO优化大家知道吗?现在手机用户比电脑用户多得多,所以在做SEO的时候,手机端优化也很重要。手机端排名的原理1、使用PC端的索引库手机端没有专用的索引库,用的是PC端的索引库,如果我们要做手机端的PR值和网站权重排名,首先要把PC端的排名做好才行。2、PC端的排名同步给手机端所以我们不用专门给手机端做优化,只要做好pc端,然后同步给手机端即可。手机端

Public @ 2019-07-02 16:20:36

未来的SEO:移动优先索引

移动优先索引是指谷歌将主要根据移动设备上的页面内容来确定网站在搜索结果中的排名。这是因为越来越多的人正在使用移动设备进行搜索,谷歌也希望为他们提供更好的用户体验。 随着移动设备使用量的不断增加,建立移动友好的网站将变得更加重要。这包括使网站具有响应式设计、更快的加载速度和更好的移动导航等。 除此之外,内容的优化也将变得更加关键。谷歌将更加注重网站上的内容质量,并将更多关注用户是否能够轻松地在移

Public @ 2023-05-29 04:50:16

更多您感兴趣的搜索

0.401774s