Tooltips

¿Qué son los tooltips?

Los tooltips son mensajes dentro de la aplicación que generalmente aparecen cuando los usuarios navegan a un área específica o realizan una acción determinada en el producto. El tipo más común de tooltips son los "hovers", que son mensajes que aparecen cuando el usuario mueve el cursor sobre un menú de navegación, un elemento interactivo o un "hotspot" predeterminado.

¿Por qué debería usar tooltips?

Los tooltips son la forma más ampliamente aplicable y menos disruptiva de mensajería dentro de la aplicación, ya que generalmente solo utilizan una pequeña cantidad de espacio en pantalla. Son especialmente útiles para explicar funciones que pueden ser menos comprensibles solo por su nombre, o para responder preguntas frecuentes proporcionando contexto adicional. Los tooltips de varios pasos también pueden emplearse para guiar a los usuarios a través de un flujo de trabajo nuevo o modificado en el producto.

Por ejemplo, WebPT, una plataforma de registros médicos electrónicos para consultorios de fisioterapia, detectó que los usuarios tenían dificultades para completar formularios de seguro en línea. Usaron tooltips para explicar cómo completar los campos que generaban más confusión, lo que ayudó a reducir a la mitad los tickets de soporte relacionados con esa área de la plataforma.

¿Cuándo se deben usar los tooltips?

Los tooltips deben usarse principalmente para proporcionar explicaciones complementarias sobre funciones que, de mostrarse de forma permanente, saturarían la interfaz. Las guías de tooltips de varios pasos solo deben usarse para orientar a los usuarios a través de funcionalidades nuevas o modificadas, con cada paso del tooltip anclado a una función específica dentro de ese flujo de trabajo.

¿Cómo crear tooltips efectivos?

Lo más importante que hay que recordar sobre los tooltips es que deben proporcionar contexto adicional al flujo de trabajo previsto para el usuario. A continuación, algunas formas de asegurarte de que tus tooltips sean efectivos:

• Las pruebas son clave: siempre prueba tus tooltips antes de publicarlos para asegurarte de que aporten valor, en lugar de restar o distraer de la experiencia del usuario.
• Sé conciso: lo último que quieres es que tu tooltip genere más confusión en el usuario. Asegúrate de mantener el lenguaje en tus tooltips claro, directo y lo más breve posible. Es en estos casos cuando contar con un escritor de UX (o alguien experto en microcopy) resulta beneficioso, para garantizar que los tooltips estén redactados pensando en el usuario.
• Piensa en el diseño: siempre considera el diseño de tu tooltip en relación con las imágenes y el texto que lo rodean. Por ejemplo, es mejor elegir colores que contrasten con el color de fondo y asegurarse de que los tooltips no bloqueen ningún texto relacionado.