寻找点击愉悦感晋升网站平板体会的6个窍门

476104484 · 发表于 2013-8-5 16:45:03

在这篇文章发布时，仅在美国就有近7000万的平板电脑用户，这比前一年的数据添加了一倍。这意味着，美国近30％的互联网用户运用平板设备上彀阅览。2011年到2012年间，电子商务网站在平板电脑上的交易量增长了348％，首次逾越智能手机的交易量。因为平板商场很年青，其将来的开展空间一定很大。
这一趋势传递了一个激烈的信号：若是你的网站还没有对于平板电脑进行描绘的话，现在是时分优先思考其在平板电脑上的可用性了。不然，疏忽这一点能够会对网站的全体转化率，回访量，销售量等带来负面影响。
啥是“点击愉悦感”（tappiness）？
当一个网站具有“点击愉悦感”时，用户在手机或平板设备进行拜访的操作将变得简略而兴奋。点击愉悦感包含奇妙运用的空间，易于阅览的文本，契合逻辑的交互头绪，和大尺度的点击方针，这些让拜访者阅览网站时充满信心。
本描绘中，大字体和大点击方针的体会极好，即便在平板电脑上减小后，体会仍然不错。
而在另一些描绘中，文字太小无法阅览，连接太挨近简略误操作，无形中添加了操作时刻、复杂度以及体会上的挫折感。蹩脚的体会下，用户将疾速丢失。
本描绘中的小字体和小接触方针被证明在平板电脑上难以阅览和运用。
一种抱负挑选能够是：从头描绘你的网站，让它能对于各种不一样设备进行自适应规划，但时刻和本钱能够会使你无法完结这样的全部创新。但是你还有其他挑选。这篇文章给出一些窍门和办法，能疾速协助你晋升网站的平板用户体会，只需几个简略的改变，你今日就能够做到！
晋升网站点击愉悦感的6个简便窍门
只需一些纤细的CSS调整即可大大晋升平板电脑的可读性和导航精准度。
　1、添加一般按钮和立即行动按钮（calls-to-action）的巨细和外边距（margin）。大多数人的手指点击区域约为45-57像素，千万不要让用户费劲地寻觅和点击“采办”按钮。
　　2、连接和立即行动按钮应应显现为可点击态，而不是hover态。在平板电脑上，hover态是不存在的。文本连接应当用明晰、比照激烈的色彩。不要惧怕运用下划线来表明默许连接状况。
　　3、添加字体巨细来晋升可读性。在原有字体上，添加一些字体像素值（px值）或是晋升字体显现百分比（em值）都会好许多。正所谓事半功倍。
　　4、增大导航菜单项的内边距（padding）。能够试着先添加5-10个像素，若是描绘答应的话，也可添加更多内边距。
　　5、增大页面和内容块的外边距（margin）。这一改善能够晋升全体易读性，下降视觉复杂度。比较拥堵的网站来说，添加留白能营建愈加易用的形象。
　　6、添加表单输入框的巨细和距离。这样用户将更简略点击并输入信息。改善表单款式，能够极大晋升网站的转化率。
别的，这些简略的CSS改变很能够也将利于你的桌面用户。当然，依照常规，正式上线前，要保证在所有渠道和阅览器上测验改动过的内容。
具有点击愉悦感的网站事例
_下面几个网站极好地表现了点击愉悦感。你能够在平板电脑和桌面上都体会下这些网站。请注意，这些网站并未对于平板电脑运用不一样的规划或版别。但是，同一网站在两个渠道上看起来都不错，并且操作也都很便利。
　　Fitbit 采用了合理的留白空间，外加大号字体和大尺度接触方针。
Comcast 的网站供给了大号字体和距离。你还能够注意到明晰标识的连接、散布合理的导航和辅佐导航，以及大且易用的表单输入框。
尽管 Skillshare 网站的主体文字略小，但它的确供给了点击区域大且易用的导航按钮和立即行动按钮，此外，内容区域周围也留有了满足空间。
Apple 官网有点击愉悦感并不新鲜。究竟，他们是手持式接触屏描绘的前锋。
总结
你的网站是不是具有点击愉悦感？请你自个在平板设备上体会一下。若是你的网站在平板电脑上体会欠好的话，就能够会失掉用户、转化率和金钱。
这篇文章带给你的优点即是：你不需要很多的时刻和金钱，就能经过一些细小的、渐进式的改变大大晋升平板用户的体会，也就意味着，你能够省下一大笔本钱咯！