为什么越“简单”的网站越招人更喜欢

营销简介:在Google 2012年8月的一项研究中,研究人员发现,不仅用户会在1/50至1/20秒之内判断网站是否美丽,而且“视觉复杂”的网站一直被评为不太美丽他们更简单的同行 此外,“高度原型”的网站 - 具有通常与其类别的网站相关联的布局的网站 - 简单的视觉设计被评为全美最美丽的。 换句话说,研究发现设计越简单越好。 但为什么? 在这篇文章中,我们将探讨为什么.....

在Google 2012年8月的一项研究中,研究人员发现,不仅用户会在1/50至1/20秒之内判断网站是否美丽,而且“视觉复杂”的网站一直被评为不太美丽他们更简单的同行

此外,“高度原型”的网站 - 具有通常与其类别的网站相关联的布局的网站 - 简单的视觉设计被评为全美最美丽的。

换句话说,研究发现设计越简单越好

但为什么?

在这篇文章中,我们将探讨为什么像认知流畅性和视觉信息处理理论在简化网页设计方面可以起到至关重要的作用,以及一个简单的网站如何能带来更多的转换。

我们还将介绍简化设计的网站的几个案例研究,以及如何提高其转换率,并给出一些指标来简化您自己的设计。

什么是原型网站?

如果我说“家具”,你的头脑中出现什么图像?如果你是95%的人,你会想到一把椅子。如果我问什么颜色代表“男孩”你认为“蓝色”,女孩=粉红色,汽车=轿车,鸟=罗宾等

原型性是您的大脑创建的基本心理形象,用于分类与您交互的一切。从家具到网站,你的大脑已经创建了一个模板来展示事物的外观和感觉。

在线,原型分为更小的类别。您对于社交网络,电子商务网站和博客具有不同但具体的心理图像,如果这些特定网站中的任何一个从您的心理图像中遗漏了某些内容,您就会在有意识和潜意识层面拒绝该网站。

如果我说“时尚20几岁的在线服装店”,你可能会想像这样:


形象信用

这跟“在线服装店”原型紧密相连,它与销售嘻哈服装的在线服装店的线框共享许多属性。

形象信用

既不缺乏创意,也不可能相互“偷走”。相反,他们正在考虑您对电子商务网站应该是什么的基本期望。

你认知流利是什么意思?

认知流畅背后的基本思想是,大脑倾向于思考易于思考的事物。

这就是为什么你喜欢访问你本能地知道所有东西的地方,你知道你应该采取什么行动。

“流利指导我们的想法,在我们不知道它在工作的情况下,它会影响我们在任何情况下,我们权衡信息。” - Uxmatters.com

认知流畅性来源于另一个被称为“敏感曝光效应”的行为领域,其基本原理就表明,您接触刺激的人数越多,您越喜欢。


图像来源

同样,规则是一样的。

博客的“熟悉”功能可以在右侧栏或电子商务网站上使用大屏幕高分辨率图像,并在屏幕左上方注明标题和公司标志。

如果您的访问者受到特定类别网站的某些特征的限制,那么偏离的网站可能会潜意识地将您置于“不太美丽”的类别中。

这里有几个电子商务网站。看看你是否注意到任何相似之处。

警告:无论你做什么,不要以我所说的“ 做别人在做的事情”。如果你不小心,你真的可以这样伤害自己。

知道什么样的设计选择是您的类别中的网站的原型很重要,但更重要的是找到支持这些设计选择的证据,从而产生某种电梯。

很多设计师做出不好的选择。没有做研究,你也可以做它们。例如,许多电子商务网站使用自动图像滑块来显示产品,但研究后研究显示自动滑块影响转换。

当您符合基本期望时会发生什么? - 案例研究

在上述三个图像中,您从电子商务网站预期的所有内容正是它应该在哪里。即使你从来没有去过这个网站,设计也是固有的“可信度”。

流畅的流畅性,一个网站会觉得熟悉,访问者不需要花费心理上的精力去仔细考虑,可以专注于为什么他们在你的网站上首先。

当经验流畅时,您会立即感受到。在线零售商Skinnyties.com,在2012年10月重新设计之前,他们真的不像电子商务网站。

之前:


后:

导致巨大成果的几个关键变化:

  • 遵循典型的电子商务布局主题
  • 更多的“开放”与空白。
  • 图像具有高分辨率图像和对比色的单一产品。

查看关于这种特别重新设计的完整案例研究,因为它显示了在使用当前的原型标准更新站点以“适应”时真正可能的。

这些重新设计的结果在发布后仅2.5周才令人震惊:

重新设计本身,虽然漂亮,但并没有做任何开创性的工作。它完全符合现代网络服装零售商的期望。它是“开放的”,响应性的,并且在所有产品页面都具有一致的设计语言。

但是,与老网站形成鲜明对比的是,很明显,缺乏这些共同因素阻止买家在网站上进行购买。

什么视觉信息处理与站点复杂性有关

