4 种设计技巧可以让你的转化率飙升

已发表: 2018-11-02

4 设计技巧 –

您拥有一个外观精美的网站,赢得了客户和评论家的一致好评。 你的产品太好了,人们不禁爱上它们。 由于您的营销,您的流量每个月都在不断攀升。

但是有一个问题:没有人对您的网站采取任何行动。 访问者经过,在网站上花费几分钟,然后离开,甚至没有给你他们的电子邮件地址。
这是当今许多网站的现实。 他们可能拥有无可挑剔的设计和出色的营销,但由于糟糕的设计决策,他们的转化率仍然很低。
在本文中,我将分享 4 个设计技巧,无论您处于何种利基市场,您都可以立即使用这些技巧来提高转化率。

1. 让你的 CTA 脱颖而出

您在网页设计中可能犯的最大错误之一就是让您的 CTA 融入您网站的其余部分。 如果 CTA 实际上没有尖叫“点击我!”,您的访问者将忽略它。
诀窍是让 CTA 脱颖而出而不会分散注意力。 任何用户都应该清楚 CTA 是可点击的。 它还应该放置在页面上高度可见、光标流量高的区域。

以下是您可以做的一些事情来让您的 CTA 流行起来:

  • 对比色:选择与网页的主要配色方案形成对比的 CTA 颜色。 例如,如果您的网站颜色为蓝色,请选择橙色 CTA。 由于这种颜色在色轮上与蓝色直接相反,因此它会在页面上脱颖而出。
  • 效果:为 CTA 添加微妙的效果和元素,使其流行。 放置边框、添加图标或使用阴影效果可以让访问者清楚地知道 CTA 是可点击的。 您的目标是使 CTA 看起来与页面上的其他元素不同。
  • 展示位置:用户不必费力寻找您的 CTA。 将它们放置在页面的高光标流量或高可见性区域,例如折叠或导航菜单上方。
  • 尺寸:任何页面上较大的元素都会吸引我们的注意力。 使您的 CTA 略大于不可点击的元素。 如果您有两个并排的按钮并想强调一个,请将其放大。

小心使 CTA 过于突出。 这会使它看起来像垃圾邮件(还记得洪流网站上那些巨大的“下载”按钮吗?)并阻止点击。

例如,Workamajobs 上的这个 CTA 使用蓝色,并放置在页面的高可见度区域。 请注意它与“注册”CTA 的灰色对比:

图像颜色

2.更好地利用颜色

想想可口可乐品牌。 如果没有熟悉的鲜红色,你能想象它吗? 你认为如果它是蓝色的品牌会有同样的冲击力吗?
非设计师并不总是意识到这一点,但颜色在品牌推广和转化率优化中起着重要作用。 不同的颜色会唤起人们不同的情绪。 蓝色是天空的颜色,对人有镇静作用。 它也是一种“严肃”的颜色。 当您要求人们将事物设为“明亮”的颜色时,他们很少会选择蓝色。

(这就是为什么这么多企业公司在他们的标志中使用蓝色——IBM、GE、三星、AT&T、沃尔玛等)

您的目标应该是使您选择的颜色与您的品牌保持一致。 不要为年轻的品牌选择沉闷的颜色。 如果您要与企业 B2B 公司竞争,请不要选择亮粉色。

以下是我们与不同颜色相关联的品质的快速指南:

  • 红色是激情、活力和青春的颜色。 您会经常发现它用于年轻品牌,尤其是食品公司。 例子包括家乐氏、可口可乐、任天堂。
  • 粉红色是一种女性色彩,与爱、平静和关怀有关。 经常使用它来迎合女性的品牌,如 Cosmopolitan、Victoria's Secret 等。
  • 绿色是植物的颜色,因此与生长、恢复和环境有关。 你会发现它经常被想要将自己与“修复”联系起来的品牌使用,例如假日酒店、星巴克、The Body Shop 等。
  • 黄色是一种明亮、充满活力和欢乐的颜色。 你把它和太阳联系起来。 使用黄色的品牌充满活力。 想想麦当劳的金色拱门或法拉利的跃马。
  • 像黄色一样的橙色是一种与温暖和乐观相关的颜色。 想想哈雷戴维森、芬达和尼克国际儿童频道等品牌。

为您的品牌选择合适的颜色可能需要大量的思考和思考。 可以使用许多不同的颜色组合,例如单色、互补色或三色。 通常,您会从您喜欢的主要颜色(如绿色)开始,并从中构建您的配色方案。 如果您在选择品牌调色板时需要一点帮助,可以使用一些有用的工具,例如 Bold Web Design 创建的这个工具。 它显示所有财富 500 强调色板,包括它们的次要颜色和原色。

请参阅此图片以快速了解色彩心理学以及品牌如何使用它:

颜色

3. 添加多种选择加入方式

收集电子邮件但您的网页上只有一个“订阅”按钮?

那你就严重错过了一个技巧。

收集订阅者、选择加入和其他有用的信息既关乎重复,也关乎设计。 当人们在您的网站上看到重复的内容时,他们可能会认为这很重要。

分析您当前如何使用选择加入表单。 列出表格出现的每个位置。 如果少于三次,则说明您重复表格的次数不够多。

以下是您应该添加表单的一些地方:

  • 在网站加载时作为欢迎垫/前卷
  • 在导航菜单上方作为顶部栏
  • 在导航菜单中
  • 在主页上的英雄形象部分
  • 在内容页面的顶部、内部和底部
  • 在页脚
  • 在弹出窗口中

选择任意三四个位置并在那里使用您的选择加入表格。 虽然您确实冒着惹恼某些用户的风险,但转化率的提高通常是值得的。

4.使用社会证明

你正在穿越一个新的城市,需要吃早餐。 当您开车时,您会看到两家早餐咖啡馆。 第一个外面有很长的队伍。 另一个看起来比撒哈拉沙漠更冷清。

你去哪一个?

当然是第一个。

人类会根据社会线索来确定某件事是否值得他们花时间。 受到他人喜爱(或至少被认为受到他人喜爱)的餐厅、企业或品牌被视为具有更高的价值。

在低信息购买的情况下(即买方对产品不太了解,也不想知道更多),社会认同成为评估报价的有力方式。 任何看起来很流行的东西都会引起你的注意。

尝试通过以下方式在您的网站上添加社交证明:

  • 分享客户的见证。 客户的权威越高,推荐就越有影响力(即名人推荐比普通用户的推荐更重要)。
  • 为产品(如亚马逊)添加评论和评级。 评分和评论越多,“社会证明”就越强。
  • 通过显示您发表过的权威网站或您获得的奖项的列表来使用权威的社会证明。

例如,Buffer 在其主页上显示了一个有声望的客户列表。 这可以作为强有力的社会证明,因为 Buffer 的客户可能会尊重这些组织:

网站模板4

交给你

设计不仅仅是为了让事物看起来更好。 它还与满足网站的业务目标有关。 虽然很多设计师可以创造出令人惊叹的设计,但增加转化率仍然是一个挑战。

使用这四个设计技巧来充分利用您的网站。 通过使用社交证明、添加更多选择加入并改进您的 CTA,您的转化率将会飙升。