user-interface - 如何直观地拒绝表格中的用户输入？

Question

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

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

我可以看到两种不同的情况发生:

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? .

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

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

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

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

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

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

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

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

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