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

百度MIP出现在网页搜索结果中

8月22号关于百度MIP的帖子里提到:没看到百度在搜索结果中怎样标注MIP页面,也没看到返回MIP页面的例子,也不知道哪些网站已经支持了 MIP,所以还不知道MIP结果是什么样子。当天下午百度站长平台的朋友就发微信给我,提供了MIP的实例。在手机搜索“里约奥运会”就能看到MIP效果,排在最前面的应该都是MIP页面,虽然没有特殊标记。打开速度确实很不错。从URL看,打开后显示的页面内容应该是百度服务

Public @ 2012-02-08 16:20:24

谈谈响应式网站前端设计

一段时间之前我对响应式的概念还是Bootstrap、Amaze之类的框架组件,用过几次也不以为然,我想国内搜索引擎在提供移动搜索结果页时还是会给移动网站加分的,却不能像google一样识别响应式网站,可能还需要一段时间发展。但毫无疑问的是现在Web趋势转向移动优先,当然如果你用域名或者其他解决方案也不是不可以,只是响应式可能更简单一些,发展前景也是不错的。这两三个星期我每天都在写响应式页面,借此累

Public @ 2015-11-15 15:20:26

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

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

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

提高移动站在百度质量度等级的详细说明

本文是非常详细的一份移动建站方面的资料,上一次谷歌发布了移动网站建站的十大原则,这次百度也发布了移动建站指南,图文并茂的描述了如何提高移动站在百度质量度的等级,在百度推广后台已经有“移动站点质量度”的星级评价体系了,页面大小、页面内容、页面样式、转化渠道等因素都会影响质量度星级,加载速度快、内容丰富的页面质量度星级更高,提升移动网站质量可以增强用户体验和转化效果。一:怎样做好页面设计(1),页面适

Public @ 2011-12-24 16:20:10

更多您感兴趣的搜索

0.474301s