【问题标题】:Good UI to allow user to revert field to default value良好的用户界面,允许用户将字段恢复为默认值
【发布时间】:2011-06-30 19:37:00
【问题描述】:

我的基于网络的应用程序允许用户覆盖某些文本框中的值。如果他们不覆盖该值,系统将显示(并使用)默认值。

我想支持这样一种情况:用户已经覆盖了该值,但现在想恢复为系统默认值,但不知道要输入什么值。我想提供一个直观的用户界面,让系统将字段的值恢复为默认值。有人有什么建议吗?

字段出现在编辑表单(空间充足)和编辑网格(空间稀缺)上。

要求用户清除该字段不是一种选择,因为有时用户的覆盖是一个空值。宁愿不使用按键,如 Ctrl-Z 或 ESC。

我能想到的最好的事情是用户将鼠标悬停在该字段上并显示一个弹出窗口,让用户可以选择使用系统默认值。我可以使用相同的弹出窗口来捕获/显示与覆盖相关的评论。

【问题讨论】:

    标签: javascript jquery asp.net user-interface


    【解决方案1】:

    我在文本框后面使用了一个“倒带”类型的图标(就像一个向后指向的圆圈中的箭头),其中有足够的空间让用户恢复到默认或原始版本。

    还使用灰色文本来显示默认值 - 当用户覆盖时它会消失(使用 keyup 事件)。

    如果空间不足,您的弹出窗口听起来是个好主意。

    【讨论】:

      【解决方案2】:

      怎么样

      <input type="text" value="Enter text here, a space will clear it" 
      onfocus="this.title='Clear field to revert to '+this.defaultValue" 
      onblur="if (this.value=='') this.value=this.defaultValue; 
      else this.defaultValue=this.value" />
      

      【讨论】:

        【解决方案3】:

        我总是建议在决定答案之前先看看其他人是如何解决用户体验问题的。问问自己哪些应用程序(网络或其他)提供了默认值并允许您恢复它们。

        我认为您可能试图解决的问题不是恢复默认值的交互,而是告知用户默认值是什么。如果是这种情况,我会从按钮转向内联帮助。

        希望这会有所帮助。

        - 尼克.ca

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2016-05-04
          • 1970-01-01
          • 1970-01-01
          • 2019-02-24
          • 1970-01-01
          • 2011-05-13
          • 2011-04-21
          • 1970-01-01
          相关资源
          最近更新 更多