按钮是设计交互时必不可少的元素,但它们的影响往往被最小化。它们使我们能够了解用户如何与界面交互并进行导航,直到最终的转换行为。
这就是为什么有必要特别关注它们,冒着造成用户误解甚至沮丧的风险。我建议您回顾一下设计可改善用户体验的按钮时要记住的要点。
什么是按钮?
按钮是一个可点击的元素,允许用户单击一下即可做出选择。该元素传达可以执行的操作。
按钮必须能够快速识别为按钮,并且必须清楚地标识用户可以执行的操作。
如何 ?这要归功于两个方面:可供性和能指。
可供性和意义
可供性是元素建议其自身用途的能力。该术语 国家邮箱列表 由美国认知心理学家唐纳德·诺曼在其著作《日常事物的设计》中首次提出。
就其本身而言,能指可以指示必须在何处执行操作。
事实上,为了能够快速、正确地理解元素,最佳实践指示元素的有用性非常重要。
按钮动作
使用按钮可以执行三个主要操作:
主要操作:这是主要操作,所使用的动词可能是这样的:例如订单或支付隧道中的“添加到购物车”、“预订”、“注册”甚至“下一个”。
次要操作:该操作在此被视为在用户进入主要转化旅程之前提供给用户的替代方案。在我们可以使用的动词中,我们发现:“了解更多”、“阅读更多”、“取消”或“上一个”。
第三级操作:它远非“包罗万象”的操作,它对用户来说很重要,但与转化无关。可能的操作示例:“修改”、“共享”。
从视觉上看,这些类型的操作和按钮必须能够轻松地与界面中的其他信息区分开来,而且还必须能够相互区分,以避免它们相互竞争。
按钮外观的最佳实践是什么?
1-根据动作调整好方面
实心按钮:建议要执行的主要操作。
发现按钮-2
带边框的按钮:建议次要操作。
按钮未满
带下划线的链接:非常简单的形式建议进行第三级操作,例如保留用于内部网络。
您可以下载完整且免费的用户体验设计指南!
浮动按钮:在移动设备上很流行,这些元素允许您显示主按钮,无论查看的页面级别如何。但是,请小心将它们集成到界面中,以避免它们妨碍内容的咨询或与其他可点击元素竞争。
按钮-1
2 – 设计风格以使其易于理解
设计按钮时需要考虑以下要点
背景颜色和文字必须形成足够的对比,以提高可读性(请参阅:“关注网络界面的对比”)。它还必须适应您的身份,而且还要根据消息。例如,绿色按钮将被解释为积极操作(“验证”、“保存”),反之?红色按钮表示相反的意思(“取消”、“删除”)。
圆角:赋予按钮个性。具有方形边缘的按钮将返回比具有完全圆形边缘的按钮更严格的图像。
措辞风格:大写还是小写?同样,这不仅取决于您的身份,还取决于所使用的排版的可读性和措辞的长度。
措辞:强烈建议包含简短的标签,例如单 太原手机号码表 独的动作动词或附有术语,例如:“阅读更多”、“添加到购物篮”、“预订住宿”。关于这个问题的另一点是,有必要呈现整体的同质性。
尺寸:尺寸越大,按钮就越容易使用,这是事实,但要小心滥用。 😉 您必须在移动设备和计算机上的界面中工作和测试其尺寸(高度和宽度),以尽可能优化它。
交互:所有按钮必须具有初始状态(悬停关闭)和悬停状态(悬停)。尽管在移动设备上悬停状态不可见,但在计算机上状态的变化极大地提高了体验。事实上,它有助于加强用户对它是可点击元素这一事实的理解。
gif_按钮
总之,按钮是必须特别注意 使用批量短信来吸引和吸引潜在客户的终极指南 的元素,因为它们有助于整体体验。
事实上,它们优化得越多,用户就越不会关注它们,因为转换过程很顺利。
提高网站转化率的 10 点🎯
-> 充分利用您的网站的所有基本技巧和最佳实践