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

自适应网页设计(Responsive Web Design)

自适应网页设计是一种技术,通过使用弹性网格布局和媒体查询等技术,让网页能够在不同设备上展示为最佳状态,包括桌面、平板电脑、手机等。这种设计可以让网站的排版、字体、图像和其他元素在不同的设备上得到最佳的显示效果,并提供更好的用户体验。这种设计的好处是可以减少开发和维护网站时需要投入的资源,这是因为开发人员只需创建一个自适应的网站来适应多种设备。

Public @ 2023-03-30 19:00:17

Google的AMP-加速移动页面

Google的AMP(Accelerated Mobile Pages)是一个开放源代码的项目,旨在使移动页面更快、更流畅。该项目使用了一些优化技术,如异步加载、缓存和延迟加载等,来加速页面的加载速度。这样可以提高用户的体验,并减少网页的加载时间。 AMP是一个类似于HTML的标记语言,设计用于移动页面,但也可用于桌面浏览器。AMP模板具有简单、轻量和快速的特点,这意味着页面内容可以更快地加载,

Public @ 2023-05-30 21:00:24

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

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

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

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

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

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

更多您感兴趣的搜索

0.482567s