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

时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络

小提示:您能找到这篇{追寻点击愉悦感—提升网站平板体验的6个技巧}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的追寻点击愉悦感—提升网站平板体验的6个技巧内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

在这篇文章发布时,仅在美国就有近70万的平板电脑用户,这比前一年的数据增加了一倍。这意味着,美国近30%的互联网用户使用平板设备上网浏览。2011年到2012年间,电子商务网站在平板电脑上的交易量增长了348%,第一次超越智能手机的交易量。由于平板市场很年轻,其未来的发展空间必定很大。

这一趋势传递了一个强烈的信号:如果你的网站还没有针对平板电脑进行设计的话,现在是时候优先考虑其在平板电脑上的可用性了。否则,忽略这一点可能会对网站的整体转化率,回访量,销售量等带来负面影响。



什么是“点击愉悦感”(tappiness)?

当一个网站具有“点击愉悦感”时,用户在手机或平板设备进行访问的操作将变得容易而愉快。点击愉悦感包括巧妙使用的空间,易于阅读的文本,符合逻辑的交互线索,和大尺寸的点击目标,这些让访问者浏览网站时充满信心。

上图的设计中,小字体和小触摸目标被证明在平板电脑上难以阅读和使用。一种理想选择可能是:重新设计你的网站,让它能针对各种不同设备进行自适应布局,但时间和成本可能会使你无法完成这样的全面翻新。然而你还有其他选择。本文给出一些技巧和方法,能快速帮助你提升网站的平板用户体验,只需几个简单的变化,你今天就可以做到!

提升网站点击愉悦感的6个简易技巧

只需一些细微的CSS调整即可大大提升平板电脑的可读性和导航精准度。

1、增加普通按钮和立即行动按钮(calls-to-action)的大小和外边距(margin)。大多数人的手指点击区域约为45-57像素,千万不要让用户费劲地寻找和点击“购买”按钮。

2、链接和立即行动按钮应应显示为可点击态,而不是hover态。在平板电脑上,hover态是不存在的。文本链接应当用清晰、对比强烈的颜色。不要害怕使用下划线来表示默认链接状态。

3、增加字体大小来提升可读性。在原有字体上,增加一些字体像素值(px值)或是提升字体显示百分比(em值)都会好很多,正所谓事半功倍。

4、增大导航菜单项的内边距(padding深圳网络策划公司)。可以试着先增加5-10个像素,如果设计允许的话,也可增加更多内边距。

另外,这些简单的CSS变化很可能也将利于你的桌面用户。当然,按照惯例,正式上线前,要确保在所有平台和浏览器上测试改动过的内容。



具有点击愉悦感的网站案例

下面几个网站很好地体现了点击愉悦感。你可以在平板电脑和桌面上都体验下这些网站。请注意,这些网站并未针对平板电脑使用不同的布局或版本。然而,同一网站在两个平台上看起来都不错,而且操作也都很方便。

Fitbit采用了合理的留白空间,外加大号字体和大尺寸触摸目标。

Comcast的网站提供了大号字体和贵州省抖音关键词排名间距。你还可以注意到清晰标识的链接、分布合理的导航和辅助导航,以及大且易用的表单输入框。

Apple官网有点击愉悦感并不奇怪。毕竟,他们是手持式触摸屏设计的先锋。

总结

你的网站是否具有点击愉悦感?请你自己在平板设备上体验一下。如果你的网站在平板电脑上体验不好的话,就可能会失去用户、转化率和金钱。

本文带给你的好处就是:你不需要大量的时间和金钱,就能通过一些微小的、渐进式的变化大大提升平板用户的体验,也就意味着,你可以省下一大笔成本咯!

文章来源:互联网er的早读课

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

上一篇:论一个好的交互设计师如何养成
下一篇:网站用户体验要点


版权声明:以上主题为“追寻点击愉悦感—提升网站平板体验的6个技巧"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
推荐内容
扫码咨询
    追寻点击愉悦感—提升网站平板体验的6个技巧
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“追寻点击愉悦感—提升网站平板体验的6个技巧”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通追寻点击愉悦感—提升网站平板体验的6个技巧的相关事宜。

关键词:网站设计 用户体验,

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:545321@QQ.com
电话:400-021-1330 | 客服QQ:545321
沪ICP备12034177号 | 沪公网安备31010702002418号