首页 » 博客 » 让您的 CTA 脱颖而出

让您的 CTA 脱颖而出

CTA 是网页、广告或其他内容中的元素,用于鼓励受众采取行动。行动号召可以是注册、订阅、开始免费试用或了解更多信息等。

您希望 CTA 在网站设计中脱颖而出。要实现这一点,请考虑如何使用颜色以及其他元素,例如背景颜色、周围图片和周围文本。

Square 提供了一个出色的号召性用语示例。Square 使用流畅的视频背景展示了其产品的独特性和面向未来性。在这个戏剧性的背景下,白色的“开始”CTA 等待您的点击,以及醒目的蓝色“联系销售”。

图片来源

Add People的UX/CRO 经理Jade Jordan也建议为 CTA 添加动画,但要保持平衡。

他说,一个经过延迟后摆动或脉动的微妙动画按钮可以吸引注意力而不会打扰用户。仅在用户在页面上停留一段时间后触发此类动画可确保交互感觉及时且相关。

这种技术类似于适时弹出窗口,尊重用户的浏览流程,同时有效地将他们的注意力吸引到转化上。

虽然按钮的设计很重要,但我们不能忽视它的内容:它包含的文本。Skylum的首席营销官Yevhenii Tymoshenko在我们的谈话中谈到了这一点,他说:

“我们最近重新设计了网站的布局,将 CTA 放在页面顶部和底部。我们还重新措辞,使其更具可操作性。现在他们说‘查看计划’和‘探索应用程序’,直接与客户对话,而不用‘立即购买’之类的强势语言。因此,我们的转化率提高了 12%”,Tymoshenko 说。

图片来源

9.针对移动设备进行优化。

我们已经讨论过网站响应性的重要性。这可能 电子邮件数据 意味着要修改或删除一些会让小屏幕变得杂乱或对加载时间产生负面影响的元素。

举一个最佳网站设计的例子,比较一下桌面版和移动版 Etsy 主页。在桌面版上,您会看到一个带有类别的导航栏。将鼠标悬停在每个类别上将显示一个下拉菜单。

图片来源

在移动设备上,它会折叠到汉堡按钮后面,从而改善移动网站的外观和性能。您还会注意到图像更大了 — 非常适合用手指在移动设备屏幕上点击。

图片来源

Online Optimism的Claire Escobedo表示,她在移动设计中发现的主要错误之一是缺乏可访问性功能。这包括违反 WCAG 标准的内容和影响网站功能的功能(如悬停效果)。

她继续说道:“你不能只盯着手机!在为移动设备访问的任何网站进行设计时,你必须考虑移动交互,而如今几乎所有网站都是如此。”

据 Escobedo 称,仅仅因为您的网站导航在桌面上运行良好并不意味着它会转移到移动设备上。

“漂亮的超级菜单对于笔记本电脑用户来说很不错,但移动用户如何访问同样的四层链接呢?”Escobedo 指出。

免费用户体验研究工具包 + 模板

3 个模板用于进行用户测试、总结您的 UX 与所需用户开启常规聊天  研究并展示您的研究结果。

  • 用户测试模板
  • 用户体验研究测试报告模板
  • 用户体验研究演示模板

10.限制向用户呈现的选项。

根据希克定律,选择的数量和复杂性的增加将增加人们做出决定所需的时间。这对网站设计来说是个坏消息。

如果网站访问者面临太多选项,他们可能会感到沮丧并离开 — 或者他们可能会选择您不想要的选项,例如放弃购物车。这就是为什么限制向用户呈现的选项数量很重要。

例如,当访问者登陆 Shawn Michelle 的冰淇淋主页时,他们有三个明确的选择:了解公司、探索口味或查看餐饮菜单。

它很简洁,所有关键信息都很容易找到。像这样的网站还需要更多吗?当然不需要。一切都在那里,让客户可以轻松找到他们需要的东西,减少他们失望而归的可能性。

这是 UX 设计中希克定律的完美范例。

图片来源

专业提示:没时间遵守规则?您可以随时下载预先构建的网站模板,它将为您的网站提供坚实的基础。

11. 功能性优先于美观性。

“设计应该支持内容和功能,而不是相反。绝大多数用户访问你的网站是为了获取信息,而不是为了它的外观。

作为一名设计师,我知道网站 电报号码 看起来漂亮有多好,但这绝不能以牺牲网站功能性和所有用户可理解性为代价。”Escobedo 说道

滚动至顶部