密苏里科技大学的一项研究表明,超过94%的用户对网站的第一印象都与设计有关。研究还显示,高达88%的用户由于网站可用性问题而不会再次访问。
如果你认为设计网站只需要具备良好的技术和审美技能,那就大错特错了。虽然审美很重要(毕竟是2016年!),但这并非网站成功的唯一因素,甚至不是最重要的因素。可用性至关重要,在设计网站时,牢记以下心理学原则,才能打造更强大的网站。
关键要点
- 上下文在用户体验设计中至关重要。不要为了创新而打破既定的用户体验模式。由于反复接触这些元素,用户期望某些元素出现在特定位置或顺序。
- 巧妙运用图像可以引导用户的注意力。一张人物图像,如果焦点放在页面上的文字上,就会引导人们关注文字;而指向注册表单的箭头,则会引导人们关注该注册表单。
- 彻底的重新设计可能会导致用户抵制变化而产生负面反应。相反,应逐步进行细微的重新设计,并在过程中积极收集反馈。
- 字号和简洁性会影响读者的情绪。更大、更简洁的字体可以改善读者的情绪,并使说明看起来更容易执行。不同的字号也可以用来使某些文本元素脱颖而出。
原则一:上下文在用户体验中至关重要
你看到上面的是什么?数字还是字母?13还是B?
仔细观察上图。你看到了什么?A B C,对吧?好的,现在看看下面的图片:
你可能看到的是12、13、14,对吧?
以下是上面两张图片提取自的原始图片:
图片版权
在第一个例子中,你可能会看到13或B,这取决于你之前的经验或先有观念。在第二个例子中,你不太可能看到A 13 C,因为A在有争议的B之前,C在它之后,这影响了你对它的感知。换句话说,你肯定认为它是B,而不是13。
然而,在第三个例子中,你不太可能看到12 B 14,因为12和14影响了你对事物的感知——如果12排在前面,14排在后面,当然,中间有争议的“东西”一定是13而不是B,对吧?
虽然上面的例子比较直接,但这里还有一个更微妙的例子:
图片版权
你看到的是两张脸还是一个花瓶?
如果你最近的经验是与人打交道,你很可能会看到两张脸;如果你刚花了很多时间与花瓶打交道,你更有可能看到一个花瓶。
本节中使用的例子解释了知觉设定理论。
在心理学中,知觉设定理论是指我们根据期望和可能已经拥有的信息以某种方式感知信息的一种倾向。知觉设定通常受文化、背景或我们先前接触过的其他信息/情况的影响。
知觉设定的好处是可以被影响;在本节中显示的第二张图片中,如果你只看到12和14,你就会自动假设有争议的“数字”是13。如果你看到A和C,你就会自动假设有争议的“字母”是B。但是,如果你只看到有争议的数字/字母,你就会根据你的经验和现有的先有观念看到数字或字母。
那么,这如何应用于你的网站设计呢?
用户体验原则:不要为了新颖、酷炫或有趣而打破既定的用户体验模式
创意人员通常希望创新并从你所在领域的常见做法中做出重大改变。但这种创新可能会降低你网站设计的转化率。当人们访问一个网站时,他们期望某些元素出现在特定位置或顺序。
例如,当你设计一个表格来询问他们的姓名和电子邮件时,他们期望先询问姓名,然后是电子邮件。这些是他们心中由于反复接触这些事物而产生的先有观念,重要的是不要篡改这些观念(或者至少没有充分的理由)。
当你确实决定创新时,务必包含线索和指南,使人们很容易知道新元素代表什么——这是用户体验101。
原则二:图像位置会分散用户的注意力
没有视觉效果的网页设计是不完整的,但是——无论你使用的是库存照片还是真实图像——在网页设计中使用图像并不像大多数人想象的那么简单。
看看下面的例子:
再看看这个:
两张图片都包含相同的文字,并宣传相同的商品。唯一改变的是婴儿图像的位置;在原始示例中,婴儿向前看。结果,更多的人关注婴儿的目光。然而,在第二个例子中,婴儿侧身看着;反过来,相当一部分人将目光转向侧面——婴儿目光所指的方向。
以下还有两个例子可以验证相同的原则:
下图显示图片中的女士正注视着你:
下图显示图片中的女士正注视着产品:
图片版权
这如何应用于你的网站设计呢?
用户体验原则:确保你的图像使用具有策略性
错误的图像使用会分散人们对你想让他们注意的信息的注意力——从而大大降低你的转化率。
在网页设计中使用图像时,重要的是要认识到位置的重要性;一张人物图像,如果焦点放在页面上的文字上,就会引导人们关注文字。指向注册表单的箭头,则会引导人们关注该注册表单。不要仅仅使用图像,确保你使用的图像能够引导人们准确地关注你想要他们关注的内容。
原则三:避免彻底的重新设计——采用循序渐进、细微的方式
为什么那些最大、最成功的网站很少进行重大改版?为什么每当大型网站进行改版时,几乎总是会遭到强烈反对?
韦伯的恰可觉察差异定律解释了这一点。韦伯定律指出:“恰可觉察差异的大小是原始刺激值的一个常数比例”,其中恰可觉察差异是“为了产生感觉体验的明显变化而必须改变刺激强度最小的量”。
更简单地说,韦伯定律指出,你不会总是注意到事物在细微变化时的差异;例如,如果你举起一个重10公斤的物体,如果你增加0.1公斤的重量,你不会轻易注意到差异。但是,如果你增加1公斤,差异就会很容易察觉。在这种情况下,为了使举起物体的人注意到差异而增加的额外重量(1公斤)被称为差异阈值。
同样的原则也可以用于有效的网页设计;当Facebook、Twitter、Google或其他一些大型网站进行大规模改版时,通常会遭到强烈反对。
经心理学证明,我们不喜欢变化——尤其是剧烈的变化。2010年发表的一项研究发现,我们倾向于更喜欢存在时间较长的事物;该研究发现,即使新的课程要求可能意味着更少的课程作业,学生们也更喜欢长期存在的旧课程要求。该研究还发现,存在时间越长,越好。我们对变化的强烈抵制可以追溯到进化和我们的生存本能;我们已经进化到在一致性中寻找安全感,所以我们抵制任何其他事物。
这如何应用于你的网站设计呢?
用户体验原则:使重新设计循序渐进、细微。
就像谷歌、Facebook和其他大型网站已经发现的那样(有些是惨痛的教训!),变化在细微和渐进时更好。
不要过早地引入完整的网站重新设计;逐步更改各种元素,并在过程中积极收集反馈。如果你想引入一个过于激烈的重新设计,先将其拆分测试给一小部分用户。观察他们的反应,并以此来影响你如何向普通用户推出设计。
原则四:使用字体来改善读者的情绪
心理学对字号有什么说法?较小的字体还是较大的字体更好?
2012年的一项研究发现,字号很重要,较大的字体会在读者中引起更强烈的情感联系。有趣的是,专家建议内容的字号不要小于16像素。
也就是说,研究尚未发现字号之间在阅读理解方面有任何差异,但清晰易读且简单的字体(更大的字体是否更清晰易读?)已被发现可以使说明看起来更容易执行,并改善阅读者的情绪。
了解“扫描路径”的概念也很重要,它解释了我们的大脑阅读和处理信息的方式:当我们阅读内容时,无论是在网上还是其他地方,我们的眼睛都会遵循一种称为“扫描路径”的自然模式。从本质上讲,我们的眼睛以微小的跳跃来阅读内容——在此期间一切都是模糊的——然后暂停,以便我们的大脑可以对我们正在阅读的字母进行快照,将它们排列成单词并解释其含义。所有这些都在一瞬间发生,因此不可能注意到。这些跳跃被称为扫视,而暂停被称为注视,两者共同构成了扫描路径。
了解这种阅读内容的自然过程对于理解如何有效地为读者设计至关重要。扫描路径遵循Z字形图案,在我们出现“模式中断”之前,我们大多不是完全“有意识的”。简而言之,如果你想让读者更多地关注网页设计中的某些文本元素,它就不能与其他所有内容使用相同的字号。
这如何应用于你的网站设计呢?
用户体验原则:使用字体时,简单且大号字体总是更好
以下是一些在设计中更好地使用字体的技巧:
- 使用简单的字体;任何过于花哨的字体都会使事情变得过于复杂。
- 使用更大的字体;它们不仅使阅读内容更容易,而且还能改善读者的情绪。
- 使用更大/不同的字体来使重要元素脱颖而出;页面中字体的统一性,尤其是在你希望人们注意的设计中的关键元素,可能会降低转化率。
关于用户体验设计和心理学,常见问题解答
心理学在用户体验设计中的作用是什么?
心理学在用户体验设计中起着至关重要的作用,因为它帮助设计师了解用户的思维方式、行为和感受。这种理解对于创建满足用户需求和期望的用户友好界面至关重要。通过应用心理学原理,设计师可以预测用户将如何与产品互动,从而更容易设计出直观高效的界面。
如何在用户体验设计中应用色彩心理学?
颜色会极大地影响我们的情绪和决策。在用户体验设计中,您可以使用颜色来引导用户的注意力、传达信息和唤起特定情绪。例如,红色通常与紧急情况或危险相关,而绿色则表示成功或进步。但是,重要的是要考虑文化差异,因为颜色在不同文化中可能有不同的含义。
什么是冯·雷斯托夫效应,它如何在用户体验设计中使用?
冯·雷斯托夫效应,也称为“隔离效应”,指出引人注目的项目更容易被记住。在用户体验设计中,您可以通过使这些元素在视觉上与其他元素区分开来,来使用此效果突出显示页面上的重要元素,例如号召性用语按钮或关键信息。
形状的心理学如何影响用户体验设计?
形状也可以传达含义并唤起情绪。例如,圆形通常与和谐和完整性相关,而正方形则表示稳定性和平衡。通过了解这些关联,您可以战略性地在设计中使用形状来有效地传达您的信息。
什么是认知负荷,它如何影响用户体验设计?
认知负荷是指处理信息所需的脑力劳动量。如果用户界面过于复杂或杂乱,则会增加认知负荷,从而导致混乱和挫败感。为了最大限度地减少认知负荷,请在设计中力求简洁明了。使用清晰的标签、一致的布局,并避免不必要的元素。
如何在用户体验设计中使用选择心理学?
选择心理学表明,虽然用户喜欢拥有选择权,但过多的选择会导致决策瘫痪。在用户体验设计中,重要的是为用户提供有意义的选择,但避免让他们不知所措。例如,您可以限制菜单中的选项数量,或者使用渐进式公开来逐步显示信息。
什么是菲茨定律,它如何在用户体验设计中应用?
菲茨定律指出,移动到目标所需的时间取决于目标的距离和大小。在用户体验设计中,这意味着重要的元素应该很大,并且靠近用户注意力可能集中的地方,使它们易于点击或点击。
知觉心理学如何影响用户体验设计?
知觉是我们如何解释感觉信息。在用户体验设计中,了解知觉可以帮助您创建与用户自然处理信息的方式相符的界面。例如,用户倾向于将彼此靠近的元素视为相关的,您可以使用此方法对相关项目进行分组。
什么是习惯心理学,它如何影响用户体验设计?
习惯是我们无需有意识思考就能执行的自动行为。在用户体验设计中,您可以通过创建一致且可预测的界面来利用习惯。这允许用户更有效地使用产品,因为他们不必考虑每个动作。
如何在用户体验设计中使用动机心理学?
动机驱动行为。在用户体验设计中,您可以使用奖励、反馈和挑战来激励用户参与您的产品。例如,您可以在任务完成后提供积极的反馈,或者使用游戏化元素使体验更愉快。
以上是4巧妙的心理学规则,用于做出更好的UX决定的详细内容。更多信息请关注PHP中文网其他相关文章!

