温州高端网站设计:你需要知道的关于视觉感知和网站设计

2019.08.19 温州高端网站设计

179

没有缺乏数据显示我们温州高端网站设计是多么visual-oriented作为人类。

例如,“ 90%的信息 传输到大脑视觉和大脑处理视觉效果快60000倍比文本”。

 

或者:“65%的人是视觉型学习者,开车送消息回家的最好方法之一是通过视觉内容。”

这些数据有助于解释为什么视觉营销最近真的爆炸了,和visual-centric等内容 信息图 如此受欢迎。

我们看到的是我们的一个主要的感官摄入信息和了解世界。

基本上,这是一个大问题。

所以在球场上,有效的完成网站设计与视觉感知。

不仅 它影响你的跳出率 、平均会话持续时间和转化率,但它严重影响品牌资产。

事实上,“ 46.1%的人 说一个网站的设计是一个标准的一个公司的信誉。”

得到它从视觉的角度来看是至关重要的,因此大量的工作需要去理解视觉感知和底层的心理背后“网站看起来不错。”

这里有一些视觉感知的方式适用于网页设计和一些特定的原则你可以申请一个最优的用户体验。

记住, 这些都是大局的想法 ,而不是漂亮的小策略。 而不是提供规定性教程关于视觉感知,我勾勒出数据驱动,高级原则可以应用在任何行业,业务垂直或利基。

强烈的视觉层次结构提供了明确的指导

现在温州高端网站设计有人落在你的网站,你的目标是引导他们在旅途中转换,最终的高潮。

为此从设计的角度来看,要创建一个视觉层次。

52周的用户体验 提供了一个很好的描述这一过程:

 

他们还提供了一个很好的例子一个网站与强烈的视觉层次结构与一个弱视觉层次。

 

一个网页设计师的目的是对网站的各种元素的重要性,因为它涉及到会议您的业务目标。

例如,主页的焦点可能是一个大的图像立即抓住访问者的注意力。 这可能是紧随其后的是一个标题声明被提供的东西,然后把CTA为游客点击。

这是一个很好的例子从汤姆斯主页,这个公式。

 

这里的关键是对网站的元素根据他们的重要性和安排他们的方式通过无摩擦的方式走你的访客。

眼睛往往遵循一个f形模式

我不会浪费你的时间进入的所有细节这一现象。 它已经被 覆盖广泛 。

但有必要指出,多个眼动跟踪研究使用的热图发现一个共同的趋势,人们查看网站内容的方式。

总的来说,眼球运动遵循不同f形模式。

一个引人注目的研究在这个问题上 尼尔森诺曼集团 早在2006年。

这是他们发现的关键:

这是视觉上看起来像:

 

第一页左边是一个网站的“关于我们”部分。 中间页是一个电子商务网站的产品页面。 右边的第三页是一个搜索引擎。

正如你所看到的,有一个明显的模式,所有三种类型的页面之间产生。

f形模式最突出的电子商务网站的产品页面或搜索引擎,很明显,其他类型的内容在类似的方式消化。

最佳桌面 用户体验 通常可以通过构建页面布局这一原则以直接访问者的注意力。

白色空间比你想象中扮演更大的角色

空格或“负空间”是对象之间的区域。 之间的空间图形,文本、标题,列,等等。

虽然它看起来微不足道,空白的过程中发挥着不可或缺的作用,极大地影响一个网站的整体美学。 如果你真的想它,它存在的空白,使对象放在第一位。

一个红衣主教经常犯的罪是重载一个网站与过度的对象,它看起来笨重和饱和。 你可以把它作为数字maximalism。

而加载一个网站有“东西”似乎是一个有效的方法来吸引用户的注意力,这通常被认为是一个无效的做法。 因为这往往是分散,可以压倒游客的认知超载发生。

在这样一个世界充满了数据和信息的过剩,什么是大多数用户渴望简单。

有一个伟大的 文章从ConversionXL 讨论“简单”的网站为什么科学更好。

在这篇文章中,作者引用了 2012年的研究从谷歌 说,“视觉复杂网站一致评为比简单的同行那么漂亮。”

所以有一些真正的真理这一观点。 少即是多。

这里有几个网站,把这事办成无缝的例子:

 

 

简而言之,留下大量的空白网页设计为一个网站提供了一种干净的感觉,让用户更容易专注于你的核心信息。 他们可以吸收你的复制更有效率更有可能注意到你的CTA等焦点。

眼睛是自然倾向于这样的对比

这与我们温州高端网站设计之前点的关系表明,一个最有效的方法让眼球你目的焦点是创建的对比。

这是一个原则 的 格式塔理论 ,这“试图描述人们倾向于视觉元素组织到组或统一的整体,当某些原则应用。”

 

其他原则包括距离、相似、multi-stability连续性和关闭。

 

这方面的视觉感知实际上是一个我们集体作为一个物种生存下来的主要原因。 我们的祖先识别对比的能力在自己的环境中(例如,食肉动物在树林里)是提醒他们危险,帮助他们生存。

发现对比是我们作为人类。 所以当谈到让游客注意的关键元素在你的网站上,很明显有利于创建的对比。

神奇面包的网站把这的很好,包含了大量的对比。

 

你的眼睛忍不住被吸引到面包。

艾滋病相似内容的消化

相似性是另一个格式塔原理理论, 州 ”元素,有着类似的特征被视为更相关的元素,不分享这些特征。”

简单地说,安排各种元素分成组允许用户快速区分他们从其他站点。 这是有益的,因为它允许更加无缝的用户体验,需要花费更少的精力。

这是一个简单的例子来自《哈佛商业评论》主页,他们把哈佛商业评论时事通讯为一个组:

 

这里的底线是,使用相似度是一个非常有效的方法分解网站的各个部分,这样一切都是容易消化的。

距离也帮助

最后一个格式塔理论的原则,我想指出的那样,这就是距离。

这很简单。 " 对象紧密 被视为比对象相关的远。”

看看这些团体的点。

 

我们人类倾向于认为左边的点是一个单一的对象。 然而,我们认为右边的点是两个独立的对象。

距离使我们能够更好地理解网站的法律内容和各种元素分解成不同的类别。

这里有一个例子:

温州高端网站设计 

您可以使用这方面的视觉感知内容分解创建类别和子类别。 反过来,这将增加网站的流量,帮助用户更轻松地导航。

黄金比例可以优化整体美学

黄金比例的概念可以追溯到超过2000年前,研究了从柏拉图和欧几里得等现代数学家罗杰·彭罗斯。

很简单,黄金比例是1.618。

 

这就是视觉上看起来像:

 

也被称为神圣的比例,这是一个比率,元素是成比例的,他们美观的人类的眼睛。

你看到它从古代建筑

 

对人体

 

在宏观层面,甚至宇宙本身。

 

它很神奇。

这是一个现象看到整个自然世界。 和有趣的是,它还可以应用于网页设计。

这里有一个很好的例子:

 

注意元素的布局和安排配合完美的黄金比例。 这是一个科学证明的方式最大化的眼睛你的网站的吸引力。

学习如何神圣比例适用于你的网站, 本指南从图坦卡蒙+ 。

结论

视觉感知,因为它涉及到网站设计非常复杂和多方面的。 神奇的是我介绍的原则是只一片进入过程。

然而,温州高端网站设计认为这些原则是最不可或缺的有效的网页设计。

了解人们的视觉感知内容和基本心理过程发生让你能够优化你的网站,创造最好的用户体验。

这有其明显的好处,可以让你最大限度地转换,最终增加销售。

你认为什么是最重要的视觉元素在一个网站吗?

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP