2011年到2012年间,在三乡软件开发时,电子商务网站在平板电脑上的交易量增长了348%,第一次超越智能手机的交易量。由于平板市场很年轻,其未来的发展空间必定很大。
这一趋势传递了一个强烈的信号:如果你的网站还没有针对平板电脑进行设计的话,现在是时候优先考虑其在平板电脑上的可用性了。否则,忽略这一点可能会对网站的整体转化率,回访量,销售量等带来负面影响。
什么是“点击愉悦感”?
当一个网站具有“点击愉悦感”时,用户在手机或平板设备进行访问的操作将变得容易而愉快。点击愉悦感包括巧妙使用的空间,易于阅读的文本,符合逻辑的交互线索,和大尺寸的点击目标,这些让访问者浏览网站时充满信心。
提升网站点击愉悦感的6个简易技巧
只需一些细微的CSS调整即可大大提升平板电脑的可读性和导航精准度。
1、增加普通按钮和立即行动按钮(calls-to-action)的大小和外边距(margin)。大多数人的手指点击区域约为45-57像素,千万不要让用户费劲地寻找和点击“购买”按钮。
2、链接和立即行动按钮应应显示为可点击态,而不是hover态。在平板电脑上,hover态是不存在的。文本链接应当用清晰、对比强烈的颜色。不要害怕使用下划线来表示默认链接状态。
3、增加字体大小来提升可读性。在原有字体上,增加一些字体像素值(px值)或是提升字体显示百分比(em值)都会好很多。正所谓事半功倍。
4、增大导航菜单项的内边距(padding)。可以试着先增加5-10个像素,如果设计允许的话,也可增加更多内边距。
5、增大页面和内容块的外边距(margin)。这一改进可以提升整体易读性,降低视觉复杂度。相比拥挤的网站来说,增加留白能营造更加易用的印象。
6、增加表单输入框的大小和间距。这样用户将更容易点击并输入信息。改进表单样式,可以极大提升网站的转化率。
另外,这些简单的CSS变化很可能也将利于你的桌面用户。当然,按照惯例,正式上线前,要确保在所有平台和浏览器上测试改动过的内容。