Advertisement
  1. Web Design
  2. UI Design

让用户界面更友好的8条重要的交互设计法则

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

设计师每天都需要解决问题,找到正确的解决方案需要深入的研究和精心的计划、测试。 如果能找到一种全能的方法或者一个能自动解决我们所有工作问题的秘方,那就太好了。 我们可能还没有答案,但我们确实知道我们有时可以采取的某些捷径。

启发法是帮助我们形成判断和决策的简单而有效的规则。 我们可以把它看作是涉及界面设计最佳落实方案的常规准则。

注释:这些规则有它们的适用场景,并不是可用性测试的替代品。

虽然Jakob Nielsen的用户界面设计的10个启发式可能是最流行的启发式,但也有其他的。 Ben Shneiderman创建了一个最伟大的指导,他设计了一个名为“设计用户界面”的实体交互设计,它展示了他自己的原则集合,即界面设计的八项黄金法则。 我们今天要看看这些法则。

Ben SchneidermanBen SchneidermanBen Schneiderman
2011年,在马里兰大学(University of Maryland)的罗兰·特维恩(Loren Terveen)和本·施奈德(Ben Shneiderman)在研究网上购物。©马克·史密斯

力求一致性

设计一致性的界面意味着使用相同的设计模式和相同的操作秩序来处理类似的情况。 这不仅仅限于在你的用户浏览你的产品时,在提示屏幕中重要区域运用合适的颜色、排版、字体等。

记住:一个保持一致的界面会让你的用户更容易地完成他们的任务和目标。

Namastelight by Martin Strba Style guidelines are one way to ensure consistency in your design processNamastelight by Martin Strba Style guidelines are one way to ensure consistency in your design processNamastelight by Martin Strba Style guidelines are one way to ensure consistency in your design process
Martin Strba设计的Namastelight风格指南是确保设计过程一致性的一种方法。

允许高频用户使用快捷键

说到将使用快捷操作作为界面设计规则,你的用户也将受益于快捷键,特别是那些高频用户需要经常完成的相同的任务。

核心高频用户可能会发现以下特性有帮助:

  • 缩略语
  • 功能键
  • 隐藏的命令
  • 宏命令设置


Context menu by Khalid Hasan ZibonContext menu by Khalid Hasan ZibonContext menu by Khalid Hasan Zibon
哈立德·哈桑·锡安设计的右键菜单内容框。

提供明确的反馈

您需要让您的用户了解他们在他们操作步骤的每个阶段所发生的事情。 这种反馈需要有意义、相关、清晰、符合上下文。

File upload by Antonija Vresk File upload by Antonija Vresk File upload by Antonija Vresk
Antonija Vresk设计的文件上传进度框

设计对话框以产生反馈讯息

让我解释一下, ,一系列的行动需要最好有一个开始,中间和结束的提示。 一旦任务完成,通过为用户提供明确的信息反馈和选择,向你的用户提供一个缓和心情的过程 别让他们在任务过程之中过多的分散注意力!

Flash message by Jose Antonio OrellanaFlash message by Jose Antonio OrellanaFlash message by Jose Antonio Orellana
约瑟·安东尼奥·奥莱拉纳设计的炫酷信息框

提供错误处理提示

一个友好的界面应该尽可能避免错误。 但是当错误发生时,您的系统需要让用户更容易理解问题并知道如何解决它。 处理错误的简单方法包括显示清晰的错误提示通知以及展示解决问题的描述性提示。

Litmus form validation by Adnan KhanLitmus form validation by Adnan KhanLitmus form validation by Adnan Khan
Adnan Khan设计的验证生效表单

允许简单的返回/撤回操作

在错误发生后找到撤销选项是一种即时的解脱。 如果你的用户知道有一种快捷的方法来撤回错误操作,他们会感到轻松许多,更有可能去放心探索选择。

。此规则可应用于任何操作、操作组或数据输入。 返回/撤回操作可以从简单的按钮到涉及整个操作系列的集合区。操作历史。

Undo countdown by Tyler BeauchampUndo countdown by Tyler BeauchampUndo countdown by Tyler Beauchamp
 Tyler Beauchamp设计的撤回按钮界面

用户应掌握控制权

首先,来看一个定义:

在人格心理学中,控制点是人们认为自己能够控制事件结果的程度——Julian Rotter。

把控制权和自由交给用户是很重要的,这样他们就能感觉到他们是系统的主人。 避免意外、中断或任何未被用户提示的事情。

用户应该是操作的发起者,而不是响应者。

Permissions dialogs by Vlad PonomarenkoPermissions dialogs by Vlad PonomarenkoPermissions dialogs by Vlad Ponomarenko
弗拉德·波诺马连科设计的权限对话框

减轻用户的记忆负担

我们的注意力范围是有限的,我们能做的任何事情都应该尽量让我们的用户工作更轻松。 用户更容易识别信息而不是记忆信息。 这里,我们可以参考尼尔森的一项原则的描述:识别比回忆重要。 如果我们的界面设计得简洁和一致,遵循模式、标准和惯例,我们已经为更好的识别性和易用性做出了贡献。

我们可以在特定场景中添加几个特定功能来帮助我们的用户,这取决于他们的目标。 例如,在电子商务环境中,查看最近浏览或购买的项目列表。

Recently viewed contacts for Capsule by Gavin WilliamsRecently viewed contacts for Capsule by Gavin WilliamsRecently viewed contacts for Capsule by Gavin Williams
加文·威廉姆斯设计的最近浏览联系人页面

结语

虽然你也许对应该经常做基于启发式的决定半信半疑,但是遵循一套规则和指导方针将使您朝着正确的方向前进,并允许您在设计过程的早期发现主要的可用性问题。 这八项黄金法则适用于大多数用户界面设计工作。它们来自于Shneiderman的经验,并在过去的三十年中不断被提炼。 雅各布·尼尔森(Jakob Nielsen)和唐·诺曼(Don Norman)等人也对这些规则进行了扩展,并对这些规则做出了贡献。

您也可以使用以上法则作为灵感来创建自己的基于启发式的项目,或者结合正在进行的项目来完善自己的设计工作。


关注我们的公众号
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.