3

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

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

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

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

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

我能想到的两件事是：

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

让我们听听您的建议。

PS：至少在我的思考过程中，这个问题是我之前关于让用户阅读错误消息的问题的延续和专业化。

PPS：制作了这个社区维基，对这类问题做正确的事情吗？

4

4 回答 4

2

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

文本框内容失去焦点时是否可以对其进行规范化？.

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

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

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

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

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

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

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

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

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

于 2010-03-08T14:24:57.553 回答
0

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

我认为它真的很整洁......直到一个用户问我“为什么这个牢房周围有一个红色的盒子？”

还可以显示输入不正确的原因：“此字段仅接受数字”，例如。

于 2010-03-08T13:03:11.027 回答
0

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

于 2010-03-08T13:09:32.810 回答
0

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

于 2010-03-08T13:51:56.623 回答