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

自适应网页设计的方法

昨天中午Google进行了一次在线讲座,讲述自适应网页设计的概念和方法,维护同一个网页代码,即可使网站在多种浏览设备(从桌面电脑显示器到智能手机或其他移动产品设备)上具有更好的阅读体验,这里我将该讲座内容简要的整理一下。1、在HTML头部增加viewport标签。在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。代码如下:<me

Public @ 2017-11-03 15:20:29

Google正式上线:页面速度影响移动搜索排名

据SE Roubdtable报道,Google几小时前刚刚在官方Twitter账号发布消息:被称为速度更新( Speed Update)的算法更新,也就是页面速度影响移动搜索排名的算法,正在全面上线中。更确切地说,这个更新应该被称为移动速度更新,Mobile Speed Update,因为这是针对移动页面和移动搜索排名的。做SEO的肯定都知道,页面打开速度是搜索排名因素之一,Google和百度都是

Public @ 2014-11-01 15:54:40

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

1. 简化页面设计:移动屏幕空间有限,页面设计应当精简,避免出现冗余、复杂的元素,让用户能够迅速找到需要的资源,并方便其查看与操作。 2. 提高页面响应速度:移动设备性能相对较弱,页面加载速度应当越快越好。通过技术手段,优化代码、压缩图片等方式来提高网站运行速度。 3. 优化导航设计:移动设备屏幕小,导航设计需要考虑如何使得不同资源内容能够简单明晰地展现出来,为用户提供快速导航的功能。 4.

Public @ 2023-06-02 23:50:19

移动SEO优化 当重点研究搜搜

引擎如何为移动网站提供相应服务时, 你将需要考虑各移动搜索引擎都考虑了哪些优化技术来改善排序,这些优化技术包括: 1. 移动友好:确保网站是移动友好的,例如它应该采用简单易用的设计,支持响应式设计或动态网页布局,适用于主要移动设备系统,浏览器等。 2. 极速:要使网站的质量有显著的提升,你的网页必须建立在高效的极速基础之上。所以你应该采取措施,确保你的网站能够以更快的速度打开以及更出色的用户

Public @ 2023-03-02 18:48:48

更多您感兴趣的搜索

0.119837s