如何通过修改CSS样式来增强平板电脑的用户体验
时间:2022-05-29 18:24:01 | 来源:网络营销
时间:2022-05-29 18:24:01 来源:网络营销
最近,有些细心的朋友在看了亿企邦网站中的《2012年中国网站发展情况及2013年网站运营发展趋势汇总》一文后,提出在2012年中国网站终端分布中,移动终端占了6%,同时具备pc及移动终端的网站占了40%,而对于日益增长的移动终端使用人群,我们又该怎么来优化我们自己的网站呢?又该如何来增强我们网站在平板电脑中的用户体验呢?
随着使用平板电脑的人越来越多,根据亿企邦收集的数据估算,2012年全球平板电脑的销售量就达到1.19亿台,但是专门为7-10寸屏幕设计的网站并不多。最近在某IT杂志的一篇文章中也显示出:在美国,有将近7000万的平板电脑用户,是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑,2011年至2012年间电子商务网站来自平板电脑的流量甚至成长了。
那么我们改如何来调整我们的网站?使网站对平板用户更友好呢?其实方法也很非常简单,通过简单的CSS修改就可以实现了,也就是我们常说的自适应网页设计(Responsive Web Design),不太了解的可以查看一下亿企邦中的《如何利用“自适应网页设计”实现不同的设备上呈现同样的网页》的文章。
除此之外我们还可以通过一下方法来实现我们想要达到的效果。以下是几个改善使用者体验的小步骤,有兴趣的朋友可以尝试一下。
改善网站的“点击”,只要对网站的CSS进行修改即可。
1、按钮扩大到45-57像素,使平板用户更容易操作。 2、确保带有提示链接,让用户知道这里可以点击。 3、如果版面设计上允许的话,为网站导览选单上的东西增加填充(留白),增加个5-10像素。 4、增加页面与内容区块的,适当留白 5、扩大评论框 以上几点的改善其实目的也只有一个,那就是这样的网页设计一切原则都是让手指的操作更容易。使得网友在平板电脑中更便于使用,从而达到提高客户体验度的目的。
亿企邦点评: 同传统的桌面设备相比,移动设备的使用环境更加多样化。但是现在的移动设备很少利用不同使用环境下的场景信息,因而用途仍旧相对单一。
适应性设计的思维模式是一种利用现有设备和科技来大大增强用户体验和产品用途的思维逻辑。这套逻辑的独特之处在于学习用户和其使用的环境并主动适应现有的使用情景和需求。因此,设计师需要首先为不同的使用情景设计,然后再设计不同的情境下触发的不同功能。