设计复杂的应用程序是一项具有挑战性的工作。构建具有支持复杂任务深度的应用程序让事情变得清楚的直觉如何完成这项工作是一个巨大的挑战。我们花了一整天的时间讨论这个话题必威手机app下载Web和桌面应用程序设计当然可以,但我们可以很容易地花一个月的时间对我们在用户研究中遇到的每一类问题进行分类。

对常见的应用程序设计问题提出一般性建议是困难的,因为我们观察到的许多问题都是特定于领域的。这是11年前的事实,当时这篇文章的第一版今天依然如此。

因此,我们的第一个建议是做用户研究与你的目标受众

  • 从任务分析开始,然后领域的研究了解用户的需求和工作流程。
  • 原型测试低保真度的想法勾勒出应用的基本结构及其功能,而没有投入大量资源去创造你想要的想法修改或放弃就像你从用户那里学到的一样。
  • 设计迭代,并使用少量用户.迭代越多,应用程序就越好。

尽管大多数应用可用性问题都是特定领域的问题,但以下是我们在各个行业中经常看到的10个常见错误。其中5个问题(#1、# 2、# 3、# 4和# 6)也包含在原始文章中——这说明了如何做到这一点耐用可用性指南是。最初的10条指导方针都是正确的,但有5条错误(谢天谢地)已经不像以前那么常见了;它们被另外5个问题(5、7、8、9和10)所取代。

以下是我们目前列出的10大应用程序设计错误,这些错误既严重又常见。让我们希望在接下来的11年里,当我们写这篇文章的下一个版本时,其中的大多数将不再那么常见。

1.可怜的反馈

提高应用程序可用性的最基本准则之一是提供清晰的可用性反馈

  • 向用户显示系统的当前状态
  • 告诉用户他们的命令和动作是如何被解释的。
  • 告诉用户正在发生什么。

保持安静的应用程序会让用户猜测。通常,他们猜错了。

好的反馈会告诉用户很多事情——例如,他们点击的按钮是否被系统正确地解释为“点击”,系统现在会做什么?什么是当前选择或活动的?

反馈变得重要的一个场景是当应用程序进入编辑模式以修改现有信息时。重要的是,用户必须清楚地了解什么是当前可编辑的,因为应用程序在编辑模式的范围上是不同的——例如,一些应用程序将合并数据表,其中单个单元格或行是可编辑的,其他应用程序将使整个表是可编辑的。正确、清晰的反馈可以向用户传达编辑的范围;好的反馈可以通过多种方式实现,从使用不同的背景来识别当前的可编辑区域,到改变与编辑相关的按钮以清楚地显示其功能

一种数据表,其中明确指示某一行可编辑
在编辑模式下,这个来自Telerik.com的应用程序向当前可编辑的表格行添加灰色背景,更改单元格,使其看起来像表单字段,并更改编辑删除按钮更新取消,具有不同的布局和外观。更改按钮的位置和颜色是此反馈中一个额外的重要信号,因为它降低了用户在编辑后单击错误按钮的可能性,如果他们不注意并且依赖肌肉记忆的话。此级别的反馈清楚地指示了系统和系统发生了什么它如何响应用户输入。

1.。没有进度指示的午餐

缺乏反馈的另一种情况是,系统没有通知用户完成一个操作需要很长时间。用户经常认为应用程序坏了,或者他们开始点击其他目标。

如果你达不到推荐的标准响应时间限制,这样说,并让用户了解进度指标

  • 如果一个命令之间2秒10秒,显示等待动画,如“旋转器”。这种类型的进度指示器告诉用户在正常光标返回之前不要单击其他任何东西。
  • 如果一个命令需要超过10秒,提出明确的建议进度条,最好是作为完成百分比指示器(除非您确实无法预测在操作完成之前还剩下多少工作)。

2.不一致

记住双d规则:差异是困难的.当用户对某事物的行为方式或访问位置有期望时,偏离这些期望会导致混乱、沮丧,并增加认知负荷当人们试图解决这个问题时。人类的思想渴望一致性。

有几种类型的不一致性在复杂的应用程序中特别常见,甚至会让经验丰富的用户完全困惑:

  • 同一动作的不同单词或命令
  • 将相同功能的控件放置在许多不同的地方
  • 看起来彼此相似的控件(从用户的但是可以在不同的地方访问(例如,一个是在工具栏中访问,另一个是在菜单中访问,第三个是在一个首选项对话框)
  • 类似的工作流模式,需要与界面的不同部分进行交互
  • 合法输入数据的规则不一致:有时一个条目是允许的,而在其他时候它被标记为无效,没有任何关于为什么会发生这种情况的反馈
  • 一个特性有时是可用的,有时不是因为没有明确说明的神秘原因
  • UI元素或控件的移动,违反空间的一致性

在我们的研究中,一位拥有多年使用AutoCAD经验的架构师很难理解何时可以“停靠”或何时不能“停靠”各种浮动面板,使其固定在屏幕的一侧。在同一个会话中,她多次尝试将浮动面板固定到左侧,但均未成功。结果表明,由于隐藏参数设置,无法固定此特定面板,但此约束未显式提供给用户。隐藏设置ing的初衷是让超级用户能够定制令人难以置信的界面,但是,由于反馈不佳,我们的研究参与者无法理解对接有时有效,有时无效的原因。这种不一致性甚至是有经验的用户感到沮丧的主要原因。

由于神秘原因无法捕捉到屏幕一侧的AutoCAD窗口
AutoCAD并不始终允许我们的研究参与者将面板“停靠”到屏幕的一侧。即使是有经验的用户也无法确定为什么此功能在某些面板上有效,而在其他面板上无效。(结果表明,此面板禁用了隐藏参数。)

3.错误消息

错误消息是一种特殊形式的反馈:它们告诉用户出了问题。我们知道错误信息指南几乎30年了,但许多应用程序仍然违反了它们。

最常见的违背准则的情况是,错误消息只是简单地说有些事情是错误的,而不是解释原因和方法用户可以修复这个问题。这样的信息会让用户陷入困境。

这一问题多年来一直在恶化,主要原因是网络应用程序:向用户展示发生了一些错误。再试一次。错误消息,没有关于错误原因或如何修复的详细信息。至少在过去,本地桌面应用程序曾告诉人们(通常是用技术术语说,外行用户没有希望搞清楚)问题是什么。

一组模糊的“出错了”错误消息,没有任何有用的细节
一系列模糊的发生了一些错误来自Quicken(左上)、Dropbox(右上)、IBM Verse(右下)的错误消息:这些消息都没有描述问题的本质、如何避免问题的细节,以及用户的工作是否在过程中丢失。

信息性错误消息不仅可以帮助用户修复当前的问题,还可以作为一种解决方案教育时机.虽然人们不会花时间阅读和学习你的应用功能,但如果你解释清楚,他们会努力理解错误情况,因为他们想要克服错误。

4.没有默认值

违约以多种方式帮助用户。最重要的是,默认值可以:

  • 加快如果默认值是可接受的,则使用户不必指定值,从而实现交互
  • 通过提供适用于该问题的答案类型的示例
  • 直接的新用户为了安全或共同的结果,如果他们不知道还能做什么,就让他们接受默认值

默认值可以大大节省用户在重复任务中的精力,例如多次填写相同的表单。识别表单字段的关键值可以提高生产率并减少挫败感。你的分析可以帮助你理解对于一个特定的领域是否有一个最常见的选择。

特别是,下拉菜单从有意义的违约中获益。许多应用程序提供选择一个(即,没有选择任何值)作为默认选项,强制每个用户与下拉列表交互并选择一个值。如果您预先选择了一个选项(理想情况下是最常见的),则至少一些用户将不必与该下拉列表交互。

对于数字表单字段,如果用户与常见默认值相差很小(例如数量字段),您可以使用步进机允许他们无需键入即可调整数字(但仍允许用户根据需要键入不同的值)。步进器有两个好处:减少交互成本并为仍在学习系统的新用户提供一个合理的起点。

Mint finance应用程序中的一个向导,用于输入默认值,并提供向上和向下步进按钮来更改默认值。
个人理财应用Mint有一个功能,可以帮助用户找到符合他们需求的信用卡。这个向导使用了一个很好的默认值,它自动导入用户每月平均信用卡支出,并为用户提供了一个简单的方法来修改这个数字,可以通过输入或使用增量/递减按钮。

5.标记图标

它确实是罕见的图标能够独立使用,大多数用户能够立即理解它们。即使是看似通用的图标(比如汉堡包菜单)用户并不像大多数用户体验从业者期望的那样熟悉。如果你的应用程序有独特的图标,情况会变得更糟;用户理解这些独特图标的含义的可能性非常低。记住雅各布定律:用户的大部分时间都花在其他网站这意味着大多数图标,除非旁边有文本标签,否则用户很难或不可能理解。

将图标与文本标签配对有四个好处:

  1. 它增加目标的大小(根据费茨法则,减少了用户访问控件所需的时间)。
  2. 它减少了识别命令的时间:两个内存提示(图标和文本)比一个要好。
  3. 与前一个相关,它还可以促进界面的学习(通过使用同一命令建立多个关联)。
  4. 它可以帮助用户在视觉上区分几个相邻的命令。
从多个应用程序中选择神秘、未标记的图标
在我们最近的研究中,从各种桌面应用程序中选择了一些未标记的图标:所有这些都是非标准图标,没有清楚地表明它们的用途。你能猜出他们代表什么吗?我们的研究参与者不能。

6.努力的获取目标

在人机交互中,任何可以点击(或点击)的东西都被称为目标:所有活动的UI元素都是目标。用户要获得目标,必须能够(1)识别目标;(2)可靠点击。这两个方面都会给现代应用界面带来问题。

6a.弱能指

“可见性”是指你可以对一个对象做什么。例如,复选框提供打开和关闭,滑块提供向上或向下移动。极大的可能性视觉元素是否能够帮助你理解启示在你开始使用它(或感觉它,如果它是一个物理设备而不是屏幕上的UI元素)之前。这些概念在唐·诺曼的书中都有讨论日常事物的设计

符号在UI设计中尤其重要,因为所有屏幕像素都可以点击——即使你点击时通常什么也不会发生。电脑屏幕上有那么多看得见的东西,用户没有时间去看扫雷游戏,四处点击,希望找到一些可操作的东西。(例外:年幼的孩子有时喜欢通过点击来探索屏幕。)

在现代应用中,最严重的问题之一是超平设计。许多平面设计的能指很弱人们很难区分文字和按钮,因为按钮缺乏传统的3D线索。

常见的症状弱能指是:

  • 用户说,“我在这里做什么?”
  • 用户不会去接近能够帮助他们的功能。
  • 大量的屏幕文本试图克服这两个问题。(更糟糕的是,冗长的、多阶段的指令在执行几个操作中的第一个操作后就会消失。)

6 b。小点击目标

这里的一个相关问题是,点击目标太小,以至于用户错过并在活动区域外点击。即使他们最初正确地感知到相关的能指,用户也经常会改变主意,开始相信某些东西是不可操作的,因为他们认为他们点击了它,但什么也没有发生。

(小点击区域是一个特殊的问题老用户和有运动技能的使用者残疾的人.)

7.情态动词的过度使用

许多应用程序使用模态窗口要实现与数据的交互—编辑现有项、添加新项、删除或甚至读取有关项的附加细节。情态模态出现在当前页面的顶部,背景内容通常是调暗的(假设调暗可以减少干扰,帮助用户专注于手头的任务)。不幸的是,这种设计选择掩盖了用户在填写表单时可能希望引用的信息,从而减少了用户的上下文。(请注意,即使隐藏的窗口不包含编辑所需的信息,用户也经常试图利用他们以前完成的工作,通过复制和粘贴以前的输入,甚至简单地使用其他条目作为如何考虑当前任务的模板。)

具有包含重要信息的模态的表应用程序
在Airtable中,编辑表格行将打开一个模式,该模式涵盖表格中的大部分信息,并阻止用户引用该信息。

8.毫无意义的信息

长字符串的字母和数字,如数据库中自动生成的ID,通常用于唯一标识应用程序中的项目。这些字符串对用户来说是完全没有意义的,但它们通常作为表的第一列突出显示,迫使人们扫描第一列以查找他们关心的信息。虽然这些无意义的索引在后端很重要,但它们不应该是用户必须参考的主要信息。特别是在高信息密度屏幕中,提供一些人类可读的信息作为主要定位点,并将IDs推到不太显眼的位置。

编码信息的惊人使用经常出现在医疗应用程序、CRM系统(用户经常必须为与客户的每次销售交互选择代码)、会计软件和企业应用程序中。在所有这些应用程序中,对人类有意义的信息都被简短的代码总结,试图使其更紧凑。短代码可能比整句话更适合小区域,但会给用户带来更高的认知负荷。他们将需要翻译编码信息,以使其有意义,而我们的工作记忆开始是有限的。即使是训练有素的专业人员也不可能记住所有可能的代码,他们仍然需要花费大量的精力来进行心理翻译。

带有编码信息的表
该表的第一列是无意义的ID信息;的网络代码位置码字段还包括编码信息,用于在紧凑空间中表示复杂信息。的地点名称是唯一对人类有意义的专栏;要破译其他专栏,人们要么依靠自己的记忆,要么参考一系列代码键。

9.垃圾抽屉菜单

如果您的应用程序有数百甚至数千个功能,那么您必须将这些功能的控制放在某个地方,此外,您还需要对它们进行优先排序和组织,以便用户能够轻松地找到并快速访问最重要的功能。这种约束的一个结果通常是溢出菜单:最常用的操作显示在工具栏中,并标记最后一项更多的行动工具,或者是最糟糕的...所有其他不适合的主机。

这些菜单上的标签很低信息线索它只不过是一个垃圾抽屉:一个放所有你无法分类但又不想扔掉的东西的地方。它们经常出现,因为团队有一个所需特性的列表,但不知道把它们放在哪里,或者在遗留应用程序中,它不能删除旧的、很少使用的特性。溢出菜单的问题在于,就像你家里的垃圾抽屉一样,没有人知道你可能在里面放了什么。换句话说,它限制了两者可发现性寻获度因为大多数用户没有任何理由去查看那些菜单。

一个神秘的菜单,上面有个省略号
空桌:一个贴着垃圾抽屉菜单的桌子...几乎没有信息气味。用户很难预测菜单中的内容。
仅标有“更多”字样的垃圾抽屉菜单
Salesforce:垃圾抽屉菜单标签更多的

10.破坏性和确认行为的邻近性

采取以下行动拯救仅次于破坏工作的行为,比如丢弃这是一个常见的设计决策,会给用户带来很多痛苦。虽然从逻辑上讲,这种布局通常是有意义的(例如,拯救删除它们是相关的,因为它们决定了物品的命运),它也让用户很容易点击错误的按钮或图标——特别是当用户匆忙,完成重复的动作,或有运动困难时。这种无意识地用一种行为代替另一种行为的行为被称为

向导的最后一步有一个紧邻的Cancel和Finish按钮。
Veeam是一款企业备份软件,其特点是使用多步骤向导来设置新的备份作业。在我们的研究中,一个用户花了将近20分钟来浏览这个向导,几乎点击了取消而不是完成在最后的总结页面,由于两个按钮的接近。让这个用户点击取消, 20分钟的工作就白费了。
电子邮件应用程序中“删除”图标旁边的“跟进”标志按钮
Microsoft Outlook将为后续按钮右边的档案文件删除图标。这些图标服务于相反的用户意图,但它们很小,放置得很近,很容易被用户在匆忙中弄错。

总结

应用程序是非常特定于领域的,因此对于一个行业来说,一个可用的、高效的、令人满意的应用程序在另一个行业可能是一场彻底的灾难。创建一个可用的应用程序需要与您的用户一起研究,以确定他们的工作流程,他们需要的功能,他们的思维模式和期望。

然而,这里列出的10个应用程序错误代表了我们在一系列行业(包括创意、金融、企业、医疗保健、工程等)的研究中观察到的常见主题。

有关应用程序设计的更多指南,请参加我们的全天课必威手机app下载程必威手机app下载Web和桌面应用程序设计