如何在视觉上拒绝表格中的用户输入？

Question

在基于表格的应用程序模块的编程中（即用户主要在已经布局的表格中输入表格数据），您将如何拒绝给定单元格的用户输入？

场景是：用户编辑单元格，输入一些内容（文本、图片等），您希望他们在完成编辑时注意到（例如按回车键）他们的输入对您的给定无效“格式”（更广泛的含义：可能是他们输入了一个字符串而不是一个数字，他们的输入太长，太短，他们包含一张图片，但这是不可接受的，......）。

我可以看到两种不同的事情发生：

1. 您可以很容易地将他们的输入纳入您的格式，并且您这样做了，但您希望他们注意到它，以便如果您的猜测不够好，他们可以更改（例如：他们在需要的字段中输入“15.47”）为整数，因此您的程序将其设为“15”）
2. 您无法猜测如何处理他们的条目，并想通知他们这是无效的。

我的具体问题是：您可以提供什么视觉显示来通知用户他的输入无效？是拒绝退出编辑模式，还是不退出？

我能想到的两件事是：

• 使用颜色（如果无效则为红色背景，上面我的案例 1 为黄色背景）
• 当您拒绝输入时，请执行 Apple 对用户帐户密码输入所做的操作：您使单元格“摇晃”（即左右摆动）一秒钟，并将焦点/编辑保持在他们的位置，这样他们就不会不要丢失他们输入的内容。

让我们听听您的建议。

PS：至少在我的思考过程中，这个问题是我之前在getting users to read error messages.上的问题的延续和专业化

PPS：创建了这个社区 wiki，对这类问题做正确的事吗？

Answer 1

使用自动更正时要小心，例如强制用户输入适合您的格式。见：

Is it acceptable to normalize text box content when it loses focus?。

通常首先防止无效条目比以后自动更正它们更好。例如，如果只允许使用整数，则忽略小数点的任何键控（以及所有字母和大多数特殊字符）。在某些环境中，您可能希望提供忽略输入的安静声音信号（例如，沉闷的砰砰声）。

至于何时需要提醒用户注意错误，标注呢？从有问题的控件或点（字段、状态信号器、按钮、菜单、拖放位置）到窗口边缘画一条亮线，并输入一条简短消息（两三个词，例如“无法识别的日期” ) 在气球中。将消息放在页边距应该防止它在拥挤的桌子上遮挡任何感兴趣的东西。

标注的突然出现应该足以引起用户的注意，因此可以让用户转到其他单元格，以防他们以后想修复错误。为了提高效率，您可能希望在最初发生错误时将用户保留在与错误相关的字段中（因为用户通常希望立即更正它），但随后允许下一个选项卡或鼠标单击将用户导航离开。

当鼠标悬停或焦点位于与错误关联的控件上时，该行会突出显示（以将其与可能存在的其他标注行区分开来）并且气球会展开为完整的错误消息，提供有关如何处理的更多详细信息解决问题（最多两句话）。允许用户将气球拖放到新位置，以防遮挡感兴趣的内容。

在展开的气球中包含一个帮助按钮以获取更多详细信息。您还可以包含一个按钮来修复错误（例如，重试、重新连接或设置为默认值）。

修复错误后，气球会自动消失。撤消会还原导致错误的任何原因（例如，将字段还原为其原始值），这应该会清除错误。

如果用户滚动离开与错误相关的位置，气球会缩小为一个图标，并且仍然在视图中，这样用户就不太可能忘记它。也许三角形中的感叹号是一个很好的图标。将图标放在滚动条轨道旁边或中，以指示其在表格中的相对位置，以便用户稍后可以快速滚动找到它。鼠标悬停将图标展开为完整消息。也许单击图标可以滚动到表格中的正确位置并将焦点放在相关控件中。

如果气球开始在视觉上相互干扰，它们也可能缩小为图标。您甚至可能希望在气球中包含一个控件，以允许用户强制它采用图标。

为了保持一致性，请使用所有错误，而不仅仅是与表中的字段相关的错误。

Answer 2

上次我（在网页上）做这样的表格时，我在有问题的输入周围放了一个红框。

我认为它真的很整洁......直到一个用户问我“为什么这个单元格周围有一个红色的框？”

还可以显示为什么输入不正确：“这个字段只接受数字”，比如说。

Answer 3

您可以在单元格中显示图标或工具提示。工具提示可以自动打开，也可以在鼠标指针悬停在图标上时打开。当用户编辑另一个单元格或某个超时到期时，它可能会自动消失。

Answer 4

您可以使用箭头工具提示，例如 Adob​​e Flex 的错误工具提示。它将注意力集中在错误上并提供简要说明。