Ir al contenido

Interfaces Gráficas de Usuario/Tooltips and Infotips

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

Los Tooltips and Info-tips tambien conocidos como(" consejos de herramientas y consejos de informacion ") son herramientas que implementan información acerca de algún objeto o control señalado, existen diferentes usos según la herramienta utilizada.

Estas herramientas proporcionan información al usuario sobre la funcionalidad o uso de los elementos, para que así pueda proceder a utilizarlos de manera adecuada.

Tooltips

[editar]

Los tooltips son utilizados para informar al usuario sobre la acción a realizar por un objeto, para que el usuario pueda comprender la funcionalidad del mismo. Se manifiestan como ventanas emergentes que contienes una descripción de algún control

Info-tips

[editar]

Se denomina info-tips a los cuadros de texto emergentes que describen la acción de un objeto señalado, dando detalles puntuales de la acción realizada por el mismo. Con los info-tips se suprime la necesidad de tener un texto descriptivo anclado en la pantalla, permitiendo así tener un diseño más dinámico del programa.

Modo de uso

[editar]

Uso correcto

[editar]

Tooltips

[editar]

En el momento de realizar un tooltip se deben de tener en cuenta las siguientes instrucciones:

  • Use Tooltips para proporcionar etiquetas para los controles no marcados. Los controles que normalmente tienen información sobre herramientas son botones de la barra de herramientas, botones gráficos. Todos los demás controles deben tener etiquetas explícitas.
  • Utilize máximo 5 palabras para definir la acción.
Ejemplo
[editar]

Info-tips

[editar]

En el momento de realizar correctamente un info-tip se deben de tener en cuenta las siguientes instrucciones:

  • Use el tiempo presente, no futuro.
  • Evite grandes info-tips. info-tips grandes son difíciles de leer y difícil de posición sin interferir con el objeto subyacente.
  • Formato Infotips para hacer su contenido más fácil de leer y escanear. grandes bloques de texto sin formato puede ser difícil de leer.
  • Utilize máximo 25 palabras para describir la acción.
Ejemplo
[editar]

Uso incorrecto

[editar]

Toltips

[editar]
  • Expresar el procedimiento que realizara un objeto o control en su ejecución.
  • Repetir la etiqueta de ningún objeto ya que no proporcionaria información adicional al usuario.


Ejemplo
[editar]
  • Uso incorrecto porque se describe la acción a realizar por el control.


Info-tips

[editar]
  • Demasiado extensos en su definición de la acción.
  • Formato mal realizado y desalineado.
  • Toda la descripción de la acción en una sola línea ya que es mucho más difícil de entender.
  • Generalizar acciones para una herramienta.
  • Utilizar tiempo futuro y más de 25 palabras.


Ejemplo
[editar]
  • Uso incorrecto porque se dificulta la claridad en la lectura de la descripción.

Cuando disponer de ellos

[editar]

Estas herramientas son notables cuando el usuario desconoce la funcionalidad de control o elemento porque con la información proporcionada por estas herramientas el usuario comprende cual es la acción realizada por cada elemento.

Por otra parte, también son necesarios cuando se busca orientar al usuario de manera en que el programa pueda manejarse de manera "instintiva”. Su uso es fundamental en cualquier control con una función determinada en nuestro programa para dar claridad sobre cuáles serían sus posibles acciones o usos.

Nunca está de más dar información sobre nuestro programa así que es primordial utilizar estas herramientas en cualquier instancia de nuestros programas.

Ventajas de uso

[editar]
  • Guiar al usuario de manera en que la funcionalidad del programa se convierta en algo "intuitivo".
  • Describir los controles de manera rápida y efectiva utilizando palabras clave como referencia.
  • Mejorar la interfaz del programa para que sea más amigable con el usuario.
  • Que el usuario tenga una idea más clara sobre nuestro programa.
  • Aclarar dudas sobre la funcionalidad de algún objeto o control.

Referencias

[editar]

http://msdn.microsoft.com/en-us/library/windows/desktop/aa511495.aspx