在哈佛大学,马里兰大学和科罗拉多大学的这项联合研究中,研究人员发现了不同人口统计学之间的“美学上”的强烈的数学关系 - 例如,博士的参与者不喜欢高色彩的网站 - 但没有出现任何指导为普遍吸引力。

唯一普遍的是,网站的视觉复杂度越高,视觉吸引力越低。

(Sidebar:如果你想参加考试,你可以在这里做)

为什么简单在科学上更容易处理

更少的“视觉复杂”网站被认为更美丽的原因部分是因为低复杂度的网站不需要眼睛和大脑在物理上工作,难以解码,存储和处理信息。

观看这个关于眼睛如何将信息发送给大脑的快速视频,使其更有意义。

 

基本上,您的视网膜将视觉信息从现实世界转化为电脉冲。然后将这些脉冲穿过适当的感光细胞,将颜色和光信息传输到大脑。

页面上更多的颜色和光线变化(视觉复杂性),眼睛必须做更多的工作来将信息发送给大脑。

“...眼睛接收视觉信息并将信息编码为电神经活动,其被反馈到在其被”存储“和”编码“的大脑。这些信息可以被大脑的其他部分用于心理活动,如记忆,感知和注意。“ - Simplypsychology.org

每个元素沟通细微的信息


图像来源

这就是为什么在设计一个网站以记住每个元素 - 排版,标志和颜色选择 - 传达关于品牌的细微信息时,这一点很重要。

当这些元素不能完成工作时,网站管理员通常会通过添加不必要的副本和/或图片进行补偿,从而增加了网站的视觉复杂性,减少了整体审美。

优化视觉信息处理的页面 - 特别简化信息从眼睛到大脑的旅程 - 是尽可能多地传达尽可能少的元素。

虽然这是一个自己的文章,但请将MailChimp的徽标重新设计为思想的食物。

当他们决定让品牌成长时,他们没有增加通常的“自2001年以来我们一直在做电子邮件,300万人相信我们,这就是为什么我们真棒,blah blah blah”

相反,他们收紧了写作,简化了网站 - 顶级标题只是“发送更好的电子邮件”,并添加了一个更简单的解释器动画的核心产品。

即使这是更大的增长战略的一部分,结果仍然令人印象深刻,自从6月份新的标志首次亮相以来,已经有超过一百万新用户加入。

 “工作记忆”与转换圣杯

所有这些简单性导致的是一旦视觉信息找到了大脑的方式,会发生什么。

根据普林斯顿心理学家乔治·米勒的着名研究,平均成年大脑能够在短期内存储5-9个“大块”的信息,工作记忆。

工作记忆是大脑中临时存储和处理信息的过程中的几秒钟。这是什么让您集中注意力,抵制分心,最重要的是指导您的决策。

图像来源

我们一直在谈论的一切到目前为止,是减少“噪音”的数量,使其进入工作记忆。

在“低复杂性,高度原型的网站”上,工作记忆的5-9“块”尝试处理,如保证,产品描述,价格或报价。工作记忆可以专注于解决问题,尽快解决问题。

偏差导致脱离

当您偏离一个人的期望 - 价格高于预期时,配色方案和对称性已经关闭,网站没有加载足够快,照片不够高分辨率 - 工作记忆处理那些不合适的“大块”而不是重要的。

 


这是因为工作内存会调用长期内存来使用它已经知道执行任务的内存。当长期记忆不能帮助处理信息时,流程被破坏,工作记忆器脱离并移动。

这就是为什么您了解访问者的曝光程度至关重要- 不仅仅适用于您的类别中的网站,而且是一般的网站 - 如果您想通过设计“骇客”他们的工作记忆。

他们阅读的博客,他们购买的网站,浏览器,年龄,性别和实际位置,都暗示了如何影响他们对第一印象的熟悉程度。

结论

如果访问者不能依赖他们以前的经验,他们不会考虑您的网站创新。他们只是想知道为什么不是“应该是”的地方。如果你想要他们购买东西,不是最好的心态。

PS:规划一个更简单的网站时需要做7件事。

1.研究您的受众和网站,他们访问最。从这些网站寻找关于设计变更的案例研究,以及如何改进是关键领域。

2.为您自己的网站创建所有这些“工作”组件的混搭。

3.在布置设计时,遵守认知流利的规则。把你的访客变得习惯于找到它们的东西。

4.依靠您自己的颜色,标志和字体来清晰细致地沟通。不要添加副本和/或图像,除非它传达您的访客实际关心的内容。

5.保持尽可能简单 - 一个大图像与一堆小图像,一列,而不是三个 - 尽可能多地利用空白空间。

6.仔细检查,确保您的网站符合公众对定价,美观,速度等的期望。

7.请记住,“原型”并不意味着您网站的每个方面都应该适合该模具。

不要把你的网站当作一些独特的雪花艺术品。相反,使它成为所有最好的东西的组合。

你的访客将会爱上你。