设计一个总是有效的激励性主图的10个实用技巧
主图是用户打开页面时首先看到的东西。这是你赢得他们的机会,或者永远失去他们的机会。
用户只需要几秒钟就能处理第一个屏幕。但在幕后,市场营销人员、设计师和开发人员做了大量的细致工作。你如何快速找到正确的解决方案并选择完美的图片呢?
我整理了创建有效主图的最佳实践,与大家分享。让我们向最佳实践学习。
主页部分的目标是让用户想要了解更多并执行下一步操作。它作为一个介绍,邀请进一步的沟通。
乍一看,用户想要看到的是好处和问题的解决方案,而不是公司有多棒或者设计有多酷。:) 这些东西应该留在背景中!
主图是一种视觉刺激。它承诺好处、改进和积极变化。
如果用户:
- 直观且立即喜欢视觉效果;
- 看到了他们问题的解决方案;
- 被图片所激励;
- 被标题所激励;
- 理解下一步该做什么。
用户将愿意向前迈出一步。
为了惊艳并让观众留在第一个屏幕上,一些设计师无意中将用户的目标替换为自己的目标:设计一个令人惊叹的设计。但用户的目标并不是设计。
用户的目标是获得他或她所需要的东西:一个物品、一个服务或特定的信息。设计应该促进这个任务,而不是阻碍它。
智能设计不会引起注意,也不会分散用户的注意力,或者让他们惊讶地盯着屏幕看,忘记了他们来的目的。这对于主页部分尤其如此。
这是一个典型的案例。呈现给用户的关键点包括:
- 公司提供的东西;
- 这个优惠的优势;
- 信任公司的原因;
- 用户需要执行的操作。
信息很明显:我们的公司很棒,用户应该赶紧按下那个按钮。可惜,事情并不是这样运作的。
用户的目标与网站所有者、市场营销人员或设计师的目标无关。
任何对用户没有直接价值的信息都必须被隐瞒。像“我们是最好的”,“庆祝十年的成功”,“为什么人们信任我们”之类的信息应该放在视觉层次结构的底部。
主页部分的视觉效果必须优先考虑用户的目标。
向用户展示他们想要看到的,并让它看起来真的很好。这是你的首要任务。其他所有的东西 - 可靠性、信任、保证 - 只是为了巩固用户对他们来到了正确的地方的信念。
主页必须对用户来说清晰明了,易于导航。这是你展示你的优势的地方。尽最大努力最大化可读性。包括:
- 清晰、简洁的设计;
- 明确的页面结构;
- 充足的“空白”;
- 没有干扰;
- 重点的层次结构;
- 有动力的简洁标题和副标题;
- 与信息和文案相匹配的主图;
- 可理解和可预测的导航面板。
保持简单和简洁!
设计师的任务是将用户的目标可视化,使其看起来有吸引力、生动和引人注目。全面研究和分析你的用户、产品和竞争对手的网站。这将帮助你为你的受众找到鼓舞人心的图片和激励性的信息。
顾客通常带着对他们目标的具体形象来到页面。重要的是要考虑到这一点并满足他们的期望。可预测性是人们对你的期望。这适用于视觉效果和用户体验。
遵循“一个想法,一个图片”的规则。让你的标题与图片共鸣、加强和增强。图片和文本必须激发用户的欲望和愿望,使他们愿意迈出一步。
在从概念到最终设计的过程中,记住:你正在创造一种激励性的触发器。可以自由地使用所有市场营销、设计和心理学的技巧来影响用户的感知。
每个受众都有自己的动机。了解你的用户,并找到最好的方式来吸引他们,无论是情感上还是理性上。(情感反应之后是对信息的理性评估。)
用户的情感需要在概念阶段设计并融入到项目中。
特定的触发器,如图片和/或文本,对于引起情感反应特别有效。
要找到最好的触发器,问问自己:
- 当用户看到你的优惠时,他/她应该有什么感觉?
- 它应该唤起什么样的记忆?
- 它应该创造什么样的联想?
找到一个情感触发器通常需要一个很好的头脑风暴。列出情感及其可能的可视化,如引人注目的图片、插图或视频。测试最好的想法。
这是你未来转化和受众喜爱的关键。
情感不一定要是积极的。苹果曾经成功地利用恐惧,设计了一个鲜红色的艾滋病意识网站,并邀请人们成为献血者。它看起来很震撼。我不知道有多少人捐款,但有很多人买了红色的iPhone。 :)
一个有效的触发器总是与用户的好处相关联。触发器推动用户执行行动,让他们获得这些好处。
受欢迎的主图侧重于:
- 产品;
- 行动;
- 优势;
- 上下文;
- 过程(幕后);
- 公司的所有者。
任何类型的主图都必须传达好处。
明确的好处:突出显示使用产品或服务的明显优势。
隐含的好处:在视觉和心理上突出用户的改善状态、重要性、成功、技能和机会。
通过用户分析,你可以决定什么应该明确展示,什么应该隐含展示。展示隐含的好处总是双赢。例如,一个销售钉子的网站,如果它的主页部分展示了一个节俭、聪明和整洁的工人的形象,而不仅仅是一张房子或一堆钉子的照片,那么它的表现会好得多。顾客会喜欢感觉自己像是一个能干的房主。
清楚地知道你希望观众的目光去哪里。他们会首先看到什么?接下来呢?他们的目光应该停留在哪里?一切都取决于你的网站和产品的目标。需要提前规划好重点的层次结构,然后进行测试,确保它看起来符合你的需求。
用户的目光受到主导元素和焦点的控制。主导元素是最大和最吸引人的元素。焦点是图标、按钮和其他用户在主导元素之后看到的元素。它们负责用户的兴趣区域并保持他们的注意力。它们通常位于屏幕的边缘。
**小窍门1:**模糊你的设计布局,并向一个普通人(不是设计师)展示。他们首先看到什么?什么值得更多或更少的关注?这是在为时已晚之前纠正失败的想法的好方法。
**小窍门2:**使用眼动追踪软件。即使是一个简单的免费应用程序也可以帮助你检查高亮显示是否放置在正确的位置。
如果你发现用户的目光在任何给定的元素上停留的时间不够长,那就开始工作吧。也许值得通过使其更大、更亮、添加动画、增加字体大小等来进一步突出这个元素。(测试一切!)
注意:将主要的亮点放在情感触发器上,而不是CTA按钮上。
所有的视觉构图技巧和工具都必须按照优先原则进行层次排序。形状、颜色、阴影、对比度、大小、平衡、动作、排版 - 一切都必须遵循优先原则。
注意:消除干扰。所有不是第一印象的优先级的东西都必须减少可见性、隐藏或移动到其他地方。
## 8. 使用相关的图片
当图片与网站的目的、理念和内容相匹配时,它们就是相关的。如果理念与其视觉表达不符,就会导致误解和不信任。这不仅仅是指脱离上下文的图像。一个致力于创新的网站如果使用过时的设计也是一个不相关的例子。同样,那些分散注意力、让信息传达变得困难的花哨效果也是不相关的。
主图必须在视觉上传达内容的本质。
使用简短而有力的标语来吸引用户。想出一个好的标语并不像看起来那么容易,这是一个创造性的过程。我建议进行头脑风暴。你的字符空间有限,但你需要简洁地传达你的价值观,解释一些好处或问题的解决方案,或者提出一个相关的问题,以引起用户的兴趣。头脑风暴是找到原创想法的好方法。
你可能有一张具有良好转化潜力的主图,但如果没有 CTA,它将毫无价值。然而,对待 CTA 应该谨慎。
永远不要使用 CTA 施加压力。
设计你的 CTA 时要友好而不具有攻击性,而不是强求。不要迫使用户一次性学习所有内容、购买或订阅。CTA 是用户在实现目标的路径上的一个逻辑步骤。如果你的标语和可视化没有引起他们的兴趣,任何 CTA 按钮或文本都不会起作用。
CTA 是你的设计和商业理念的有机延伸。欢迎访问你的网站。这就是 CTA 按钮或消息的目的:它邀请用户参与行动。
将你的用户界面和用户体验聚焦在使用户的目标变得有吸引力上。
只有这样,你的 CTA 才能发挥作用。按钮并不能激励任何人。人们被未来的想法和图像所激励。