UI 设计的一致性:6 条基本原则



使用一致性和标准原则构建您的网站。为什么这样?创建一个强大的网站,首先,并满足您用户的需求。此外,使他们与您的产品的交互变得简单有效。我们还需要什么?!

定义

一致性和标准规则意味着用户与您的产品的交互永远不会让他感到困惑。“一致性是最强大的可用性原则之一:当事情总是表现相同时,用户不必担心会发生什么。” ——雅各布尼尔森。通过遵循一致性和标准,您可以使您的产品令人满意。

布宁·德米特里设计

它有什么帮助?

  1. 元素的一致性减少了用户为实现其目标而必须执行的操作的数量。所以用户不需要学习如何使用你的网站。试想一下,为了在您的网站上找到他感兴趣的东西而采取许多步骤是多么令人沮丧。
  2. 遵循标准,您可以减少用户与您的产品交互时的误解。人们倾向于按照他们已经使用其他网站的方式行事。所以当我们否定一致性和标准原则时,可能会给用户带来困惑,因为他们已经习惯了某种行为方式。
布宁·德米特里设计

一致性原则

让我们看一下一致性原则,以便您可以在创建自己的产品时使用它们。

#1

使用简单的语言、熟悉的术语和短语模式。不要用复杂的语言吓唬你的用户。如今,当效率如此重要时,语言混乱造成的任何延迟都可能至关重要。

布宁·德米特里设计

#2

“标准”地使用标准界面元素。UI 元素(例如消息窗口、图标、滚动条)对用户来说应该是清晰的。在这种情况下,“创造力”只会惹人厌烦。

由罗马卡穆什肯设计

#3

规划 UI 时使用标准网站布局。也许抄袭有点奇怪,但我们在这里不讨论道德问题。而且,当我们谈论用户体验时,“复制”这些东西是绝对可以的。人类记忆“记住”主要界面元素的标准和最方便的位置。

比如把我们的logo放在左上角有利于用户体验,把搜索按钮放在右上角也有好处。我们记得,“登录”始终位于右上角。所以不要害怕遵循这些标准来帮助你的用户实现他的目标。

由工艺设计

#4

不要欺骗用户的期望。您网站的界面应该“执行”其功能。如果用户想购买机票,他们希望很容易找到预订按钮。一致性意味着您的网站具有所有需要的元素,例如 YouTube 具有视频播放器。

#5

遵循视觉元素的一致性。字体、颜色、内容等应该结合在一起。阅读我们关于内容设计的文章,了解如何和谐地构建内容。HTML5 和 CSS3 技术约定也是保持一致性原则的方法之一。

重量级设计

#6

必要时应遵循一致性原则。这是真的。用户界面的基本元素不应该引起误解。但要明智地使用这一原则:如果创新有意义并提升用户体验,请不要害怕创新。

FLOWMAPP 的流程图工具,用于出色的用户体验规划

UI设计的一致性

阅读一本关于 UI 设计中一致性原则的好书。

FLOWMAPP 团队推荐这本书

生活中的一致性

稳定性是一个非常重要的概念。我们习惯于生活中的许多事情。在一个“高速”的世纪里,继续使用我们喜爱和熟悉的产品真是太好了。不要用全新的事物、元素、结构来挫败你的用户。坚持标准,打造优质产品。看看 iPhone:每件新产品都具有相同的质量水平,但具有附加功能。

360 模型设计

结论

在许多情况下,遵循规则并不是那么糟糕。一致性和标准原则证明了这一点。它可以让您减少时间和过度思考,尤其是在没有理由的情况下。您使用的语言、UI 元素、网站功能和布局首先应该是功能性的。

来源:https://medium.com/@FlowMapp/consistency-in-ui-design-6-basic-principles-abbd96b5cff8


0