更有效的网站设计的 14 条用户体验法则

当你坐下来设计一个网站时,你是在为谁做?虽然付钱给你的公司或个人最终设定了项目的目标,但你最关心的是最终用户。

这就是为什么用户反馈和测试是设计用户体验 (UX) 的关键部分。在这篇文章中,我们将分解作为网页设计师需要掌握的 14 个最重要的 UX 法则

用户体验的法则是什么?

用户体验法则不仅仅是网页设计最佳实践的集合。每个用户体验法都是基于基本的人性。

如果您了解人们对某些视觉效果的天生反应,则可以创建更具视觉愉悦感和直观的界面。这就是这些用户体验法律和原则的全部内容。

菲特定律

该定律表示,到达触摸目标(如按钮、图标、卡片等)并完成操作所需的时间取决于两个变量。

  • 首先是距离。用户与目标之间的距离越大,完成操作所需的时间就越长。因此,在设计触摸目标时,请将它们与用户的焦点(和光标)保持合理的距离,以加快和增加交互。
  • 第二个变量是大小。 目标的大小越大,就越容易无误地完成操作。因此,使用更大尺寸的组件来吸引注意力、提高精度并减少摩擦。
更有效的网站设计的 14 条用户体验法则-得设创意

绿色的“购买新系列”按钮出现在用户的主视线内。此外,由于其突出的绿色和大小,它很容易找到,用户可以自信地点击它而不会出错。

希克定律

该定律规定,用户做出决定所需的时间随着选项的数量和复杂性而增加。

如果你听说过分析瘫痪——当用户被他们的选择压得喘不过气来,以至于他们难以做出选择时——那么你已经看到了希克定律在起作用(或不作为)。

信息过载不仅会影响做出决定所需的时间。它还可能导致用户放弃所有选择或对他们所做的选择深感后悔。这就是为什么KISS(保持简单,愚蠢)原则在网页设计中至关重要的原因。

更有效的网站设计的 14 条用户体验法则-得设创意

在此商店页面演示中,您可以看到用户如何使用各种可用的过滤和排序工具。虽然设计人员可以尝试限制提供给用户的选项,但让他们通过限制结果来控制他们收到的输入量同样重要。

米勒定律

该定律说,普通人只能在他们的短期记忆中保留大约七位信息。

这个用户体验法则与希克法则是相辅相成的。因此,如果您想知道用户在决策方面的阈值是多少,请记住数字 7(加减 2)。

更有效的网站设计的 14 条用户体验法则-得设创意

除此之外,在每个部分中包含不超过七个项目将使您的用户能够记住他们所看到的大部分(如果不是全部)内容。

雅各布定律

该定律规定,用户在网上花费大量时间,因此他们更喜欢熟悉而不是新奇。具体来说,他们希望您的网站按照他们期望的方式运行,以基于其他网站的方式运行。

虽然品牌在网站之间保持独特性很重要,但在核心特性和功能方面出现偏差是一个很大的风险。即使切换到非常规布局(如导航中),也可能给用户带来可用性问题。

这项法律并不意味着要阻止创造力或独创性。但它旨在遏制任何可能使您的网站难以使用的设计选择。

使用Userlytics等用户测试工具可以帮助确保任何新的设计元素或导航结构都能满足用户的期望,并符合标准的可用性实践。这使您的网站易于访问和用户友好,利用真实的用户反馈来指导您的设计选择。

更有效的网站设计的 14 条用户体验法则-得设创意

也就是说,页面布局是可预测的,滚动浏览起来感觉很舒服。页面上的关键元素(如导航和搜索栏)的设计与其他网站类似。

美学可用性定律

该定律表明,界面的吸引力与其感知的易用性之间存在相关性。换句话说,第一印象对用户来说非常重要。

如果你想鼓励更多的用户给你的网站一个机会,那就努力提高它的视觉吸引力。

这并不意味着您的网站内容质量很差或功能难以使用,只要它看起来很棒。这个原则只是让我们更好地了解是什么吸引了某人进入网站,因此我们可以保持较低的跳出率。

更有效的网站设计的 14 条用户体验法则-得设创意

就像这个 Gym 演示一样,每个都有专为其目标业务制作的独特吸引人的设计。访问者会发现很难不向下滚动并了解更多信息。

奥卡姆剃刀

这条定律说,最简单的方法通常是最好的。

最小可行产品(MVP)设计是这一原则的一个很好的例子。与其从最复杂和最强大的网站版本开始设计,不如只包含必要的内容。

一旦你验证了你所拥有的东西的有效性,你就可以继续发展。但它永远不应该基于假设或未经证实的假设。真实的用户反馈和数据应该为你所做的一切提供信息。

更有效的网站设计的 14 条用户体验法则-得设创意

这样一来,你的注意力就集中在基础知识上,而不是所有你可能搞砸的额外功能和特效上。

帕累托原理

该定律表明,大多数系统本质上是不平衡的。具体来说,您获得的 80% 的回报来自您投资的 20%。在网页设计方面,有不同的解释方式。

对于初学者来说,您可能会从网站的一小部分内容和功能中获得 80% 的参与度和转化率。如果是这样的话,花时间完善界面的那些方面会更有意义,这将使你获得更好的参与度和转化率。

另一种看待它的方式是,您网站 80% 的利润来自其 20% 的用户。与其花时间构建可能吸引新用户群的功能,不如努力改善已经想给你钱的忠实用户的体验。

更有效的网站设计的 14 条用户体验法则-得设创意

全角图像和灰色徽标可能不足以引起访问者的注意。不过,图形中的亮橙色图标是。一旦访问者意识到他们是互动的,他们肯定会停下来查看本节的其余部分。

波斯特尔定律

这条法律说,我们应该限制我们对用户的要求,但要灵活地接受他们的东西。

结帐表就是一个很好的例子。首先,我们应该只要求提供绝对需要的信息。在可能的情况下,我们也可以为用户创造更少的工作量。例如,可以添加一个复选框以自动将帐单地址设置为邮寄地址。

在灵活性方面,我们可以配置输入字段以接受一系列响应。或者,我们可以启用智能功能,例如在搜索栏中,即使用户没有准确表达,也可以检测用户可能一直在寻找的内容。

更有效的网站设计的 14 条用户体验法则-得设创意

顶部的搜索栏可以帮助用户找到相关的 NFT 产品,即使他们不知道它们的名称。输入“艺术”之类的内容会产生相关结果。

这不仅仅是“智能”搜索栏插件的结果。作为设计师,您需要在后端做大量工作,以确保内容的元数据、类别和标签得到充分配置,以使用户能够顺利完成此过程。

目标梯度效应

该定律表明,当用户越来越接近完成目标时,他们会更快地完成目标。

这是使用视觉指示器来鼓励用户完成他们开始的工作的论据。例如:

  • 位于结帐窗体顶部的进度条
  • 购物车上方的“您距离免费送货还有 12 美元!
  • 一个进度指示器,显示用户距离获得下一个奖励有多近

当人们能够看到剩下的工作所剩无几,以及即将到来的奖励时,他们就会努力完成它。

更有效的网站设计的 14 条用户体验法则-得设创意

购物车正上方是一个红色方块,让购物者知道他们需要多花多少钱才能获得免费送货。虽然这种颜色对于没有视觉障碍的用户很有用,但总体设计——阴影块和深色进度指示器——确保每个人都会注意到它。

多尔蒂阈值

该定律规定,计算机(即网站)应在 400 毫秒内响应用户交互。

80年代对此的初步研究发现,对此做出反应的系统很快就会变得“上瘾”。虽然从那时起发生了很多变化,但用户对快速加载网页的期望并没有改变。

加载速度太慢或流程完成时间太长(例如表单提交似乎不起作用)的网站会在几秒钟后失去访问者。因此,创建响应式界面和功能至关重要。

更有效的网站设计的 14 条用户体验法则-得设创意

如果没有要加载的图像,就不需要旋转加载器来让访问者保持忙碌。该网站几乎可以立即加载。

串行位置效果

该定律规定,最令人难忘的项目是出现在系列或组中的第一个和最后一个项目。

在网页设计中,我们可以使用这个原则来确定我们如何订购组件,例如:

  • 导航链接
  • 产品推荐
  • 定价计划

在决定如何在页面上构建和排序内容时,它也会派上用场,尤其是在主页上。如果我们知道用户最关注和回忆第一项和最后一项,那么最重要的信息就应该去哪儿。

更有效的网站设计的 14 条用户体验法则-得设创意

页脚上方是一个横幅部分,宣布闪购 80% 折扣。

峰末规则

这条定律说,体验中最令人难忘的部分是巅峰时刻和最后时刻。

在设计页面中最重要的部分时,可以应用此原则。通过使设计脱颖而出,用户会更强烈地记住它。

在设计流程的最后时刻时,它也很有用。例如,用户不必点击表单末尾的“提交”按钮并看到一条普通的“感谢您提交”消息,您可以添加一个令人惊讶的动画或将他们引导到一个有趣的感谢页面。

更有效的网站设计的 14 条用户体验法则-得设创意

商店的主页采用统一设计,视差图像无缝滑动。但是这个弹出窗口在此过程中提供了一个不错的惊喜。对于还没有准备好的游客来说,这没关系。因为如果他们到达页面底部,他们会发现相同的订阅表格在等着他们。

冯·莱斯托夫效应

该定律也称为隔离效应,它说人们比组或列表中看起来相似的其他项目更好地记住孤立或独特的项目。

我们在定价表上看到了这种事情。最有价值或最受欢迎的计划通常以不同的颜色着色,比其他列大,或者上面有醒目的丝带。

在设计您的独特元素时,请注意使用颜色或运动作为唯一元素以使其脱颖而出,因为它可能会导致某些用户的可访问性问题。

更有效的网站设计的 14 条用户体验法则-得设创意

用户的目光将立即被 Pro 计划所吸引,该计划具有蓝色圆形边界和顶部的蓝色推荐标签/丝带。

完形趋向律

这条定律说,人的眼睛和心灵更喜欢简单。因此,即使面对复杂性或混乱,大脑也会找到简化它所看到的东西的方法。

格式塔原理解释了我们的大脑这样做的各种方式。其中每一项都涉及物品的分组以及大脑从中识别模式的能力。

这些原则涉及以下概念:

  • 共同命运:沿同一方向移动的元素比向其他方向移动的元素彼此之间的关系更密切。
  • 公共区域:边界内包含的元素(例如方框、彩色背景等)是相关的。
  • 连通性:以某种方式接触或连接的元素在目的上必须相关。
  • 连续性:即使不存在线或箭头,眼睛也会自然而然地跟随沿同一路径落下的物体。
  • 闭合:即使一个图像或一条线是不完整的,头脑也会自己建立联系并创造一个封闭。
  • 邻近性:靠得很近的元素(即使它们没有围在一起)是相关的。
  • 相似性:在颜色、形状或大小方面设计相似的元素必须具有相同的目的。

我们越了解人类的思维是如何内在地理解看似混乱的,我们就越能有效地为它们设计界面。

更有效的网站设计的 14 条用户体验法则-得设创意

包含每个推荐的纯白色背景告诉我们,作为观众,所有内容都是在一起的,不要被不相关的内容分散注意力。这就是共同区域的原则。

结论

用户体验法则是基于人类心理学的设计最佳实践。

他们获取有关人类感知和反应物品、信息和界面的方式的长期数据。它们为我们提供了在为现代用户设计界面和体验时可以遵循的结构。

用户体验法应该是每个网页设计师实践的基础。一旦你掌握了这些法律和最佳实践,你就会发现更容易为你的用户创建有吸引力的界面和高质量的体验。

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容