追寻点击愉悦感 提升网站平板体验的6个技巧.pdfVIP

追寻点击愉悦感 提升网站平板体验的 6 个技巧 译者注：随着平板电脑市场的迅猛增长，你可曾考虑到网站在平板上的用户体验？本文给出了6 网站平板体验的简易技巧，让你花小气力，出大成果，可谓事半功倍。要不你试试看。 原文链接：/articles/the-pursuit-of-tappiness 在这篇文章发布时，仅在美国就有近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 有平台和浏览器上测试改动过的内容。 1 12 / 2 页下一页 文章来源于：/article-7612-1.html