如何直观地拒绝表中的用户输入?

时间:2010-03-08 12:55:56

标签: user-interface ui-design

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

场景是:用户编辑单元格,输入内容(文本,图片,...),并且您希望他们在完成编辑时注意到(例如,点击输入)他们的条目对您的给定无效“格式”(更广泛的含义:可能是他们输入了一个字符串而不是一个数字,他们的条目太长,太短,它们包含一张图片,但它不可接受,......)。

我可以看到发生了两件不同的事情:

  1. 您可以轻松地将他们的输入符合您的格式,并且您这样做,但是您希望他们注意到它,以便在您的猜测不够好时他们可以改变(例如:他们在需要的字段中输入“15.47”是一个整数,所以你的程序使它“15”)
  2. 您无法猜测如何处理他们的参赛作品,并想告知他们这些参赛作品无效。
  3. 我的问题具体是:您可以提供哪些视觉显示来通知用户他的输入无效?是否最好拒绝退出编辑模式?

    我能想象的两件事是:

    • 使用颜色(红色背景,如果无效,黄色背景为我的案例1)
    • 当你拒绝输入时,做一些像苹果公司那样的用户帐户密码输入:你让单元格“摇动”(即左右摆动)一秒钟,然后保持焦点/编辑,让他们不要放松他们打字的东西。

    让我们听听您的建议。

    PS:至少在我的思考过程中,这个问题在某种程度上是getting users to read error messages.

    上一个问题的继续和特化。 PPS:制作这个社区维基,是不是对这类问题做了正确的事情?

4 个答案:

答案 0 :(得分:2)

小心使用自动更正,例如强制用户输入以适合您的格式。参见:

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

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

至于何时需要提醒用户出错,那么标注怎么样?从控件或问题点(字段,状态信号器,按钮,菜单,拖放位置)绘制一条亮线到窗口的边缘并放一条简短的信息(两三个字,如“无法识别的日期” )在气球中。将信息放在保证金上应该可以防止在拥挤的表格中阻塞任何感兴趣的内容。

突然出现的标注应足以吸引用户的注意力,因此可以让用户转移到其他单元格,以防他们以后想要修复错误。为了提高效率,您可能希望在最初发生错误时将用户置于与错误相关的字段中(因为用户通常希望立即纠正错误),但是然后允许下一个选项卡或鼠标单击以导航用户。 / p>

在鼠标悬停时或当焦点位于与错误相关联的控件上时,该线条会突出显示(以区别于可能存在的其他标注线条),并且气球会扩展为完整的错误消息,提供有关如何使用的更多详细信息解决问题(最多两个句子)。允许用户将气球拖放到新位置,以防发生感兴趣。

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

错误修复后,气球会自动消失。撤消会恢复导致错误的任何内容(例如,将字段恢复为原始值),这样可以清除错误。

如果用户滚动离开与错误相关联的位置,则气球会缩小为保持在视图中的图标,以便用户不太可能忘记它。也许三角形中的惊叹号是一个很好的偶像。将图标放在滚动条轨道旁边或其中以指示其在表格中的相对位置,以便用户可以快速滚动以便稍后查找。 Mouseover将图标展开为完整消息。也许点击图标可以滚动到表格中的正确位置,并将焦点放在相关控件中。

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

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

答案 1 :(得分:0)

我最后一次这样的表格(在网页上)我在违规输入周围放了一个红色框。

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

什么是好的还显示为什么输入不正确:“此字段只接受数字”,比方说。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

您可以使用Adobe Flex的错误工具提示等箭头工具提示。它将注意力集中在错误上并提供简要说明。