设计原则-控件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)。


猜你喜欢
- 本文实例分析了python开发之list操作。分享给大家供大家参考,具体如下:对python中list的操作,大家可以参考《Python l
- 一、基础环境准备windows环境:Pycharmpython3.6Django2.0.1Mysql5.7安装django 在pycharm
- 默认级别:warningimport logginglogging.debug('debug message')loggin
- 我们知道numpy的array是可以保存到文件的,一个常用的做法是通过to_file()保存到而进行.bin文件中,然后再通过from_fi
- 如果不用类库(如jquery)来写,往往很多时候,都需要通过id或tag来获取html里的某一对象,然后对其进行操作。为了节省代码,把常用的
- 看到别人用td和table标签模拟的办法: 设置table的上、左padding
- 前言:如何将一个JSON文档映射为Python对象主要包括一下三个部分:考点:loads函数的用法。面试题:如何将一个JSON文档映射为Py
- 链表一种物理存储单元上非连续、非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点(链表中每一个元素称为结
- 一、ROC与AUC很多学习器是为了测试样本产生的一个实值或概率预测,然后将这个预测值与一个分类阈值(threshold)进行比较,若大于阈值
- 一、ZeroMQ概述 ZeroMQ(又名ØMQ,MQ,或zmq)像一个可嵌入的网络库,但其作用就像一个并发框
- 问题:不同版本提交的城市文件夹数量固定,怎样确定本版本成果中缺少了哪些城市?背景:已有参照文件作为标准,利用取差集的方法#-*- codin
- 前言:在自动化测试中,经常需要查找操作文件,比如说查找配置文件(从而读取配置文件的信息),查找测试报告(从而发送测试报告邮件),经常要对大量
- 1、安装 nvmcurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.3
- 第一种使用queue队列实现:#生产者消费者模型 其实服务器集群就是这个模型# 这里介绍的是非yield方法实现过程import threa
- (function($) { (function($) { $.preload = function(data, cfg) { return
- 手写数字识别算法import pandas as pdimport numpy as npfrom sklearn.neural_netwo
- PyQt5布局控件QVBoxLayout简介采用QVBoxLayout类,按照从上到下的顺序添加控件本节内容较少,演示两个实例,便于明白QV
- 一、注册自定义指令以下实例都是实现一个输入框自动获取焦点的自定义指令。1.1、全局自定义指令在vue2中,全局自定义指令通过 directi
- 如下所示:import osimport reimport stringfile = open("data2.txt")
- 柱状图分类QBarSeries:竖向柱状图QPercentBarSeries:竖向百分比柱状图QStackedBarSeries:竖向堆叠柱