图2

这里用于报告非关键性用户输入错误的气球状提示。使用气球状提示显示错误信息不会改变输入焦点,即使当所有者控件拥有输入焦点时,它仍然非常醒目。 为了解决问题,用户可能需要进行更改或重新输入。但如果所有者控件忽略错误的输入,用户也许可以完全不用修改。由于 问题并非关键,因此不需要使用错误图标。

输入发生之后使用:

1、当用户试图超出最大输入长度时弹出气球状提示。在下面图3示例中,气球状提示指示用户正试图超出最大输入长度。

转载:设计原则-控件Balloons(气球状提示)

图3

2、当用户输入无效字符时弹出气球状提示。当然,最好是没有这样的限制,因为这会削弱密码的安全性。为了防止信息泄露,该气球状提示应当只提及那些已写入文档的关于有效密码字符的信息。在下面图4示例中,气球状提示指示密码只能包含数字。

转载:设计原则-控件Balloons(气球状提示)

图4

3、对于关键的、短的文本框,当用户试图超出最大输入长度时,应当考虑为新用户显示气球状提示。在下面图5示例中,气球状提示指示用户试图超出最大输入长度。

转载:设计原则-控件Balloons(气球状提示)

图5

注:不要将气球状提示用作显示控件的附加信息,而应当考虑换用静态文本(Static Text)、信息提示(Infotip)、渐进展开控件(Progressive Disclosure)或提示文本(Prompt)。

解决办法

交互方式:当用户单击气球状提示时,直接关闭提示,不要显示其他任何 UI 或效果。与通知不同,气球状提示没有关闭按钮。如图6它就不是气球状提示。

转载:设计原则-控件Balloons(气球状提示)

图6

但是在阿里旺旺的登陆界面就应用了很纯正的气球状提示,如图7。

转载:设计原则-控件Balloons(气球状提示)

图7

前面讲到的大部分是表单上对控件Balloons(气球状提示)的应用,现在举两个在淘宝掌柜信誉与其他网站评论上的应用,如图8。

转载:设计原则-控件Balloons(气球状提示)

 2/3   首页 上一页 1 2 3 下一页 尾页

文章TAG:
下一篇