关注前端开发
HTML5、CSS3、Javascript

网页设计心理学

大部分设计师没有花时间去学习基本的心理学原则是怎么样影响他们网站用户的体验。心理学原则很多时候被认为是可有可无,或者过于复杂的。但事实是, 这些想法都不对。并没那么多的概念与基本设计心理学相关,而且大多数是相对简单的,很容易学习。设计心理学还是比较容易实现的,虽然有些相对来说需要用多 一点细心和规划。

基于心理学设计的目的

在设计过程中考虑到心理学会带给你一个积极意义的最终结果。如果你花时间去分析一下你的访客的需要, 他们怎么样才能满足他们需要,那么你已经在走上了设计网站的道道,这将为你的目标受众注入源源不断的心理动力。

通过访客心理分析,你 得到的结果是访客更开心乐意的做你所希望他们做的事情,比如保持与你联系,买你的产品,或者推荐给他的朋友们。

你希望访客更容易的跟 着你的意愿走,这就是设计中要运用心理学的主要原因。

建立信任关系

要你的访客做你 所想他们做的,首先你得跟访客建立信任关系。信任关系并不容易,尤其是这个骗子横行的时代,让人讨厌的人在网络哪个角落都有一大把。那些对网络还不是太熟 悉的用户,如果谁问他们一些个人信息都会变得十分敏感,也不管这些信息对网站工作是很需要的。

作为网站类的设计师,我们往往忽略自 己已经是习惯了网上交易。但是对于我们的客户,还有他们的客户,互联网仍然是一个他们正要进入的很大很可怕的黑洞。

认识到这一点,你 再使用设计心理学,使你的网站即使一般用户看起来也觉得更值得信赖。创建一个使访客用户安心的网站,就意味着他们很可能会注册一个帐户,并且购买产品,或 者用其他方式和你做生意。这些可以通过网站设计和语言来达到。

熟悉和识别模式

当一个用户访问网站的某个页面,一 定是有某些东西他们想马上看到的,不管登录的是一个什么网站。

如果他们没有看到预期的东西,他们会觉得乱七八糟毫无意义(所以,这 网站不可靠)。

访客来到一个网站,对网站来说所期待有最重要两点,一是来访的目标内容(这可能是某些主题信息上看到在售的某个漂亮 的产品),二是要有些导航。

虽然标签可以帮助辨识的目的,设计还应该补充和加强这一消息。比方说,例如,你正在设计一个环境主题的 博客。如果你的设计看起来黑色和寂静又阴沉,并在页头一个夕阳西下的城市天际线。这样很不好,甚至没有正确的暗示一下这个网站是干什么的。

而如果一个网站看起来很干净很现代,有些绿色和自然的口号,这就给人一个深刻的印象,这是一种环境保护主题的博客。

除了一些在任何一个网站都能找到的信息元素,还应该有一些特别的东西,这些是访客在某种特定的类别或者行业的网站期望看到的。人们期待博文放在博客的首 页,期望电子商务网站的头版都放产品。对于任何网站人人都期望在超过了几个深度的页面便会提供一个搜索功能。而且在大多数情况下,人们还期望有“关于我 们”和“联系我们”的页面。

品牌统一

除了大多数访客希望看到一个网站所必备的基本要素,还应该有些东西吸引用户跟你公司联系。虽然这可能不是一单生意,或者是吃一个小生意,但这说明很多人都 在关注。

想想你设计的一些的线下的促销宣传单的颜色。这些颜色应该某种程度上融入你的网站在,即使它只是在标题图片或或者一些标识口号的颜色。

如果你在宣传资料上印有Logo,那也一样,在网站上你也要同样的呈现。这是很基本的事情,但是很多企业往往忽略了这种线上线下的一致性。

心 理激发

心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪,当然还包括吸引人的那种归属感和人的价值观念认可。

在设计中结合激励性情绪的通常做法是如果网站上的广告语言,再加入一些图形元素作为辅助支持,使用图片和图表加强激励效应。

图像强化 概念

你在网站上使用的图片会帮助也会混淆你的访客。一个精心挑选的图片可以令你访客心领神会,了解你明显不过的意图。如果选择不慎,甚至会让你的访客很抓狂, 让他们感觉到又回到了乱七八糟的黑暗时代。

这张迪斯尼世界河马照片绝对与 本文章毫无关联,放这里只会让你莫名其妙。

抽象的图像有时也有意想不到的效果,不过请小心使用,确保放在那里有它的意义。 有时,一个抽象的图形在不同的访客那里会有不同的解读,或将会完全误解原本的含义。

颜色心理学

颜色心理学是设计心理学里面最复杂的主题,在这里我们不会深入探讨。不过你在网站上使用的颜色对你的访客来说有很大的影响,务必确保你所使用的颜色可以 加强你的信息和你图片所要表示的意义。

