如何基于心理学设计的目的来制作受用户欢迎的网页

2010-06-01 11:11:33   作者:不详   来源:互联网

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

基于心理学设计的目的

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

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

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

\

建立信任关系

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

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

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

熟悉和识别模式

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

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

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

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

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

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

品牌统一

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

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

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

心理激发

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

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

图像强化概念

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

\

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

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


栏目搜索>>分类导航
Flash幻灯 jQuery幻灯 JS幻灯 Flash相册 jQuery相册 图片特效 导航菜单 广告代码 在线客服 表单按钮 其它特效

HTML CSS JavaScript Dreamweaver Fireworks 设计分享

建站教程 网站运营 实用工具 网页模板 网页素材

CSS酷站 网上购物 设计团队 设计博客
教程排行榜
30个基于jQuery框架的幻灯滑块特效设计的网站实例
30个基于jQuery滑动门技术的网站欣赏
38款网页设计应用的JS拉洋片幻灯效果欣赏
10个优美精致简约风格的导航菜单欣赏及点评
最新收集的50多个专业设计公司网站欣赏
40+设计独特超漂亮的水平导航网站欣赏
全球65个设计出众的设计师个人博客欣赏
35套精美绚丽的创意酷站设计欣赏
国外颇具特色的电子商务网站设计欣赏(上)
20个设计精致漂亮的Photoshop网页设计教程
国外颇具特色的电子商务网站设计欣赏(下)
21个精美漂亮的网页幻灯片应用案例欣赏
网页UI之Banner广告条设计案例赏析
2011年网站设计的新趋势
手绘风格的15款超级漂亮网站欣赏
24个很漂亮用CSS3实现的文本效果演示及教程推荐
下载排行榜
基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
半透明立体质感的宽屏flash+xml焦点幻灯代码
简洁效果多图切换flash幻灯焦点图代码
带标题和数字导航的JS焦点幻灯特效代码
适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
31款简单实用的CSS+JS下拉菜单脚本
3D立体效果金字塔环形旋转的flash+xml相册代码
基于jQuery实现的瀑布流布局列表特效代码
透明质感上下滑动带小图预览5屏JS焦点图幻...
超酷的3D摩天轮flash+xml相册幻灯图片代码
自带多种幻灯效果支持缩略图导航的jquery画...
能沿多个方向滑动切换的jquery幻灯代码
可改图片尺寸和张数的flash幻灯轮换代码
很好看的带缓冲效果CSS下拉菜单导航代码
基于jquery很有趣的360度全景图片预览特效
6屏幻灯上下滑动式带缩略图和文字介绍的fla...