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、查询类网站,提供输入方式上的增益,例如:支持语音输入、图像输入、扫码功能等;4、阅读类网站,提供体

Public @ 2022-07-30 15:20:05

Google的AMP-加速移动页面

上星期在第6届SEO排行榜上做了一个演讲,分享了一些国际上SEO行业的最新情况。其中一个内容是Google的AMP项目,也在这里聊一下。AMP,Accelerated Mobile Pages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,具体技术细节可以在项目官网看到,有简单的中文版。简单而不一定准确地说,AMP页面是大大简化了的移动页面,因此加载

Public @ 2009-08-17 16:20:15

移动端网站建设如何提高资源的易用性

1. 简化页面设计和网站结构,减少用户步骤和页面数量。移动端设备的屏幕相对较小,用户进行复杂操作时需要消耗过多时间和精力,容易让用户疲惫和焦虑,进而引发心理抗拒。因此,设计一个简单而直接的页面和结构,可以有效提高用户易用性。 2. 通过可视化和特定颜色来呈现设计。移动设备的尺寸限制视觉效果的表现,而特定的颜色和漂亮的图标能够有效地引导用户,增加用户流量的转化率,解决包括使用过程中的迷惑和转移的问

Public @ 2023-03-31 19:00:51

未来的SEO:移动优先索引

移动优先索引是指谷歌首先将移动设备上的内容和网页排名放在首位,而不是桌面设备上的内容和网页排名。这意味着谷歌现在更重视移动设备上的网页内容和用户体验,因为越来越多的用户使用移动设备进行搜索。 移动优先索引的实现不仅仅是一个技术上的改变,它也代表着用户的需求的变化,因此它可能会对SEO策略产生深远的影响。 未来的SEO趋势将会更加注重以下几点: 1. 移动友好的网站设计:移动优先索引使得移动友

Public @ 2023-04-08 12:51:19

更多您感兴趣的搜索

0.734180s