下面列出颜色和它们的基本含义清单。当然了,颜色的组合搭配以及与正确使用阴影,色调,或色阶也会强化它们的意义。

红色

火 热和激情,可以代表都爱和愤怒。

橙色

具有红色和黄色的属性。可以与能源和温暖相关。它比红色更冷静,更愉快。

黄色

温暖,愉快,幸福的颜色。它可以表示喜悦或胆怯。

绿色

自然,成长,和新生的标 志。按照同样的道理,绿色,有时代表很嫩经验不足。在另一面,绿色,有时候是因为羡慕或嫉妒。

蓝色

平静的,冷静 的,但使用太多可以令人感到消沉。往往与企业形象关联。

紫色/紫罗兰

与贵族和财富的关系渊源流长,也是一种与精神 相关的颜色,可以有创造性的表意。

黑色

像变色龙,它可以是保守或前卫,传统或现代的,它还可以神秘和性感或常规和 安全,这取决于怎么使用以及周围环境。

白色

代表着纯洁与清白,十分容易与其他颜色搭配。

灰色

中性的,平衡的。灰色是保守的和复杂的,但也可以看作是变化无常的。

棕色

一个健康和务实的颜色,表示的稳 定性和可靠性。

阅读模式

人们趋与按照“Z”字形浏览一个网站的模 式,从顶部开始往左,最后到达屏幕右下角。作为一个设计师,你应该努力地在此阅读模式下拿捏好那些最重要的内容放哪里最好。大多数网站都把Logo放到左 上角,道理就在于此。

在此阅读区放置一些不相关的信息,访客离开之前还没有找到他想要的信息,他可能会认为这不是他要找的网站。

每页有焦点

网站上的每个页面都应该有一个焦点,这是访问这个页面的目的,且不管这个页面是展示产品, 还是介绍公司,还是最新的资信。

设计的时候需要把每个页面重点内容进行强调。每一页的重点也应立即显现出来,让访客知道他们在看什 么。除了网页本身的内容,还应该通过在导航线索或通标题来强化。

一个不成熟的网站最大特点就是总是在每一页上放太多的信息。其实不要 害怕在网页上的留空白, 每个页面上有明确的突出的重点并没什么好担心的。

喘息机会

这给我们带来的留白和喘息机会的概念。如果访客看到一个页面充满内容,他们会感到不知所措或压抑。这可能是网页让人感到过于随意和混乱。访客感到好像他们 不知道从哪里开始,这意味着他们可能会跳出你网站到其他地方喘口气。

网站上的合理留些空白空间,引导你的访客注意他们要找的信息。通过结合留白和适当比例的风格和元素,你可以暗示鼓励你的访客关注特定的东西,并可能有所 行动。

整合设计心理学的步骤

现在你应该明白设计心理学对网站设计的意义。你很想知道怎么去操作,应该怎么将这些融入你的设计流程。以下是一些对你有用的技巧:

圈出 你的目标用户群

了解你的访客是什么样的人,这是设计网站至关重要的第一步。如果你的访客是精通技术的互联网老油条,必须先把他们 从那些上网只为了看看孙女儿照片的人群区分出来。分出你的目标用户,然后针对性的给他们制定一些情绪激烈策略。

约见用户

如 果你不是很明确你的用户想要什么,尝试和他们见面沟通。找些现在的或以前的客户问下他们愿不愿意回答对你网站相关的问题, 根据你自己的特别目的制定一些基于网站的有意义的问卷调查。不过很重要的一点,要积极采取他们的建议。很多公司只是不停的跟用户沟通,调查,但是却从没有 去根据调查结果改变什么,这样的例子太多了。

建立网站地图

网站上的每个页面都应该有导航信息,这样可以确保每个页 面都只有一个重点。首先列出你网站上需要显示的东西,然后标出哪些页面需要显示哪些项目(合理情况下,应该是每个页面一个项目,除非这信息非常,非常密切 的相关)。

整合品牌元素

做个文件列出用于表现你品牌的常用的元素。这包括Logo,企业用色表,还有可能是一种特 别的字体。然后找出把它们布置到网站的哪里更合适。

A/B测试

即使你做的测试相当有限,但是找出你网站哪个元素最 有效还是很重要的。如果你不确定你访客更喜欢某一个特定的页面,那么做两个版本测试就知道结果了。

设计心理学 值得每一个设计师努力学习并运用于自己的工作流程。它可以是你设计表现效果以及你的客户乐意程度的最大单独因素。它不会花费你太多时间,也不是特别难,所 以你实在没籍口不去采取至少一些基本的原则并付诸实用。

来源:webdesignerdepot

转载请注明出处大前端 » 网页设计心理学

分享: