编辑指南:为登录页制作视觉效果就像面试穿衣服一样,视觉效果提供微妙潜意识的指标,帮助访问者选择行为。这篇文章的作者分享了7种视觉技巧,我们一起看一下吧。
用流行的例子来了解登录页视觉效果的重要性。
制作登录页面的视觉效果就像面试穿衣服一样。
应聘者希望面试官们认为他们已经做好了充分的准备,非常适合公司的职位。希望登陆页面的视觉效果能反映出自己的品牌风格,告诉访问者你提供的正是他们需要的。是你。
为了求职面试,为服装和登陆页面找到最佳视觉效果的另一个相似之处是什么?也就是说,不要快速选择第一个选项,多尝试几个选项,想想什么效果最好。
视觉效果提供微妙潜意识的指标,帮助访问者选择行为。
它们可以丰富文字传达的内容,使其更有说服力,也可以取代文字内容,直接具有更快的影响力。(莎士比亚,莎士比亚。)
如果你的网站仍然很纯,想用文字吸引流量。
以下是7种经过验证的视觉效果,一般用于以产品为中心的营销,有助于转换到以内容为中心的登录页面!
一、满足访问者的眼睛——抽象内容具象化
打开包裹,手里拿着东西,就会产生满足感。但是,内容通常提供数字产品。为了创造访客可以访问的感觉,可以在智能手机和其他设备等物理设备上显示数字内容。
这一战略与Venngage对Facebook广告转换的研究相一致。第二好的变异以物理表征为特征(令人惊讶的是,最好的变异是迷因的特征)。
请看这本电子书登录页:
此登录页提供平板电脑上显示的内容产品的图像,使访问者能够直观地看到即将收到的产品。
第二,获得访问者信任的——提供视觉互动演示。
获得访问者信任的一种方法是让他们与你的网站互动。以Monotype的登录页为例:
的登录页巧妙地向访问者展示了Monotype的所有功能。访问者可以实时更改字体以查看形状。让他们对自己的期望有概念。
毕竟,即使买衬衫,也要先试穿一下,不是吗?
第三,给来访者讲故事——,多使用插图。
现在,很多企业变得聪明起来,开始使用定制插图,而不是库存插图。
我喜欢这种方法。因为好的插图能让访问者暴露在你的登陆页面上。他们为创造性的讲故事创造了机会。而且消费者愿意为故事买单,所以网站适合用故事来展示。
以对讲机的娱乐登录页面为例:
插图加强了文本中暗示的“包袱”。同时,他们也讲故事。
在第一张图中,一群“人”试图进行有效沟通,但失败了,出现在混乱交错的箭头和忧郁的脸上表情中。
但是第二个例子更简单。——只有你和顾客之间有明确的沟通渠道。
第四,强调和强调使用——的图标。
图标也很有用,因为它可以在一个图形中表达想法。观众可以在不需要文本的情况下快速理解推特logo等图像传达的含义。此外,图标的含义有时会补充或加强文本内容。
看看WordStream如何在电子书登录页面上使用图标。
奖杯图标强化了本指南帮助游客战胜AdWords的概念。还引导访问者阅读文本,找出他们能赢或实现的东西。
五、使用流行的CTA按钮颜色
关卡
于CTA按钮的性能更好的颜色,有很多争论。但有一种观点似乎有一些证据:如果CTA按钮的颜色与页面上的其他颜色形成对比,那么它们的效果会更好。
Unbounce的登陆页面提供了一个很好的例子:橙色的CTA按钮与背景颜色形成对比:
当你为你的CTA按钮选择颜色时,务必看一下色轮,然后选择与你的登录页面主色相对的颜色!!
六、使用提供方向线索的图像
为访问者指出正确的方向从而推动他们行动。
视觉上的暗示,不管是含蓄的还是明确的,都能引导访问者应该把目光投向哪里。
一个隐晦的方向提示可以是一个人看着你的CTA按钮的方向的图片。一个明确的方向提示可以是一个直接指向CTA的箭头。让我们更详细地讨论每种类型。
1)使用隐式的暗示
视觉暗示背后的原理是Malcolm Gladwell所说的“微表情”。我们在别人身上识别出的细微的面部表情或“转瞬即逝的表情”,这些都会影响我们对情绪的理解。
眼球追踪研究发现,当人们看到陌生人时,他们首先会看对方的面部特征。当访问者看到某人对某个产品或形式表示赞赏的照片时,他们更有可能做出积极的反应。
面部暗示可能很微妙。看看这个登陆页面上的复制黑客:
图片的位置让文案专家Joanna Wiebe面对文字,双手靠近CTA。没有直接指向按钮,图像引导访问者的眼睛指向他们需要点击的地方。
一个有效的隐式视觉提示将使点击看起来像自然的下一步。
2)使用明确的方向提示
含蓄的视觉暗示是微妙的,而明确的暗示则不然。箭头和插图毫不掩饰地指向CTA。
以Bear CSS的可爱登陆页面为例:
小熊手直接为访问者指向CTA按钮。
如果一些古怪的东西对你的品牌不起作用,一个简单的箭头也是有效的。IMPACT的电子书登陆页面就是一个很好的例子:
箭头是页面加载后动画弹出的另一个视觉触发器,以吸引游客的注意力,呼吁行动。
七、利用真实的人
真人的照片(不是模型)在着陆页上效果不错。营销实验进行了一项研究,将登陆页面上的“微笑女士”素材照片与登陆页面上的公司创始人照片进行对比。
素材照片页面效果:
公司创始人照片页面效果:
结果呢?与访问过“微笑女士”页面的人相比,访问过创始人登录页面的人填写CTA表格的可能性要高出35%。
注意:网站不仅使用了创始人的图片,还加入了文字,让访问者知道这是创始人。
在你的形象中加入真人,有助于建立信任,有助于提高你的品牌认知度。
让视觉发挥其能!
登陆页是你留下好印象的一次机会。选择视觉效果的目的是吸引访客并促使他们采取行动。要找到合适的视觉效果,可能需要一些精心设计的测试。
虽然使用视觉效果仅仅因为它好看有吸引力就已经很诱人了,但仍要有策略。视觉是激发人们反应的强大工具。注意使用视觉效果,让你的公司呈现出最好的面貌。
翻译:传声营销
本文由@传声营销 翻译发布于人人都是产品经理。未经许可,禁止转载。
题图来自 Unsplash,基于CC0协议。