你的网页设计选择可以决定你网站的成功与否。研究表明，94%的用户不相信设计不佳的网站。也许毫不奇怪，心理学原理在网页设计中起着巨大的作用，因为许多设计元素在用户的潜意识层面起作用，帮助他们在没有意识的情况下感知事物。
虽然你可以使用狡猾的元素、UI工具包和其他工具来创建一个现代的网络应用，但忽视某些心理方面的问题最终会使你失去很多的参与度。此外，如果你是一个除了构建应用之外还负责设计的前端开发者，从心理学角度出发可以确保你的设计仍然能够为用户所用。
因此，让我们来看看根据心理学的观点，七个最常见的网页设计错误。
1.使用不合适的配色方案
现代网页设计使用鲜艳的颜色和渐变，使你的网站明显地吸引人。选择正确的颜色，使之与你的品牌和你的网站想要传递给访问者的信息相一致，是最重要的。
颜色可以创造情感、反应，并影响我们对设计元素的感知。如果你想给人留下良好的第一印象，选择正确的颜色来代表你的网站是至关重要的。另一方面，使用与你的信息不匹配的颜色会产生相反的效果。
这里有几个例子说明用户如何看待颜色。
- 红色：兴奋、力量、爱和能量
- 橙色：自信、成功、勇敢和社交能力
- 黄色：创造力、幸福、温暖和欢快
- 绿色：自然、愈合、新鲜和质量
- 蓝色：信任、和平、忠诚和能力
- 黑色：正式的、戏剧性的、成熟的、安全的
- 白色：干净、简单、纯真、诚实
现在，如果你的网站是关于有机食品的，用红色作为主色调有意义吗？当然，你可能想把自己与你所在领域的其他公司区分开来，但这可能是一个滑坡，导致用户由于期望值的不一致而离开你的网站。
2.选择一个糟糕的字体
当考虑使用哪种字体时，我们可能会忽略心理因素，而将注意力放在设计方面。然而，与颜色类似，字体也会向用户发出潜意识的信号。如果你对使用哪种字体没有严格的准则，那么根据心理学方面的因素来挑选是最安全的途径。
使用一种与你的网站主题不一致的字体会在你的用户中产生不和谐的感觉。例如，如果你的网站是关于银行业的，使用脚本或显示字体与你的信息意图不相符。在这种情况下，你最好使用衬线字体，因为它通常被认为是更正式的。
此外，结合不同的字体也不是一个好主意，这可能会导致一个糟糕的设计。
下面是一些关于字体如何被感知的例子。
- 有衬线字体：稳定、可敬、传统、正式
- 无衬线字体：简单、合理、中性
- 书写体：个性、花哨、优雅
- 现代无衬线体：非传统的、企业的、独特的、可读的
- 显示体：怪异、友好、偏心、突出
3.设计一个缓慢的网站
我们都经历过（甚至可能建造过）那些需要永远加载的网站。根据谷歌的研究，如果页面加载需要3s，用户离开你的网站的可能性会增加32%。此外，谷歌的高级分析师约翰-穆勒（John Mueller）已经公开暗示，开发人员应该将他们的网站加载速度提高到2-3秒。
这让我们看到了一个被称为 "速度感知 "的悖论。该理论认为，人们在忙于一些愉快的事情时不会注意到时间的流逝。然而，当他们被激怒或不高兴时，他们清楚地知道时间的流逝。
为网站性能打下良好基础的最直接的方法是选择一个可靠的虚拟主机服务，并有一个合适的加载时间。根据研究，服务器的平均速度差异可以从297ms到7331ms不等。这种选择对于需要处理更多元素的重度设计网站来说变得异常关键。
一旦你有了一个坚实的基础，你就可以继续压缩你网站的前端元素，使它们的加载速度更快。你可以先从你的网站上删除不必要的代码，可以是手动的，也可以是使用代码分解器。使用ImageOptim这样的压缩工具来压缩图像并从其文件中删除不必要的信息也是一个好主意。
然而，如果你的任务是设计一个需要大型元素的网站，你可以在访问者等待时使用骨架屏幕或放松背景颜色（如蓝色渐变）。这两种解决方案都能占据用户，并减少他们有不良体验的机会。
4.建立一个复杂的布局
有组织、有结构的布局让人赏心悦目，并在潜意识层面发挥作用。研究表明，38%的用户声称如果内容或布局不吸引人，就会离开网站。此外，格式塔的形式感知原则表明，用户一开始倾向于看整个网站，而不是专注于单一对象。
因此，网站的布局作为一个整体比其单个部分更重要。如果你的前端是杂乱无章的，结构对你的用户来说没有意义，他们很可能会离开。
当负责设计一个网站的布局时，请记住，人们倾向于以F型模式扫描。这意味着你的网站最关键的部分是最左边的一栏和最上面的一行。确保在这些部分插入基本信息。
5.使你的网站内容杂乱无章
一个凌乱的、充满信息的网页会使访问者不愿意留在你的网站上。这就是冯-雷斯特夫效应发挥作用的地方。它表明，突出的项目更令人难忘。如果整个屏幕都是视觉元素或文字墙，就更难利用这种心理效应了。
此外，如果你的设计元素到处都是，那么接近原则就不会起作用，该原则表明人们认为相互靠近的组件是相关的，从而导致更多的混乱。
一个不混乱的方法也是为什么许多网站已经转向一个更简约的方法，有足够多的白色空间（形象地说，它不一定是白色的）。作为一个负责设计工作的开发者，使用更多的白色空间可能意味着你的工作更少，并使你的网站更直观。
6.显示多个CTA
我们可能认为，我们的用户有越多的选择，他们就越有可能找到一个合适的选择。然而，研究表明，给人们多个选择会造成选择过载，也被称为选择悖论。因此，他们可能不会选择最合适的选项，而是根本不选择。
在研究之后，一个基本的建议是，在创建页面时只考虑一个行动呼吁。如果你的网站有多个CTA，则创建单独的页面，以保持用户的注意力，并消除选择过载。
7.使用看起来像横幅的元素
最后但并非最不重要的是，尼尔森-诺曼集团对横幅盲目性的研究表明，用户已经学会忽略那些靠近广告、类似广告或出现在传统上专门用于广告的位置的内容。最典型的情况是设计一个周围有框架的行动呼吁，这看起来立刻就像一个广告。
此外，你的内容可能被认为是广告的典型位置是在右侧栏和内容之间（同样，最可能被框架包围）。
长话短说，避免将你的网站元素设计得像广告，否则你的访问者会忽略它们。
不要让常见的错误伤害你的网站
如果你首先是一个前端开发者，你可能不精通网页设计。不要让这阻止你创造一个成功的设计。学习一些关键的心理学原理可以帮助你避免常见的网页设计错误；你也可以创造一个实现更高转化率和更好的用户体验的设计。
虽然许多其他因素会影响你的用户在网站上的行为结果，但对于初学者和专业人士来说，指望心理学方面的因素是一个很好的开始。
The post7 most common web design mistakes according to psychologyappeared first onLogRocket Blog.
