11 种提高用户参与度和转化率的网页设计技术

已发表: 2016-08-22

UX 专业人员如何定义转换优化?

根据 Lean UX 书的作者 Jeff Gothelf 的说法,转换优化是关于“找到价值主张、行动号召和价格点的正确组合,以说服客户更深入地参与您的产品或服务。”

然而,“转换优化顾问”通常是与企业签订合同以评估特定工作流程的人。 他们通常来自网络分析背景,并提出一系列测试来运行以改进流的转换。

一个漂亮的网站可能会给人留下很好的第一印象,但如果它的可用性很差,用户不知道该做什么,网站上的表格不太好用,错误消息没有帮助,网站上的副本是模糊,整体体验会很差。

问题是,您如何在您的网站上提高用户参与度? 从网页设计师的角度来看,让我们来看看 12 个可以帮助您朝这个方向发展的重要技巧。

1)给人留下深刻的第一印象

每天都有潜在客户第一次看到您的界面。 在总是为自己设计的团队中,这可能会被遗忘。 您的用户看到的第一个屏幕有 3 个重要的工作……

  1. 解释您的 Web 应用程序是如何工作的。
  2. 激励您的用户开始使用。
  3. 让您的用户知道如何在需要帮助时以及何时获得帮助。

如果有人登陆您的网络应用程序并且不了解如何立即注册,那将是一个大问题。 用户应该清楚您的网站的功能以及他们如何与它分开。

Make a strong first impression

2)使用英雄形象

英雄形象是最小的响应式网站的流行趋势。 这些网站有一张大的照片或视频,带有几行文字或一个吸引用户眼球的标题。

确保您网站上的英雄形象完全符合网站的目的。 一般来说,吸引读者的注意力变得越来越困难。 因此,使用一张大图会导致读者暂停或“休息”,然后让他们继续阅读页面。

Use a Hero Image

3)视差滚动效果

视差滚动效果具有优势的一个好概念是讲故事。 当您以艺术和美丽的方式向下滚动页面时,视差效果用于在您眼前组装产品。就参与度而言,视差滚动确实将初始用户带入了一次旅行并完全吸收了他们的注意力。

Parallax scrolling effects

4)战略性地实施强调色和号召性用语按钮

有效的号召性用语按钮 (CTA) 能够触发客户注册、加入、立即购买、分享、下载等。CTA 和强调色共同具有吸引注意力、增加参与度和激发行动的能力。 这一切都与大小、位置和颜色有关。

Implement accent colors and call-to-action buttons strategically

5) 介绍/解释视频

解说视频是解释公司故事和公司商业模式的短视频。 换句话说,他们回答了“你们是做什么的?这些视频可以是动画、数字绘图、手绘或常规视频。 人们不仅主要是视觉学习者,而且人们从视频中保留的信息比从文本中保留的信息多 68%。

解说视频是一种营销举措,可帮助您从众多竞争对手中脱颖而出。 当您使用解释器视频时,您提供了一种媒介,用户因此而留在您的网站上,并可能最终采取所需的行动,例如购买您的产品和服务。

Intro/explainer videos

6)您的网站必须设计得像着陆页一样强大

登陆页面的目的是说服网站访问者采取行动,同时互联网上的每个页面都是一个登陆页面。 网站访问者并不总是从您的主页开始他们的旅程,因此保持一致并在所有页面顶部附近提供关键信息非常重要。

让我们看一个美国生活方式品牌 O'Neill 网站的示例,该网站以图像为主导的登陆页面非常清晰,通过令人惊叹的大浪和白雪覆盖的山脉摄影向您出售其服装系列和运动装备。

landing page

7) 添加社交小部件和按钮

社交小部件可增加您网站上的流量和用户参与度。 他们有能力通过允许用户在 Facebook 和 Twitter 等社交媒体上与他们联系来吸引更多推荐访问者来收集新客户或扩展新创建的社区。

您知道 Dropbox 在广告上的花费很少吗?他们实施了许多增长技巧。 例如,一种增长技巧是激励您当前的一些用户推荐其他用户。 这种激励可能以公司礼品或免费服务一个月的形式出现。

Dropbox 做了一些不同的事情。 每次在 Twitter 上关注、连接 facebook 或 twitter,Dropbox 都会为用户增加 125MB 的空间:

Adding social widgets and buttons

在撰写本文时,Dropbox 拥有超过 720,000 名 Twitter 关注者。 虽然并非所有这些都可以归因于这种黑客攻击。 Dropbox 鼓励用户与他们联系以传播 Dropbox 产品。

8)在每个页面上添加订阅表格

订阅表格通常只是一个框,用户可以输入他们的姓名和电子邮件地址。 当他们点击“订阅”按钮时,他们会自动添加到您的电子邮件列表中。 通过为博客读者提供多个注册电子邮件更新的机会,如果您在每个页面上添加灯箱选项,您将更快地增加电子邮件订阅者的数量。

除了侧边栏中的注册表单外,您还可以在帖子中或底部放置一个注册表单。将注册表单放入内容中将很容易说服某人加入,如果他们已经在享受您的内容。

Add a subscription form on every page

9)使用更多的空白空间

空白是设计的一个重要元素,这是有充分理由的。 如果使用得当且正确,它可以改变设计并为您的网站提供许多优势。

段落之间以及文本和图像块周围的空白实际上可以帮助人们理解他们正在阅读的内容,并总体上增加了更好的用户体验。 这也将有助于提高参与度,因为用户更有可能在页面上停留更长时间。 使用更多的空白有助于创建更专业的设计并提高内容的易读性。

Use more white space

Use more white space

10) 通过移动友好型网站吸引观众

让用户更容易在智能手机上与您的网站进行交互。 诸如在小屏幕上使用清晰易读的字体大小,或者让他们只需单击一下就可以给您打电话等事情,对于改善用户体验大有帮助。

Engage audience with mobile friendly website

11) 热图显示参与度

热图工具是您网站的图形叠加层,可以指出哪些内容是热门的,哪些不是。 这主要是通过跟踪访问者的鼠标点击来完成的。

了解访问者行为对于您网站的成功非常重要。

热图回答了许多问题。 您的访客是否因太多选择而分心? 他们是否在订阅电子邮件订阅选项之前离开了您的页面? 您是否足够重视对用户最重要的页面? 登陆页面上的哪些图片和广告能引起最佳响应并产生销售转化?

Heat maps show engagement

结论

我希望这篇文章能让你开始思考一些提高用户参与度的常见网页设计技术。 你能做的最好的事情就是让自己站在一个典型用户的角度,尝试确定界面的主要缺陷。

随着消费者变得更聪明,对购买体验的控制能力更强,您的营销策略必须跟上趋势。 为您的企业使用参与营销有很多好处。

更好的用户参与行为以提高转化率、降低放弃率并可能增加销售额。您有什么自己的建议吗?请在下面的评论中告诉我们?