新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站制作 > css教程 > 如何通过修改CSS样式来增强平板电脑的用户体验

如何通过修改CSS样式来增强平板电脑的用户体验

时间:2013-02-18   文章来源:马海祥博客   访问次数:

最近,有些细心的朋友在看了马海祥博客网站中的《2012年中国网站发展情况及2013年网站运营发展趋势汇总》一文后,提出在2012年中国网站终端分布中,移动终端占了6%,同时具备pc及移动终端的网站占了40%,而对于日益增长的移动终端使用人群,我们又该怎么来优化我们自己的网站呢?又该如何来增强我们网站在平板电脑中的用户体验呢?

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

随着使用平板电脑的人越来越多,根据马海祥博客收集的数据估算,2012年全球平板电脑的销售量就达到1.19亿台,但是专门为7-10寸屏幕设计的网站并不多。最近在某IT杂志的一篇文章中也显示出:在美国,有将近7000万的平板电脑用户,是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑,2011年至2012年间电子商务网站来自平板电脑的流量甚至成长了。

那么我们改如何来调整我们的网站?使网站对平板用户更友好呢?其实方法也很非常简单,通过简单的CSS修改就可以实现了,也就是我们常说的自适应网页设计(Responsive Web Design),不太了解的可以查看一下马海祥博客中的《如何利用“自适应网页设计”实现不同的设备上呈现同样的网页》的文章。 

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

除此之外我们还可以通过一下方法来实现我们想要达到的效果。以下是几个改善使用者体验的小步骤,有兴趣的朋友可以尝试一下。

改善网站的“点击”,只要对网站的CSS进行修改即可。

1、按钮扩大到45-57像素,使平板用户更容易操作。

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

2、确保带有提示链接,让用户知道这里可以点击。

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

3、如果版面设计上允许的话,为网站导览选单上的东西增加填充(留白),增加个5-10像素。

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

4、增加页面与内容区块的,适当留白

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

5、扩大评论框

如何通过修改CSS样式来增强平板电脑的用户体验-马海祥博客

以上几点的改善其实目的也只有一个,那就是这样的网页设计一切原则都是让手指的操作更容易。使得网友在平板电脑中更便于使用,从而达到提高客户体验度的目的。

马海祥博客点评:

同传统的桌面设备相比,移动设备的使用环境更加多样化。但是现在的移动设备很少利用不同使用环境下的场景信息,因而用途仍旧相对单一。

适应性设计的思维模式是一种利用现有设备和科技来大大增强用户体验和产品用途的思维逻辑。这套逻辑的独特之处在于学习用户和其使用的环境并主动适应现有的使用情景和需求。因此,设计师需要首先为不同的使用情景设计,然后再设计不同的情境下触发的不同功能。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/css/176.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: 网站优化 CSS样式 用户体验 平板电脑

上一篇:没有了
下一篇:网页制作中常用的20个优化CSS代码技巧

今日话题更多>

SEO研究院 更多 >>