交互设计(用户界面)10大可用性原则详解

2023-05-28 0 465

弗兰克·安德森(Jakob Nielsen,人机可视化学教授)于1994年4月24日刊登了《五大易用性原则》。该原则不仅适用于于Web端,还适用于于终端端。五大易用性原则对于可视化结构设计来说意义重大,可提升整个商品的易用性。

五大易用性原则包括状况可交互原则、切合采用者知觉原则、操作终端性原则、连续性原则、防错性原则、辨识好过自述原则、灵巧高效率原则、后现代和极简结构设计原则、可扩充性原则及实用协助原则。

注:Jakob Nielsen的可视化结构设计的10大原则。或许称为“分析方法”,原因在于它们是广泛的经验法则,而不是某一的易用性原则。

#1:控制系统状况的由此可见性

结构设计应仍旧在科学合理的时间内透过适度的意见反馈使采用者介绍发生的情况。

当用户知道当前控制系统状况时,她们将介绍其早先可视化的结果并确定下一步棋。可预估的交互会创建对商品和国际品牌的信赖。

向采用者清楚地传递控制系统状况是什么-在没有通告采用者的情况下,切勿采取相应对采用者造成不良后果的暴力行动。尽早(平庸情况下,立刻)将意见反馈呈现出给采用者。透过对外开放不断的沟通交流创建信赖。
交互设计(用户界面)10大可用性原则详解
百货公司世界地图上的“您在这里”指示灯必须向人们显示她们目前的边线,以协助她们介绍下一步棋的发展。

扩充写作

href=”https://www.nngroup.com/articles/visibility-system-status/“>相关控制系统状况由此可见性的完备该文f=”https://www.nngroup.com/videos/usability-heuristic-system-status/”>3两分钟的相关由此可见性分析方法音频

#2:控制系统与现实生活当今世界之间的相匹配

结构设计应采用者的词汇说话。采用采用者熟识的单字,词组和基本概念,而不要采用内部名词。遵从现实生活当今世界的规矩,使信息以自然和方法论的次序出现。

您的结构设计方式在很大程度上依赖于您的某一采用者。您和您的同僚貌似明晰的名词,基本概念,工具栏和影像可能对您的采用者不熟识或感到疑惑。

当结构设计的控件遵从现实生活当今世界的约定并与所需的结果相对应时(称为自然映射),采用者可以更轻松地学习和记住界面的工作方式。这有助于创建一种直观的体验。

确保采用者可以理解含义,而不必去查找单字的定义。永远不要认为您对单字或基本概念的理解会与您的采用者相相匹配。采用者研究将协助您发现采用者熟识的名词以及她们围绕重要基本概念的思维模式。
交互设计(用户界面)10大可用性原则详解
炉灶控件与加热元件的布局相匹配时,采用者可以快速介绍哪个控件映射到哪个加热元件。

扩充写作

href=”https://www.nngroup.com/articles/match-system-real-world/“>全文:控制系统与现实生活当今世界之间的相匹配=”https://www.nngroup.com/videos/match-system-real-world/”>2两分钟的音频:控制系统与现实生活当今世界之间的相匹配

#3:采用者控制和自由

采用者经常错误地执行操作。她们需要一个明显标记的“紧急出口”,以便无需执行扩充过程即可离开不需要的操作。

当人们很容易退出流程或撤消某项操作时,就会培养出一种自由和自信的感觉。出口使采用者能够控制控制系统,避免卡住和感到沮丧。

支持撤消和重做。显示一种退出当前可视化的明晰方法,例如“href=”https://www.nngroup.com/articles/reset-and-cancel-buttons/“>取消”按钮。确保出口处有明晰的标签且可发现。
交互设计(用户界面)10大可用性原则详解
数字空间需要快速的“紧急出口”,就像物理空间一样。

扩充写作

href=”https://www.nngroup.com/articles/user-control-and-freedom/“>全文:采用者控制和自由=”https://www.nngroup.com/videos/usability-heuristic-user-control-freedom/“>2两分钟的音频:采用者控制和自由

#4:连续性和标准

采用者不必怀疑不同的词语,情况或动作是否意味着同一件事。遵从平台和行业规矩。

弗兰克定律指出,人们将大部分时间都花在采用数字商品而不是您的商品上。采用者对其他商品的体验设定了她们的期望。无法保持连续性可能会透过迫使采用者学习新知识而增加她们的知觉负担

透过保持内部和外部两种类型的连续性来提高学习能力。 在单个商品或商品系列中保持连续性(内部连续性)。遵从既定的行业规矩(外部连续性)。
交互设计(用户界面)10大可用性原则详解
登机柜台通常位于酒店前面。这种连续性满足了客户的期望。

扩充写作

=”https://www.nngroup.com/videos/usability-heuristic-consistency-standards/“>3两分钟的音频:连续性和标准

#5:错误预防

好的错误消息很重要,但是最好的结构设计首先要仔细地防止问题发生。要么消除容易出错的条件,要么检查它们并向采用者提供确认选项,然后再执行该操作。

错误有两种类型:slips和Mistakes。滑倒是由于疏忽引起的无意识的错误。错误是基于采用者的心理模型和结构设计之间不相匹配的有意识的错误。

优先考虑您的工作:先预防高成本的错误,然后防止小小的挫败感。透过提供有用的约束和良好的默认值来避免slips。透过消除内存负担,支持撤消操作和警告采用者来防止错误。
交互设计(用户界面)10大可用性原则详解
护栏上弯曲的山路防止司机掉落悬崖。

