首页 文章详情

10 条UI/UX 设计的经验法则

web前端开发 | 244 2021-12-10 01:10 0 0 0
UniSMS (合一短信)

英文 | https://uxplanet.org/rules-of-thumb-for-ui-ux-design-4d7a053d781

翻译 | 杨小爱

这些是 Jakob Nielsen 发现的一些著名规则,它们通常被称为 Jakob Nielsen 的 10 个可用性启发式,因为它们是广泛的经验法则,而不是具体的可用性指南。
在本文中,我将通过一些示例简要讨论这些原则/规则,以便您可以轻松理解它们并从中获得一些有价值的东西。
1、系统状态的可见性

设计应该始终让用户了解正在发生的事情,在合理的时间内适当的给用户适当的反馈。
Jakob Nielsen 的十个启发式方法中的第一个——系统状态的可见性——与用户界面设计有关。
从本质上讲,它关乎沟通和透明度,这对生活的许多方面都至关重要。人们努力追求可预测性和控制力,并且在大多数情况下,更多的信息可以转化为更好的决策。
只有知道当前系统状态是什么,你才能改变它——也就是说,你可以弄清楚下一步需要做什么才能实现你的目标。
2、系统与现实世界的匹配

设计应该说用户的语言。使用用户熟悉的单词、短语和概念,而不是内部行话。遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。
就本性而言,人类会在熟悉中找到安慰。正是因为这个原因,Jakob Nielsen 的第二个可用性启发式,系统与现实世界的匹配才如此重要。
该原则指出:系统应该说用户的语言,使用用户熟悉的单词、短语和概念,而不是面向系统的术语。遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。
3、用户控制和自由

用户经常错误地执行操作。他们需要一个明确标记的“紧急出口”来离开不需要的操作,而不必经过一个扩展的过程。
良好的用户体验的一部分是培养用户对他们碰巧使用的用户界面 (UI) 的控制感。
用户应该能够快速纠正错误或回溯所做的选择。轻松摆脱困境的能力鼓励探索,这有助于学习和发现特征。
它还增加了整体使用和销售(在探索产品空间的情况下)。相反,当 UI 不支持这些操作时,用户会感到受困并通常会报告不满意。
有几个 UI 控件通常允许人们返回系统的先前状态:
  • 反向链接,将用户返回到上一页或屏幕

  • 取消链接,允许用户退出任务或多步骤过程

  • 关闭链接,允许用户关闭新视图

一个撤消选项(和相应的重做选项),允许用户回溯对 UI 元素的更改
4、一致性和标准

用户不必怀疑不同的词、情况或动作是否意味着同一件事。遵循平台和行业惯例。
想想您使用的网站和应用程序:它们都依赖于完善的约定。蓝色下划线文本是可点击的,购物车图标显示您计划购买的商品,站点徽标位于左上角,放大镜图标代表搜索——这些都是一直使用的约定示例在数字产品中,让用户的生活更轻松。
提倡一致性和标准似乎是在推动所有应用程序的外观和行为都相同,但事实并非如此。相反,当网站和应用程序遵守标准时,用户知道会发生什么,增加可学习性并减少混淆。
5、错误预防

好的错误信息很重要,但最好的设计首先会小心地防止问题的发生。要么消除容易出错的条件,要么检查它们并在用户提交操作之前向用户提供确认选项。
讨论用户错误的一个关键点是将错误归咎于何处。术语“用户错误”意味着用户因做错事而有过错。不是这样。设计者的过错是让用户太容易犯错误。因此,解决用户错误的方法不是责骂用户,而是要求他们更加努力,或者给予他们更广泛的培训。答案是重新设计系统以减少出错的可能性。
6、识别而不是回忆

通过使元素、操作和选项可见,最大限度地减少用户的记忆负载。用户不必记住从界面的一个部分到另一部分的信息。使用设计所需的信息(例如字段标签或菜单项)应该是可见的或在需要时易于检索。
心理学家喜欢区分两种类型的记忆检索:识别与回忆。想想在街上遇到一个人。如果您以前见过她,通常可以很容易地分辨出来,但是想出她的名字(如果这个人很熟悉)要困难得多。
第一个过程是识别(你认为这个人很熟悉);第二个涉及回忆。识别是指我们将事件或信息“识别”为熟悉的能力,而回忆则是指从记忆中检索相关细节。
7、使用的灵活性和效率

对新手用户隐藏的快捷方式可以加快专家用户的交互,这样设计就可以满足没有经验和有经验的用户的需求。
允许用户定制频繁的操作。
我不是一个熟练的厨师。我可以遵循食谱并获得合理可食用的结果,但这需要我很长时间和大量的注意力。如果我不通过阅读完整、详细的食谱来准备烹饪,事先将所有食材分组放置在一起使用,并在谷歌上搜索一些先进的技术,我将得到一顿烧焦的晚餐。
我有几个朋友知道他们在厨房做什么,我总是对他们做饭时采取的所有小捷径感到惊讶。多年前我第一次和我的朋友尼克一起做饭时,我费力地切罗勒叶,把大量的注意力放在试图保持相似大小的切片上,而不是在这个过程中砍断我的手指。
尼克走过去,抓起一把罗勒叶,把它们一个一个地塞进另一个里面,然后像一支小雪茄一样轻轻地卷起来。然后他迅速地将他的一捆罗勒切片了几次,在切割中获得了完美的一致性,并且几乎不花时间。
然后他给了我一个使眼色,然后转到食谱的另一部分,而我站在那里,对他的高效和精确感到震惊。
就像在厨房里一样,在用户体验中,我们必须容纳具有各种能力的人。我们的系统应该足够灵活,以允许用户使用各种方法完成给定的任务。
灵活的系统之所以有效,是因为人们可以选择最适合他们的方法。10 个可用性启发式中的第 7 个说,我们应该通过使用快捷方式和加速器(新手用户看不到)来优先考虑使用的灵活性和效率,这可以加速专家用户的交互。
这种方法允许系统迎合没有经验和有经验的用户。
8、美学和极简主义设计

接口不应包含不相关或很少需要的信息。界面中每一个额外的信息单元都会与相关的信息单元竞争并降低它们的相对可见性。
这种启发式并不意味着您必须使用扁平化设计——而是要确保您将内容和视觉设计集中在基本要素上。确保界面的视觉元素支持用户的主要目标。
9、帮助用户识别、诊断错误并从错误中恢复

错误消息应以通俗易懂的语言表达(无错误代码),准确指出问题,并建设性地提出解决方案。
这些错误消息还应通过视觉处理呈现,以帮助用户注意和识别它们。
10、帮助和文档

最好是系统不需要任何额外的解释。但是,可能需要提供文档以帮助用户了解如何完成他们的任务。
即使系统可以在没有文档的情况下使用会更好,但可能需要提供帮助和文档。任何此类信息都应该易于搜索,专注于用户的任务,列出要执行的具体步骤,并且不要太大。
网站和应用程序可以提供两种类型的帮助:主动和被动。在用户遇到问题之前提供主动帮助,以防止出现问题。
它包括入门教程和上下文提示。相比之下,当用户遇到问题并寻求建议以解决问题时,响应式帮助包括文档、视频甚至教程等材料。(尽管一些用户可能会主动消费此类材料,但他们很少这样做。)
在本文底部的下载下方免费下载 Jakob 的 10 个可用性启发式海报。您可以下载 3 种尺寸的摘要海报:完整海报尺寸、A4 和信纸。您还可以下载全套 11 张海报(10 个可用性启发式和摘要海报。



学习更多技能

请点击下方公众号


good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter