改善界面设计方法的 3 个 UX 设计原则

改善界面设计方法的 3 个 UX 设计原则

我们谈用户体验和人机交互

Photo By 哈尔盖特伍德

嘿朋友们,

所以在年初,我在独立学习用户体验设计的同时还在大学学习了人机交互(HCI)课程。 如果你问我,它们基本上是一样的。

这两个领域都非常关注我们如何通过深思熟虑和战略性的设计来改善用户体验。令人惊讶的是,这是一次非常有见地的经历。例如,如果您要求用户输入他们的国家/地区,则让用户输入国家/地区比滚动数百个国家/地区的下拉菜单更快。

你知道?像这样的东西。这些细节确实对用户体验意义重大。用户体验设计师被低估了。

所以今天,我们将讨论 3 条 UX/HCI 设计法则。

我很久以前就准备了这篇文章,但直到几天前我才看到相关性。本周早些时候,我目睹了一位前端工程师指出了 UX 团队创建的模型设计中的 UX 缺陷——这是非常有效的批评。我完全同意这些批评,这让我意识到 FEE 的 UX 学习具有巨大的价值。那件事彻底改变了我存在的每一根纤维;如果我想成为最好的工程师,学习 UX 将完全成为我旅程的重要组成部分。

所以让我们继续吧。

菲茨定律

我们从菲茨定律开始。

菲茨定律是关于交互元素的。在用户界面方面,考虑按钮、下拉菜单、滑块和任何其他用于接收输入的交互式组件。

菲茨定律指出,目标动作——点击那些交互式按钮——是与目标的距离与目标元素大小之间的比率的函数。这意味着什么?

用户成功执行他们想要执行的操作所需的时间完全取决于该交互式元素(距光标)有多远以及该元素有多大。

所以,为了提升用户体验,我们要确保用户不必花费太多精力去做他们想做的事。这是什么意思?根据菲茨定律,这意味着增加重要交互元素的大小以及以某种方式缩小与目标动作的距离。

Twitter Feed on Dekstop

以上是我的 Twitter 提要的快速截图。

请注意左侧的“Tweet”按钮非常大。文本本身可能与侧边菜单中的其他项目大小相同;但是,按钮的内边距非常大,以使按钮更容易点击。

Facebook Log In Page on Desktop

或者这里是 Facebook 登陆页面。首先,“登录”按钮和“创建新帐户”按钮一样大。同样,它是有目的地为用户体验而设计的。必须执行其中一项操作才能继续前进。

而且,在这个登陆页面上,Facebook 要求我们提供有效的凭据。用户可以执行的任何操作都集中在页面右侧的那个框中。这是菲茨定律所鼓励的。为了提高用户的工作效率,我们希望目标操作就在附近。我们不希望用户不断地让他们的光标移动 50 英里到屏幕的另一边来做他们想做的事。

要了解有关菲特定律的更多信息,请查看 尼尔森诺曼集团 .

现在,我们将继续前进......

米勒定律

米勒定律指出,一般人的工作记忆中可以保存 7 件事,正负 2。所以基本上,您可以将其视为工作记忆中的 5-9 件事。

因此,如果我对你大喊要记住 15 个名字,你很可能无法做到这一点——这不是你的错。这就是人类大脑的工作方式。

考虑到这一点,米勒定律暗示我们不应该用过多的分组组件来弄乱我们的界面。为什么?因为所有这些组件将相互竞争以吸引用户的注意力,而用户可能无法理解您希望他们拿走什么。

我认为苹果惊人地体现了这一规律。事实上,我认为 Apple 的 UX 总是很出色。

苹果通常会展示其产品的巨大形象。通常有有限的文本,以便用户将注意力集中在该产品上。通常,没有太多可看的。这是有目的地完成的,因此 Apple 可以将您的注意力集中在您身上。他们会告诉你你可以看什么。如果您想探索更多,请向下滚动。

然后,当您再次向下滚动时,您将没有那么多可看的东西。苹果想要集中你的注意力。我认为他们的用户体验团队非常出色。

但你应该注意,米勒定律并不意味着你必须像苹果一样简约。

这是我的亚马逊仪表板。有很多事情发生。有很多类别,很多图片,还有很多我可以点击的东西。这个页面上我可以与之交互的东西肯定超过 9 个。

米勒定律并不是说您的页面上只能有 5,7 或 9 个项目。

亚马逊的用户体验设计之所以奏效,是因为他们将它们组合成块。如果你看,这些分组少于 9 个。有导航栏。然后有一个类别栏。有一个图像轮播。然后我们有 4 组:“选择你离开的地方”,“继续购物”,等等。并且由于存在分组,因此内容对用户来说更易于管理和一口大小。用户可以决定他们想要将注意力集中在哪个分组上,然后决定他们想要关注该分组中的哪个项目。

继续,让我们谈谈雅各布定律。

雅各布定律

雅各布定律非常有趣。正是这个想法,用户想要一个熟悉的界面。如果界面熟悉,那么他们将更容易直接进入您的产品并从中获得乐趣。否则,他们将不得不学习您的界面,这可能是一项繁重的任务。它绝对可以关闭用户并推动他们访问其他网站。

看…

大多数人使用房子图标来表示提要。许多平台使用铃声作为通知选项卡。每个人都使用齿轮图标进行设置。或放大镜进行搜索。

或者还要注意对于移动设备,尤其是 IOS 设备,后退按钮(用于导航到上一页)始终位于左上角。每个人都这样做,因为这正是用户所期望的。

开发人员可能想尝试一些新的东西来有所不同,但了解有时用户不想要的这一点绝对很重要 不同的。 这正是 Android 和 IOS 在许多方面相似的原因。这也是 MacOS 和 Windows 有很多相似之处的原因。或推特、Instagram 和 Facebook。或者 Netflix、Disney+ 和 HBO Max。用户希望使用熟悉且直观的东西。

如果您想了解有关 UX 法律的更多信息,请查看这个令人难以置信的华丽网站 用户体验法则 .他们回顾了许多不同的用户体验设计法则,并提供了更多资源来了解更多信息。

祝贺你 :)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/22412/07580710

posted @ 2022-09-07 10:09  哈哈哈来了啊啊啊  阅读(127)  评论(0编辑  收藏  举报