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、Flash:Flash 是移动设备上不常用的资源形式,应避免使用;3、首页或索引页:页面提供的导航链接应清晰可点,页面推荐的内容应清晰有效;4、APP下载:APP应提供直接下载,且下载的为最佳版本;百度严厉打击欺

Public @ 2020-01-06 16:20:34

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

要提高移动端网站的资源易用性,可以采取以下几种方法: 1. 简化界面:移动屏幕相比于桌面屏幕较小,需要更简洁明了的界面设计。通过减少冗余信息、简化操作流程和提供清晰的导航,使用户能够迅速找到并使用所需的资源。 2. 响应式设计:采用响应式网页设计,使网站能够根据不同设备屏幕的尺寸和分辨率自动调整,以适应不同用户的浏览习惯和设备要求。 3. 快速加载:资源加载速度是移动端网站易用性的关键因素之

Public @ 2023-06-30 16:00:24

移动端手机网站优化的11个注意事项

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

Public @ 2016-05-02 16:20:31

移动端手机网站优化的11个注意事项

1. 简化导航条:尽可能少的导航选项,方便用户快速找到目标页。 2. 压缩图片大小:减少图片的大小和分辨率,避免长时间的加载时间造成不良体验。 3. 采用响应式网站设计:为各种屏幕尺寸的移动设备适配。 4. 设计简洁的布局:避免繁琐的视觉效果,简明扼要表达网站的主要信息。 5. 最小化页面加载时间:通过使用缓存机制和压缩文件等措施来减少网站加载时间。 6. 支持手势操作:允许用户通过滑动、拖动等手

Public @ 2023-06-01 23:00:29

更多您感兴趣的搜索

0.422781s