虽然内容可能被认为是你的网站的灵魂,但网站设计类似于它的个性. 一个太过繁忙的拱形设计可能会让游客不知所措,导致他们离开. 保持完美的平衡, 然而, 能让访问者花更多的时间在你的网站上吗, 一点点接近转变.

本文旨在为如何创建一个不会给访问者带来压力的网站提供一些见解, 从色彩心理学和交互设计两个方面探讨了不同的元素, 减少噪音,变得更人性化.

 

网页设计的心理学

“好的设计是显而易见的. 伟大的设计是透明的.这是设计师兼教师乔·斯帕拉诺的一句名言. 这是完全正确的. 几乎每个人都能注意到一个设计精美的网站. 但是尼尔·帕特尔 指出的那样在美国,优雅的网站通常功能不佳,而且有很高的回撤率.

比优雅的绒毛更重要, 另一方面, 就网站而言,有效性是吗, 它能与用户建立信任, 并且能够影响他们采取业主喜欢的行动. 这是通过组合布局实现的, 字体, 颜色, 行动呼吁(cta) -每一个都在吸引用户和引导方面发挥其作用 有利可图的转换.

 

创建无压力网站的小贴士

下面是一些你可以尝试整合到你的网页设计的概念(如果你还没有),以确保你的用户得到 从你的网站获得最佳体验.

 

镇定用户体验设计色彩理论提示trymyui可用性测试博客

 

利用色彩心理学

如果你一直在涉猎网页设计, 你可能已经听说过关于品牌的基本色彩心理学. 作为快速复习, 红色是兴奋等情绪的象征, 权力, 和爱——这就是为什么它出现在Netflix的标志上, 与广泛内容相关的品牌.

蓝色的, 与此同时, 暗示公司的可靠性和能力, 脸谱网等品牌都在使用, 签证, 和英特尔. 绿色, 就其本身而言, 暗示着良好的品味和健康, 这就是为什么它是Spotify和全食超市的完美选择, 分别.

 

 

从自然

自然对人有明显的镇定作用. 这就是为什么减压资源总是建议人们花时间在大自然中减压. 数字空间几乎与平静恰恰相反,它源源不断地吸引着全博体育网址的注意力. 这就是为什么无论何时,只要你可以,就用自然的颜色画画是很重要的.

 

这取决于你的行业, 在网页设计中简单地插入蓝色和绿色可能并不总是有意义的. 但是有大量的天然颜色可供选择.

 

危险的ux颜色在行动的截图

 

不过,需要注意的是,环境很重要. 5月的 网站设计的GUI 能否结合使用自然意象和黑色、红色等引发危险的颜色,因为危险是他品牌的关键组成部分.

所以,花点时间去真正理解你的品牌想要传达的是什么,以及你可以将哪些可能的自然色彩融入到你的设计中.

 

格式塔接近法指出,人们根据间隔将物品分成更大的块

 

一致性 & 模式

简单地说, 一致性使用户对你的网站感到熟悉, 如果不是你的品牌, 培养信任. 这种信任也转化为可靠性, 这意味着用户每次都能获得一定程度的体验.

首先问自己以下问题:

  • 客户如何与你的品牌合作?
  • 用户可能会有什么问题?
  • 在你的网站上完成任务最简单的方法是什么?

回答这些问题可以帮助你突出网站的哪些方面需要加强关注,以获得一致的设计.

当然, 这也适用于你对颜色的选择, 排版, 按钮形状, 以及其他视觉元素, 哪些应该在站点范围内保持一致. 作为一般规则, 选择不超过两到三种字体来建立内容的节奏和层次.

 

trymyui可用性测试博客

 

Z模式

上面显示的模式是用户扫描网页的典型方式, 这意味着最重要的信息或cta应该放在左上角, 中间, 和右下角. 但是需要注意的是,这种模式在不以文本为中心的页面上效果最好. 对于文本较多的页面,请使用 F模式.

当需要看到的关键元素(如登录页面)较少时, Z字形便于用户浏览页面.

 

 

记住思维模式

被认为是人机交互中最重要的概念之一, 心智模型是指用户对手头系统的看法. 尼尔森·诺曼集团指出 这个定义有两个关键区别:

心智模式建立在信念的基础上,而不是事实 -让它基本上成为一个用户知道(或自认为知道)什么的模型, 在这种情况下, 你的网站. 所以当它涉及到网页设计时, 能够很好地传达系统的基本特性是至关重要的,这样用户才能形成一个合理准确的心理模型, 以此来判断他们的用户体验.