扩充写作

href=”https://www.nngroup.com/articles/slips/“>全文:防止采用者错误=”https://www.nngroup.com/videos/usability-heuristic-error-prevention/“>3两分钟的音频:错误预防

#6:认可而不是自述

透过使元素,操作和选项由此可见,最大程度地减少采用者的内存负载。采用者不必记住从界面的一部分到另一部分的信息。采用该结构设计所需的信息(例如字段标签或菜单项)应由此可见或在需要时易于检索。

人类的短期记忆有限。促进辨识的界面减少了采用者所需的知觉工作量。

让人们辨识界面中的信息,而不必记住(“自述”)它。在上下文中提供 协助,而不是为采用者提供冗长的教程以供记忆。减少采用者必须记住的信息。

扩充写作

href=”https://www.nngroup.com/articles/recognition-and-recall/“>全文:UX中的辨识与调用=”https://www.nngroup.com/videos/recognition-vs-recall/“>3两分钟的音频:辨识与自述
交互设计(用户界面)10大可用性原则详解
对于大多数人来说,辨识国家的首都更容易,而不必记住它们。人们更有可能正确回答以下问题:里斯本是葡萄牙的首都吗?而不是葡萄牙的首都是哪里?

#7:采用的灵巧性和效率

对新手采用者而言不为人知的快捷方式可以加快专家采用者的可视化速度,从而使结构设计既可以满足经验不足的采用者,又可以满足需要的采用者。允许采用者定制频繁的操作。

可以以不同的方式执行灵巧的过程,以便人们可以选择适用于于她们的任何方法。

提供键盘快捷键和触摸手势等加速器。透过为单个采用者定制内容和功能来提供个性化设置。允许自定义,因此采用者可以选择她们希望商品如何工作。
交互设计(用户界面)10大可用性原则详解
常规路线在世界地图上列出,但是对该地区有更多介绍的当地人可以采用捷径。

扩充写作

f=”https://www.nngroup.com/articles/flexibility-efficiency-heuristic/“>全文:采用的灵巧性和效率:第七种易用性分析方法解释=”https://www.nngroup.com/videos/flexibility-efficiency-use/“>3两分钟的音频:灵巧性和采用效率

#8:后现代和简约结构设计

接口不应包含无关或很少需要的信息。界面中每个额外的信息单元都会与相关的信息单元竞争,从而降低其相对由此可见性。

这种分析方法方法并不意味着您必须采用平面结构设计,而是要确保您将内容和视觉结构设计保持在重点之上。确保界面的视觉元素支持采用者的主要目标。

保持UI的 内容觉结构设计集中在要素上。不要让不必要的元素分散采用者真正所需的信息。优先考虑内容和功能以支持主要目标。
交互设计(用户界面)10大可用性原则详解
一个华丽的茶壶肯能具有过度的装饰元素,增加了易用性干扰,如不舒服的手柄或难洗喷嘴。

扩充写作

=”https://www.nngroup.com/videos/aesthetic-and-minimalist-design/“>3两分钟的音频:后现代和简约结构设计

#9:协助采用者辨识,诊断错误并从错误中恢复

错误消息应以简单的词汇表示(没有错误代码),准确指出问题所在,并建设性地提出解决方案。

这些错误消息还应进行视觉处理,以协助采用者注意和辨识它们。

采用传统的错误消息视觉效果,例如粗体,红色文本。告诉采用者她们会理解的词汇出了什么问题–避免采用技术名词。为采用者提供解决方案,例如可以立刻解决错误的快捷方式。
交互设计(用户界面)10大可用性原则详解
道路上的错误路标会提醒驾驶员她们朝错误的方向行驶并要求她们停车。

扩充写作

=”https://www.nngroup.com/videos/usability-heuristic-recognize-errors/“>2两分钟的音频:协助采用者克服错误

#10:协助和文档

最好是控制系统不需要任何其他说明。但是,可能有必要提供文档以协助采用者介绍如何完成其​​任务。

协助和文档内容应易于搜索,并专注于采用者的任务。保持简洁,并列出需要执行的具体步骤。

确保协助文档易于搜索。只要有可能,就在采用者需要时立刻在上下文中显示文档。列出要执行的具体步骤。
交互设计(用户界面)10大可用性原则详解
机场的信息亭易于辨识,可在上下文中立刻解决客户的问题。

扩充写作

=”https://www.nngroup.com/videos/help-and-documentation/“>3两分钟的音频:协助和文档

弗兰克的笔记:

我最初是在1990年与Rolf Molich合作开发分析方法评估的分析方法方法的[Molich and Nielsen 1990; Nielsen and Molich 1990]。四年后,我基于对249个易用性问题的因子分析对分析方法算法进行了完善[Nielsen 1994a],从而获得了具有最大解释能力的分析方法方法集,从而形成了经过修订的分析方法方法集[Nielsen 1994b]。

在2020年,我们更新了本文,并添加了更多说明,示例和相关链接。尽管我们对定义的词汇进行了一些细化,但是10种分析方法方法本身自1994年以来就一直保持着相关性和不变性。当情况已经存在了26年之久时,它很可能也适用于于下一代的采用者界面。译自10 Usability Heuristics for User Interface Design

章^ ^

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务