中国女性科技力量在AI领域的崛起:荣耀与DeepSeek合作背后的女性故事女性在科技领域的贡献日益显着。中国科技部数据显示,女性科技工作者数量庞大,在AI算法开发中展现出独特的社会价值敏感性。本文将聚焦荣耀手机,探究其率先接入DeepSeek大模型背后的女性团队力量,展现她们如何推动科技进步,重塑科技发展价值坐标系。 2024年2月8日,荣耀正式上线DeepSeek-R1满血版大模型,成为安卓阵营首家接入DeepSeek的厂商,引发用户热烈反响。这一成功背后,女性团队成员在产品决策、技术攻坚和用户

DeepSeek公司在知乎发布技术文章,详细介绍了其DeepSeek-V3/R1推理系统,并首次公开关键财务数据,引发业界关注。文章显示,该系统单日成本利润率高达545%,创下全球AI大模型盈利新高。DeepSeek的低成本策略使其在市场竞争中占据优势。其模型训练成本仅为同类产品的1%-5%,V3模型训练成本仅为557.6万美元,远低于竞争对手。同时,R1的API定价仅为OpenAIo3-mini的1/7至1/2。这些数据证明了DeepSeek技术路线的商业可行性,也为AI大模型的高效盈利树立了

网站建设只是第一步:SEO与反向链接的重要性 建立网站只是将其转化为宝贵营销资产的第一步。您需要进行SEO优化,以提高网站在搜索引擎中的可见度,吸引潜在客户。反向链接是提升网站排名的关键,它向谷歌和其他搜索引擎表明您的网站权威性和可信度。 并非所有反向链接都有利:识别并避免有害链接 并非所有反向链接都有益。有害链接会损害您的排名。优秀的免费反向链接检查工具可以监控链接到您网站的来源,并提醒您注意有害链接。此外,您还可以分析竞争对手的链接策略,从中学习借鉴。 免费反向链接检查工具:您的SEO情报员