第二个区别是 用户有自己的思维模式. 很明显,不同的用户可能会对同一个界面构建不同的心理模型. 因此,能够弥合设计师和设计师之间的差距是很重要的。 technically-informed心智模式 还有用户的模型,它有不稳定的趋势.

引用最简单的例子, 这就是为什么几乎所有的网站都把导航栏放在页面的顶部, 或将首页或Profile等元素放在左上方或右侧,因为这符合最常见的心理模式.

 

极简网页ux设计trymyui可用性测试博客

 

利用空白

从它的氛围来看, 利用好留白的网站会给人一种舒适、轻松的感觉. 但不仅仅是拥有随意和自信的审美, 聪明地利用留白的网站可以让内容更容易阅读,也更容易引导人们采取你希望他们采取的行动.

这也被称为“负空间”,因为它并不总是白色的.

这类极简设计越来越受欢迎是有原因的. 在数字世界的喧嚣和匆忙中,极简主义减少了噪音. 当人们看到一个没有试图用刺激轰炸他们的页面时,他们会感到更轻松. 这最终会培养你与访客的关系,让他们更接近你的品牌.

 

一个如何以人为中心进行用户体验设计的模型

 

试着以人为本的设计

视频 将以人为本的设计定义为“一种解决问题的创造性方法——这个过程从你为之设计的人开始,以满足他们需求的新解决方案结束。.”

所以一个解决方案优先的设计例子是“让全博体育网址创建一个杂货购物应用程序.“一个以人为中心的设计例子 用户体验的星球 将, “全博体育网址假设低收入家庭很难找到健康的身体, 在当地的杂货店里可以买到实惠的食物. 全博体育网址如何帮助他们?”

当你从解开始, 对于产品中应该包含哪些功能,人们往往会错过一些关键的见解, 什么样的视觉效果和感觉最合适, 以及如何创造一个能引起共鸣的品牌声音.

在网页设计中采用以人为本的方法可以让你发现需求, 目标, 和目标受众的问题, 这反过来又使你能够创建一个内容总体规划. 这定义了关键的元素,如你的消息策略和网站架构.

Veronica卡马拉总结: 这个过程将内容与真实的用户需求保持一致,这样您就可以实现业务目标.


了解更多: 用户测试更好的产品 而且 用户测试新产品


 

雕像伸出的食指

 

减少点击次数

明智的两次点击规则指出,任何和所有的网站内容都应该在两次点击或更少的时间内找到. 与用户获得 越来越不耐烦 伴随着每一次技术创新, 如果您想与用户建立健康的关系,那么易用性是必须的.

当然,2-3次点击就能满足用户的所有需求并不总是可行的. 在这种情况下, 使用悬停效果, 当用户将鼠标悬停在一个导航元素上时,第二(甚至第三)导航元素在哪里显示. 你还可以包括 面包屑导航.

 

来自沃尔玛的用户体验设计面包屑截图

 

上面例子中的面包屑位于左上角,上面写着Electronics / TV & 视频/所有电视. 这让用户知道他们是如何到达现在的位置,以及下次如何返回.

 

确保快速加载速度

他们说,如果你真的想了解一个人,看看他们对网速慢的反应. 没有人喜欢网速慢,也很少有人会忍受网页加载速度慢. 一项研究发现,如果网页加载时间超过3秒,53%的手机网站访问会被放弃. 如果页面加载时间为5秒,则弹出概率增加90%.

此外,谷歌还将加载速度纳入排名. 你希望你的网站被发现, 还有你的访客, 所以你需要确保你的加载速度达到标准.

 

最后的话

你可能已经猜到了, 全博体育网址只讨论了非常简单的概念,任何人都可以应用到他们的网站. 为你的访问者提供良好的用户体验并不需要火箭科学.

如果你不确定哪里可以改进,为什么不试试呢 5个免费的可用性测试,包含你需要在你的机会领域磨练的所有功能?

 


Jolina L而且icho是一名自由撰稿人和营销策略师,在网上与多个品牌合作. 她致力于帮助企业通过提供深入的服务来弥合关系差距, 在线营销的可行建议, 业务发展, 和增长黑客.

 

 

 


注册免费试用全博体育网址的可用性测试工具