良好的用户界面,允许用户将字段恢复为默认值

时间:2011-02-20 16:56:32

标签: javascript jquery asp.net user-interface

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

我想支持用户覆盖该值的方案,但现在想要恢复到系统默认值,但不知道输入什么值。我想提供一个直观的UI,使系统将字段的值恢复为默认值。有没有人有任何建议?

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

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

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

3 个答案:

答案 0 :(得分:0)

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

还使用灰色文本显示默认值 - 在用户覆盖时消失(使用键盘事件)。

如果空间很短,你的弹出窗口听起来不错。

答案 1 :(得分:0)

怎么样

<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" />

答案 2 :(得分:0)

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

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

希望这有帮助。

- Nik.ca