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. 提高网站的加载速度:移动设备往往在网络连接和处理能力方面有限,因此优化网站的加载速度非常重要。通过压缩图片大小、减少HTTP请求、优化代码等方式,可以提高网站的加载速度,从而提高移动

Public @ 2023-06-30 15:50:14

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

谷歌AMP和百度MIP是移动页面优化的技术,可以让电子商务网站更快、更流畅地加载。以下是应用这两种技术的步骤: 1. 了解AMP和MIP的基本概念和技术原理。 2. 对电子商务网站进行性能测试和优化,并尽可能减少加载时间。 3. 确定需要使用AMP和MIP的页面,并将它们转换为AMP和MIP格式。 4. 使用AMP和MIP提供的标记、规范和代码库来优化网页的内容和样式。 5. 在网站的头

Public @ 2023-04-04 04:00:14

手机网站如何优化

从事网络营销的人员不会否认,移动互联网营销是一个大的趋势, 但是怎么样去做恐怕还都一筹莫展。由PC端的网络营销的经验和常识来看,首要的是要做好移动端手机网站的优化工作。据小生的观察以及众多互联网的数据分析 来看,目前国内的大多数并没有做好手机网站的优化,有的只是由PC端网站copy成简单的移动版本的wap网站,基本没有做优化。据国内三 大运营商数据来看,中国的手机用户数已达10亿,超过2/5的移动

Public @ 2019-09-27 16:20:26

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

1. 简洁易用:确保网站整体结构简洁,易于浏览和操作。 2. 结构层次分明:分层次地组织网站内容,让用户感觉上下文明确。 3. 有利于导航:确保用户可以轻松地找到他们需要的信息。 4. 有列出关键信息:列出重要信息,例如联系资料和地址等。 5. 可视化设计:运用简单的视觉效果来增强网站可读性。 6. 布局简洁:避免复杂的布局,令网站容易浏览。 7. 响应式设计:确保网站可以适应各种设备

Public @ 2023-04-26 06:50:10

更多您感兴趣的搜索

0.527849s