bts防弹少年团演唱会

bts防弹少年团演唱会

为什么简单的网站设计在科学上更好

《为什么简单的网站设计在科学上更好》

%E8%B0%B7%E6%AD%8C%E7%9A%84%E4%B8%80%E9%A1%B9%E7%A0%94%E7%A9%B6%E6%9C%89%E4%B8%A4%E9%A1%B9%E9%87%8D%E8%A6%81%E5%8F%91%E7%8E%B0%EF%BC%9A”>

  • 用户将在1/50到1/20秒之间判断网站是否美观。
  • “视觉复杂”的网站一直被评为比他们简单的对应不太美观。

此外,“高度典型”的网站 – 那些布局通常与其类别网站相关的网站 – 有简单的网站设计被评为最美丽。

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

但为什么?

在本文中,我们将研究认知流畅性和视觉信息处理理论的作用,该理论在简化%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%AD%E8%B5%B7%E7%9D%80%E8%87%B3%E5%85%B3%E9%87%8D%E8%A6%81%E7%9A%84%E4%BD%9C%E7%94%A8%EF%BC%8C%E5%B9%B6%E5%8F%AF%E4%BB%A5%E5%B8%A6%E6%9D%A5

我们还将查看简化其设计的网站案例研究,如何提高转换率,并向您展示如何简化网站设计。

什么是“原型”网站?

如果我说“家具”,你的脑海中浮现出什么形象? 如果你喜欢95%的人,你会想到一把椅子。 如果我问什么颜色代表“男孩”,你认为“蓝色”(和女孩,“粉红色”;汽车,“轿车”;鸟,“罗宾”等)。

原型是大脑创建的基本心理图像,用于对与之交互的所有内容进行分类。 从家具到网站,你的大脑都有一个模板,可以看出事物的外观和感觉。

在线,原型分解为较小的类别。 您对社交网络,电子商务网站和博客有不同但具体的心理图像。 如果这些网站中的任何一个网站缺少您的心理形象,您就会在有意识和潜意识的层面拒绝该网站。

如果我说“时尚女装网站”,你可能会想到这样的事情:

《为什么简单的网站设计在科学上更好》

这与“在线服装店”原型如此密切相关,以至于它与其他在线服装店的线框共享许多属性,即使它们销售给不同的人群。

《为什么简单的网站设计在科学上更好》
%E5%9B%BE%E7%89%87%E6%9D%A5%E6%BA%90“>

相似之处并不意味着这些网站缺乏原创性或者它们彼此“窃取”。 相反,它们正在满足您对电子商务网站应该是什么样子的基本期望。

认知流畅性至关重要?

%E8%AE%A4%E7%9F%A5%E6%B5%81%E7%95%85%E6%80%A7%E8%83%8C%E5%90%8E%E7%9A%84%E5%9F%BA%E6%9C%AC%E6%80%9D%E6%83%B3%E6%98%AF%E5%A4%A7%E8%84%91%E6%9B%B4%E5%96%9C%E6%AC%A2%E6%80%9D%E8%80%83%E6%98%93%E4%BA%8E%E6%80%9D%E8%80%83%E7%9A%84%E4%BA%8B%E7%89%A9%E3%80%82″>

正如UXmatters解释的那样:

在我们不知道它在起作用的情况下,流利指导我们的思考,并且在我们权衡信息的任何情况下它都会影响我们。

认知流畅性源于另一个被称为“ %E5%8D%95%E7%BA%AF%E6%9A%B4%E9%9C%B2%E6%95%88%E5%BA%94“>

同样,规则在线也是一样的。 博客在右侧边栏或电子商务网站上选择加入大型高分辨率图像,并在屏幕左上方显示引人注目的标题和公司徽标,这是“熟悉”的。

如果您的访问者习惯于您的类别中的某些网站设计,那么偏离它们可能会下意识地将您置于“不太漂亮”的类别中。

但是,这并不意味着您应该%E5%81%9A%E5%85%B6%E4%BB%96%E4%BA%BA%E6%AD%A3%E5%9C%A8%E5%81%9A%E7%9A%84%E4%BA%8B%E6%83%85“>虽然知道哪些网站设计选择是您的类别的原型是很重要的,但找到支持这些设计选择的证据更为重要。

很多设计师做出了糟糕的选择。 没有做研究,你也可以制作它们。 例如,许多电子商务网站使用自动图像滑块来显示产品,但研究后的研究表明%E8%87%AA%E5%8A%A8%E6%BB%91%E5%9D%97%E5%8F%AF%E4%BB%A5%E8%BD%AC%E6%8D%A2“>

案例研究:当您达到期望时会发生什么?

流畅度高的网站会让人感到熟悉,访问者不需要浪费精力去寻找合适的产品或按钮,而是可以专注于他们在您网站上的原因

然而,当经验消失时,你会立刻感受到它。 以线上领带零售商Skinny” ties> ,在重新设计之前看起来并不像电子商务网站:

之前:

《为什么简单的网站设计在科学上更好》

后:

《为什么简单的网站设计在科学上更好》

一些关键变化带来了巨大的成果:

  • 遵循原型电子商务布局主题;
  • 使用空格更加“开放”;
  • 图像采用单一产品,具有高分辨率图片和对比色。

查看有关此特定重新设计的%E6%A1%88%E4%BE%8B%E7%A0%94%E7%A9%B6“>

《为什么简单的网站设计在科学上更好》

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

视觉信息处理和网站复杂性

%E5%9C%A8%E5%93%88%E4%BD%9B%E5%A4%A7%E5%AD%A6%EF%BC%8C%E9%A9%AC%E9%87%8C%E5%85%B0%E5%A4%A7%E5%AD%A6%E5%92%8C%E7%A7%91%E7%BD%97%E6%8B%89%E5%A4%9A%E5%A4%A7%E5%AD%A6%E7%9A%84

