Tool tips

[pic 1]

Tool Tips

Se trata de una pequeña ventana emergente que etiqueta un control sin etiqueta al que se apunta con el cursor, como controles de barra de herramientas o botones de comando sin etiqueta.

[pic 2]

Cuando está activada, la información sobre herramientas muestra una etiqueta de texto que identifica un elemento, como una descripción de su función.

Es difícil proporcionar consejos útiles sobre una tool tips. Por un lado, deben ser cortos para que el usuario pueda reconocer el mensaje al instante. Por otro lado, si el texto en una tool tip es demasiado largo, se vuelve engorroso leerlo por completo.

[pic 3]

Principios

• Transitorio: La información sobre herramientas aparece al pasar el cursor y desaparece después de un breve período de tiempo, lo ideal son 1,5 segundos tanto para que el tooltip aparezca.
• Emparejado: La información sobre herramientas siempre se empareja cerca del elemento asociado, pero sin llegar a recortar la tooltip.
• Brevedad: La información sobre herramientas solo incluye un texto breve y descriptivo.

[pic 4]

El texto para una tooltip tiene espaciado hacia los bordes, comúnmente de 8px, el texto es centrado

También se han de considerar las siguientes preguntas:

• ¿La información que se muestra se basa en el desplazamiento del puntero? 

Se deben mostrar la información solo como resultado de la interacción del usuario, nunca se han de mostrar solas. 

• ¿Tiene el control una etiqueta de texto? 

Tenga en cuenta que la mayoría de los controles deben estar etiquetados y, por lo tanto, no deben tener información sobre herramientas. Los controles de la barra de herramientas y los botones de comando con etiquetas gráficas deben tener información sobre herramientas.

• ¿El objeto se beneficia de una descripción suplementaria?  

Si es esencial, se debe colocar directamente en la interfaz de usuario para que los usuarios no tengan que descubrirlo o buscarlo. Algo también importante, es no mostrar imágenes dentro del tooltip.

[pic 5]

• ¿La información complementaria es un error, una advertencia o un estado? 

Si es así, use otro elemento de la interfaz de usuario, como un globo, un mensaje de error o una barra de estado.

• ¿Los usuarios necesitan interactuar con la tooltip? 

Si es así, es mejor usar otro control, como un globo. Los usuarios no pueden interactuar con las sugerencias porque al mover el mouse desaparecen.

[pic 6]

• ¿El contexto es tal que los usuarios encuentran a las tooltips molestas? 

Si usa tooltips en tales contextos, permita que los usuarios los desactiven.

...