设计原则-控件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
投稿猜你喜欢
- Player.playState0 Undefined Windows Media Player is in an undefined st
- 近日在学习C++，看到函数指针，由于之前一直搞ASP，所以想ASP里面是否也有这个函数指针的东西，于是翻了翻VBScript手册，没让我失望
- 这10个asp处理网页编码转换的函数，不知何时收藏在我的电脑中，今天刚好看到了，拿出来与大家分享，这里各种常见的网页编码问题已经
- 问：把数据从MySQL迁移到Oracle需要注意些什么？答：以下是MySQL迁到Oracle需要掌握的注意事项，希望对你有所帮助。1．自动增
- jquery有一个插件叫Timer，很有意思，咱来实现一个简版的yui3的node timer。但还是应当首先交代下yui3的node扩展的
- AJAX应用因为它们的表现力的丰富、更加互动和更加迅速的响应得到了赞扬声；这些优点都是通过使用XMLHttpRequest对象来动态的载入数
很多网站都有“浏览历史”这个功能，通常都是显示在页面的一侧，特别是一些购物网站，这个功能会让用户使用网站的体验好一些；例如当当网或淘宝网都有- ASP+Access数据库的18条安全法则：1.首先，我们需要过滤所有客户端提交的内容,其中包括?id=N一类,另外还有提交的html代码中
- 从AspJpeg1.8 版本开始，AspJpeg 提供了比 PrintText 更为灵活的文本绘图方法PrintTextEx，PrintTe
- SQL Server会把经常使用到的数据缓存在内存里(就是数据页缓存)，用以提高数据访问速度。因为磁盘访问速度远远低于内存，所以减少磁盘访问
- Mysql数据库是一个多用户，多线程的关系型数据库，是一个客户机/服务器结构的应用程序。它是对个人用户和商业用户是免费的. Mysql数据库
- key_buffer_size - 这对MyISAM表来说非常重要。如果只是使用MyISAM表，可以把它设置为可用内存的 30-40％。合理
- table估计每个跟web打过交道的人都会经常接触到，跟js结合能做出很多不错的体验。这里打算结合js做一个系列，包括一些操作和效果，虽然现
- 原理：第一步：应用程序把查询SQL语句发给服务器端执行。我们在数据层执行SQL语句时,应用程序会连接到相应的数据库服务器,把SQL语句发送给
- 文本的排版依据语言的不同会有一些格式上的要求，比如简体中文中类似逗号、分号等标点符号不会出现在一行的开头，对于英文来讲就是一个完整单词不会在
- 你不可能随时备份数据，但你的数据丢失时，或者数据库目录中的文件损坏时， 你只能恢复已经备份的文件，而在这之后的插入或更新的数据，就无能为力了
- 我们一般采用photoshop等做图工具制作电视扫描线效果图片：首先做一个黑白相间的图案，然后用这个图案进行填充，再调整图层的模式或者透明度
- Dreamweaver 2004 除了可以插入 Flash SWF 動畫、Flash 文字和 Flash 按鈕以外，這次又新增加了一個叫做
- 动手写个小组件(组件入门) 这篇文章主要是为想将自己的ASP水平提高的人写的! 把ASP代码变成组件,开发者不仅是加快了ASP的速度,而且也
- 实际上，在web开发中，cookie仅仅是一个文本文件，当用户访问站点时，它就被存储在用户使用的计算机上，其中，保存了一些信息，当用户日后再