美的即将发布搭载DeepSeek大模型的首款空调——美的鲜净感空气机T6,发布会定于3月1日下午1点30分举行。这款空调配备先进的空气智驾系统,可根据环境智能调节温度、湿度和风速等参数。更重要的是,它集成了DeepSeek大模型,支持超过40万条AI语音指令。美的此举引发业界热议,尤其关注白电产品与大模型结合的意义。不同于传统空调简单的温度设定,美的鲜净感空气机T6能够理解更复杂、更模糊的指令,并根据家庭环境智能调节湿度等,显着提升用户体验。

DeepSeek-R1赋能百度文库与网盘:深度思考与行动的完美融合短短一个月内,DeepSeek-R1已迅速融入众多平台。百度凭借大胆的战略布局,将DeepSeek作为第三方模型伙伴,整合进自身生态系统,这标志着其“大模型 搜索”生态战略的重大进展。百度搜索和文心智能体平台率先接入DeepSeek及文心大模型的深度搜索功能,为用户提供免费的AI搜索体验。同时,“百度一下,你就知道”的经典slogan回归,新版百度APP也整合了文心大模型和DeepSeek的能力,推出“AI搜索”、“全网信息提炼”

AI及时工程代码生成:开发人员指南 代码开发的景观有望进行重大转变。 掌握大型语言模型(LLM)和及时工程对于未来几年对开发人员至关重要。 Th

此基于GO的网络漏洞扫描仪有效地确定了潜在的安全弱点。 它利用了GO的并发功能的速度功能,包括服务检测和漏洞匹配。让我们探索它的能力和道德


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

WebStorm Mac版
好用的JavaScript开发工具

Atom编辑器mac版下载
最流行的的开源编辑器

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境