最终,该研究没有出现具体的通用设计指南。 唯一普遍的是,视觉上更复杂的网站具有较少的视觉吸引力。

《为什么简单的网站设计在科学上更好》
(你可以在%E8%BF%99%E9%87%8C%E8%BF%9B%E8%A1%8C%E7%9B%B8%E5%90%8C%E7%9A%84%E6%B5%8B%E8%AF%95%E3%80%82%EF%BC%89″>

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

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

观看这个简短的视频,了解眼睛如何向大脑发送信息以了解我的意思。

[…]“/>

基本上,您的视网膜将来自现实世界的视觉信息转换为电脉冲。 然后,这些脉冲通过适当的%E6%84%9F%E5%85%89%E7%BB%86%E8%83%9E%E4%BC%A0%E9%80%81%EF%BC%8C%E4%BB%A5%E5%B0%86%E9%A2%9C%E8%89%B2%E5%92%8C%E5%85%89%E4%BF%A1%E6%81%AF%E4%BC%A0%E9%80%92%E7%BB%99%E5%A4%A7%E8%84%91%E3%80%82″>

页面上的颜色和光线变化越多(即视觉复杂性越大),眼睛向大脑发送信息所需的工作就越多。

研究员Saul McLeod解释说

眼睛接收视觉信息并将信息编码成电神经活动,该神经活动被反馈到大脑,在那里它被“存储”和“编码”。 这些信息可以被大脑的其他部分用于与记忆,感知和注意力等心理活动相关的信息。

每个元素都传达微妙的信息

在设计网站时,要知道每个元素 – %E6%8E%92%E7%89%88“>传达有关品牌的细微信息。

当这些元素不起作用时,网站管理员经常通过添加不必要的副本或图像来补偿,从而增加了网站的视觉复杂性并降低了整体美感。

优化页面以进行视觉信息处理 – 特别是简化信息从眼睛到大脑的旅程 – 就是尽可能少地传播信息。

虽然这是一篇独立的文章,但请考虑%E9%87%8D%E6%96%B0%E8%AE%BE%E8%AE%A1MailChimp%E7%9A%84%E5%BE%BD%E6%A0%87%E3%80%82“>

《为什么简单的网站设计在科学上更好》

相反,他们收紧了写作,简化了网站(最重要的标题是“发送更好的电子邮件”),并为核心产品添加了更简单的解释器动画。

Mailchimp在2018年经历了另一个徽标重新设计:

《为什么简单的网站设计在科学上更好》

第二次重大重新设计的指导原则是什么? %E7%AE%80%E5%8D%95%E6%80%A7%E8%87%B3%E5%85%B3%E9%87%8D%E8%A6%81“>

Freddie图标一直是我们品牌的主要标志。 我们对它进行了简化,对其形状和精细细节进行了调整,以确保它在任何尺寸下看起来都很棒。

[ 。 通过迭代和细化的过程,我们开发了一个与Freddie图标协调一致的字标,为两者建立公平。

“工作记忆”和转换的圣杯

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

工作记忆是大脑的一部分,可以在几秒钟内暂时存储和处理信息。 这是让你集中注意力,抵制分心,最重要的是指导决策的原因。

在“低复杂性,高度典型化的网站”中,工作记忆的五到九个“块”可以处理诸如保证,产品描述,价格或优惠之类的事情,而不是浪费时间来确定点击的位置。

当你偏离预期 – 价格高于预期时,颜色方案和对称性关闭, %E7%BD%91%E7%AB%99%E5%8A%A0%E8%BD%BD%E9%80%9F%E5%BA%A6%E4%B8%8D%E5%A4%9F%E5%BF%AB“>

《为什么简单的网站设计在科学上更好》

那是因为工作内存调用长期内存来使用它已经知道的来执行任务。 当长期记忆不能帮助处理信息时, %E6%B5%81%E5%8A%A8%E8%A2%AB%E6%89%93%E7%A0%B4“>

这就是为什么了解%E8%AE%BF%E9%97%AE%E8%80%85%E7%9A%84%E6%9B%9D%E5%85%89%E6%B0%B4%E5%B9%B3%E8%87%B3%E5%85%B3%E9%87%8D%E8%A6%81″>

他们阅读的博客,他们购物的网站,浏览器,年龄,性别和实际位置都暗示了第一印象时所熟悉的内容。

7种方法来创建一个更简单的网站

  1. 研究您的受众和他们最常访问的网站。 查看有关所述站点的设计更改以及受影响的关键区域的案例研究。
  2. 使用您发现的所有“工作”组件为您自己的站点创建一个mashup
  3. 在布置设计时遵守认知流畅的规则 。 把东西放在游客希望找到的地方。
  4. 依靠您自己的颜色,标识和字体进行清晰而巧妙的沟通。 除非他们传达了访问者关心的内容,否则不要添加副本或图像。
  5. 如果有疑问,少即是多。 一个大图像通常比一堆小图像好; 一列而不是三列; 更多的空白而不是更多的“东西”。
  6. 确保您的网站符合定价,美学,速度等的期望。
  7. 保留原创性。 “原型”网站并不意味着您网站的每个方面都应该适合这种模式。

不要认为您的网站是一件独一无二的艺术品。 相反,将它组合成所有最好的东西。

结论

如果访问者不能依赖他们以前的经验,他们就不会考虑您的网站是如何创新的。 他们只是想知道为什么事情不是他们应该做的事情。“

如果你想让他们买东西,这不是最好的心态。 通过创建具有认知流畅性的设计,您允许访问者使用他们的工作记忆处理其他事物,使他们更容易说“是”。

你也会有一个漂亮的网站。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注