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

作者:Alite Yu 来源:Alite 时间:2009-08-15 12:34:00 

Balloons(气球状提示)

问题摘要

气球状提示(Balloon)是一个小型的弹出窗口,用于通知用户出现非关键性问题或控件处于某种特殊情况。

实例

图1

  • 注: 气球状提示由图标、标题、正文文本组成,且所有这些部分都是可选的。

  • 注: 当用户试图提交操作的时候,任何未处理的问题都必须由其所有者用户界面来处理。

  • 注: 气球状提示通常与文本框或其他使用文本框来改变值的控件一起使用,如组合框、列表视图、树形视图等等。

  • 注: 保持控件之间的一致性.当发现不一致性出现时,气球状提示不再适用.

  • 注: 如果其他类型的控件已经进行了很好的约束,就不再需要气球状提示来给出额外的反馈。

何时使用

  • 注: 该信息描述的是一个问题或者特殊情况。

  • 注: 当正在输入时或所有者控件失去焦点时,该问题或特殊情况能被立即检测到。

  • 注: 这些问题并非很关键。

  • 注: 对于那些特殊情况,本身是合法的,但很可能并不是用户期望的。

  • 注: 该问题或特殊情况能用准确的语言进行描述。

  • 注: 这些信息描述的并非是鼠标当前指向的控件。

  • 注: 这些信息与用户当前的活动相关。在默认情况下,气球会在 10 秒后消失。

  • 注: 这些信息具有单一、确定的来源。

输入发生之前使用:
1.例如大写锁定键(Caps Lock)开启状态,密码框的气球状提示(参见图1)。所有者控件处于某种影响输入的状态,该状态可能不是用户所期望的,但用户也许没有意识到其输入所受的影响。当出现特殊情况时(如超过最大输入字符数或大写锁定被启用等),在第一时间使用气球状提示进行警告可以防止用户产生挫败感。它在给出反馈信息的同时,不改变输入焦点,不强迫用户进行操作。这一点非常重要,因为这些特殊情况有可能是故意为之的。这些气球状提示对于密码框尤为重要,因为用户在密码框中输入时只能得到很少的反馈。此类气球状提示带有警告图标。

2.输入提示:只接受数字输入的文本框,最好在输入前给予提示当焦点移动到文本框内时,出现气球状提示(如图2).

图2

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

输入发生之后使用:
1.当用户试图超出最大输入长度时弹出气球状提示。在下面图3示例中,气球状提示指示用户正试图超出最大输入长度。

图3

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

图4

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

图5

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

标签:设计,控件,气球,提示
0
投稿

猜你喜欢

  • SQL 优化

    2024-01-16 10:50:40
  • 解析mysql 5.5字符集问题

    2024-01-13 09:01:54
  • Python网络爬虫之爬取微博热搜

    2021-08-31 02:53:50
  • 对Python3之进程池与回调函数的实例详解

    2022-07-30 13:07:01
  • Python3 使用selenium插件爬取苏宁商家联系电话

    2023-12-20 01:39:57
  • Go语言函数的延迟调用(Deferred Code)详解

    2024-02-19 13:16:19
  • 如何利用Python实现一个论文降重工具

    2021-02-04 08:11:28
  • InnoDb 体系架构和特性详解 (Innodb存储引擎读书笔记总结)

    2024-01-21 14:21:03
  • Python+numpy实现一个蜘蛛纸牌游戏

    2022-05-02 03:29:08
  • python 上下文管理器使用方法小结

    2021-08-11 07:27:30
  • 浅析python 中__name__ = '__main__' 的作用

    2022-07-21 16:32:28
  • python 数据的清理行为实例详解

    2021-04-12 08:43:50
  • 使用MYSQL TIMESTAMP字段进行时间加减运算问题

    2024-01-13 12:24:29
  • python并发编程 Process对象的其他属性方法join方法详解

    2022-03-07 04:29:54
  • js+html5实现半透明遮罩层弹框效果

    2024-05-08 09:33:09
  • python实现将html表格转换成CSV文件的方法

    2023-08-25 00:48:41
  • Python3 pywin32模块安装的详细步骤

    2023-01-20 06:42:46
  • Python 可爱的大小写

    2021-05-15 12:34:18
  • php插件功能实现方法介绍

    2023-05-30 12:28:52
  • 关于vue2使用element UI中Descriptions组件的遍历问题详解

    2024-05-09 15:15:42
  • asp之家 网络编程 m.aspxhome.com