Ir al contenido

Interfaces Gráficas de Usuario/Balloons

De Wikilibros, la colección de libros de texto de contenido libre.

Un ballon o globo es una pequeña ventana emergente que informa a los usuarios de un problema o condición especial que se requiere en un control.

Los globos se componen principalmente de un icono o un título y el texto que da la solucion de lo que acontese en el momento.

A diferencia de la información sobre herramientas e Info-Tips, los globos también tienen una cola que identifica su origen.

Condiciones de uso

[editar]
  • ¿La información describe un problema o condición especial?

De no ser así, utilice otro control. No usar los globos para mostrar información adicional para extender la información.

  • ¿El problema se detecta inmediatamente para el usuario?

Si no, utilice un globo con un mensaje de error indicando que requisitos necesita o le falta para continuar.

  • ¿En caso de problemas de sintaxis?

Utilice un mensaje de error que aparece en un cuadro de diálogo de tareas o cuadro de mensaje.

Ejemplo: cuando en ciertas ocasiones no podemos utilizar algunos caracteres como “#, /, &, $, etc”

  • ¿El problema o condición especial se expresa concisamente?

Los globos no pueden tener una explicación detallada o proporcionar información adicional o extenderse. La información debe ser clara y concisa

  • ¿La información describe el control que actualmente se concentra sobre si?

Para esto se debe ubicar la punta en su lugar, a menos que los usuarios puedan ubicarse para interactuar más claramente con el mensaje.

  • ¿La información proviene de una sola fuente?

Si un problema o condición tiene múltiples fuentes o ninguna fuente específica, utilice un mensaje en el lugar o un cuadro de diálogo en su lugar.

Uso incorrecto

[editar]

En este ejemplo, el problema podría ser con el nombre de usuario o la contraseña, sino que informa del problema con un globo visualmente que sugiere que sólo la contraseña es el problema. En consecuencia, la retroalimentación de introducir un nombre de usuario incorrecto es engañosa.

Características

[editar]
  • Los globos pueden mostrarse independientemente de la posición actual del puntero, por lo que tienen una cola que indica su origen.
  • Los globos tienen un título, texto del cuerpo, y un icono.
  • Los globos pueden ser interactivos.

Ventajas

[editar]
  • Los globos son más notorios.
  • Los globos no requieren espacio disponible de la pantalla o el diseño dinámico que se requiere para brindar la información
  • Los globos se eliminarán de forma automática después de un tiempo de espera. (10 segundos aproximadamente)
  • los globos no tienen botones de cierre.

Accesibilidad

[editar]

Cuando se utilizan correctamente los globos mejoran la accesibilidad.

  • Se debe mantener el mismo el mismo tamaño y fuente en el globo; Con esto hace que el globo sea mas fácil de leer para los usuarios con baja visión, y reduce al mínimo la interrupción cuando es leído por lectores de pantalla.
  • Volver a mostrar el globo cada vez que se repite el problema o condición.

Texto

[editar]

Título

[editar]
  • Utilice un texto que resuma brevemente el problema de entrada o condición especial de forma clara, simple, con lenguaje conciso y específico.
  • Usar fragmentos de textos o frases completas sin puntuación final.
  • No utilice más de 48 caracteres para dar cabida a la localización.

Cuerpo

[editar]
  • Utilice la primera frase del texto del cuerpo para indicar el problema o condición en una forma que es claramente de interés para el usuario.
  • Utilice la segunda frase para expresar lo que el usuario puede hacer para resolver el problema o revertir el estado.