表单设计之–文本框常见问题(2)

5、如何设定文本框的格式?

我们经常会遇到:为更便于用户的输入与识别,使用特殊的格式:

常见的电话号码就可以使用这样的格式,或其他有限制的均可使用类似方式。

typeinput

6、点击文本框时,什么时候需要去掉提示信息,什么时候保持提示信息?

在做这类问题时,要考虑用户的意图:

当用户更趋向于重新填写时,使用点击后去掉提示信息(如果用户没有输入任何内容,当文本框失去焦点后应仍旧出现提示信息);
当用户更趋向于修改信息时,使用光标在文字后;

如下图的信箱登录中:

  • 当用户需要修改用户名,应该将光标置于用户名框内即可。因为用户更倾向于修改某个写错的字符。
  • 如果是再次聚焦到密码输入框则需要将原密码全部清空,因为用户倾向于重新填写。

modifyinput

7、文本框输入框的默认tab顺序?

使用tab可以更有效的提高用户输入内容的速度,根据用户实际输入的顺序进行调整。在输入大量数据时候,不仅要考虑到tab的顺序问题,更要减少用户切换鼠标与键盘之间的使用次数。

8、什么时候文本框内容需要右对齐呢?

• 有至少两个数字输入框;
• 输入框是垂直排列的
• 要对输入的数值进行比较的

(货币数值一直使用右对齐)

如:下图的股票走势,使用居右的排版方式,更加便于用户比较数值。并且通过相应的颜色来表示股市的升降。

stock

9、密码输入

如果输入的是密码,应使用密码框。

10、输入域内的提示信息

该信息是指在文本框内的灰色提示,亦可是一个默认的数值。一旦文本框被用户点击激活后,原先框内的提示信息要消失掉。当用户没有填写内容文本框失去焦点时,原本的提示信息应重新出现。

11、使用提示信息的情况有:

屏幕空间有限,同时需要有信息进行描述;

该信息应是起提示作用的,而不是用户必须知道的;

不要仅仅提示用户输入什么或是点击提交按钮的废话信息。如,提示输入文件名然后点击按钮。

以上关联文章由 Yet Another Related Posts Plugin 提供支持。

写下你的感受,我回尽快答复的哦:

姓名:

信箱:

网址:

请访问新博客:davidw.me