传统的CTA 按钮通常都会选择矩形,因为这样的按钮更加符合人们对于按钮概念的常规认知。而如今,更多的设计规范中会建议使用圆角矩形的CTA按钮,因为这样的按钮会给人更加内化的感觉,让人更在意其中的按钮标签内容,从而提升按钮被点击的机率。 色彩的选取则相对更复杂,这涉及到整个设计的方方面面。设计师需要考虑到整体的配色方案、用户的潜在偏好和心理特征等因素。当然,最关键的一点还是按钮的色彩要和背景有显著的对比,能让CTA按钮在UI控件中很容易脱颖而出。
位置 位置的选择对于CTA 按钮同样是至关重要的。因为不同的位置对于用户而言有着巨大的差别,地段不好,在骚的色彩,再漂亮的外形,一样不会被注意到。 大量的研究表明,用户在浏览网页之前,会通过快速的扫视来寻找他们感兴趣的内容,考虑到这一点,设计师可以将最突出的、用户最容易扫视到的位置,放置上期望用户点击的CTA按钮。 用户研究领域的先驱 Nielsen Norman Group 曾经针对这一用户行为进行了深入的研究,为设计师和可用性设计专家们提供了更好的素材和设计依据。 简而言之,当人们访问某个网站的时候,尤其是初次访问网站的时候,他们通常不会特别仔细的查看所有的内容,而是快速的扫视,找到能够吸引他们注意力的信息,这些内容就是他们继续停留在这个网站上的理由。通过眼动测试和不同实验,他们发现访问者的视觉浏览模式,可以归结为几种典型的模式。设计师 Steven Bradley 在自己的文章中,总结了这三种常见的模式:古腾堡式,Z图模式和F图模式。 对于信息结构层次并不那么分明的网页,用户常常会使用古腾堡式的浏览模式,用户大范围扫视页面内容,整个视线路径是一个大号的Z,其中最开始的两个视觉驻留点就在页头上。 Z图模式也不难理解,用户从上到下,视线沿着Z字形来回扫视,用户会左右快速扫视,视线的起点首先是左上角,行跨顶部一栏到右上角,然后向下延伸。 F图模式,或者说是F式布局,我们就更加熟悉了。在Nielsen Norman Group 的研究当中,这种阅读模式最为典型: 用户先会沿着水平方向浏览,优先浏览内容块的上部,这个时候的眼动构成了字母F 最上面一横。 接下来视线会沿着屏幕左侧向下垂直扫视,寻找段落中能引起兴趣点的内容,当他们发现引起他们兴趣的内容之时,继续横向仔细浏览,而通常这些内容对应的视线范围会比第一次横向浏览的范畴要更小一些,而这个视线轨迹则构成了字母F 中间的一横。 接下来用户会将视线移到屏幕左侧,继续向下浏览。 F图模式常见于博客、新闻类信息量较大的网站。 了解了用户的阅读模式之后,CTA按钮的放置位置应该就不难决定了。顶部和底部都是用户实现必经的位置,放置在页面的中央也可以,无论在F图模式、Z图模式还是古腾堡式中,用户都会扫过这个位置。当然,你得让其他的UI元素不要干扰到CTA按钮。
微文案 微文案在CTA按钮中的作用,表现得越来越显著了。微文案是UI中常见的那些小段的文本,它们简练清晰地指明功能,给予用户以提示,驱动交互。更具体地说,微文案包括按钮上的标签,错误信息,安全说明,术语和条款,以及产品中常见的各种提示。 微文案是CTA按钮中绕不开的组成部分。设计优秀的微文案让CTA按钮指向性明确,可以快速地吸引用户的注意力。
结语 对于电商类的应用和网站而言,CTA按钮无疑是强大的销售工具之一,和屏幕内容的转化率 息息相关。意识到CTA按钮的重要性,才能有针对性地设计。 (责任编辑:admin) |