Directrices de la interfaz de usuario instructiva

En algunas circunstancias, puede resultar útil enseñar al usuario sobre las funciones de la aplicación que podrían no ser obvias para ellos, como interacciones táctiles específicas. En estos casos, debe presentar instrucciones al usuario a través de la interfaz de usuario para que puedan usar esas características que podrían perderse.

Cuándo usar la interfaz de usuario informativa

La interfaz de usuario informativa debe usarse cuidadosamente. Cuando se usa en exceso, puede ignorarse fácilmente o molestar al usuario, lo que hace que resulte ineficaz.

La interfaz de usuario instructiva debe usarse para ayudar al usuario a descubrir funciones importantes y no evidentes de su aplicación, como gestos táctiles o ajustes que puedan interesarle. También se puede usar para informar a los usuarios sobre las nuevas características o los cambios en la aplicación que podrían haber pasado por alto.

A menos que la aplicación dependa de gestos táctiles, la interfaz de usuario informativa no debe usarse para enseñar a los usuarios las características fundamentales de la aplicación.

Principios de escritura de la interfaz de usuario informativa

La buena interfaz de usuario informativa es relevante y educativa para el usuario y mejora la experiencia del usuario. Debería ser:

  • Simple: Los usuarios no quieren que su experiencia se interrumpa con información complicada
  • Memorable: Los usuarios no quieren ver las mismas instrucciones cada vez que intentan realizar una tarea, por lo que las instrucciones deben ser algo que recordarán.
  • Inmediatamente relevante: si la interfaz de usuario informativa no enseña a un usuario algo que quiera hacer inmediatamente, no tendrá una razón para prestar atención a él.

Evite el uso excesivo de la interfaz de usuario informativa y asegúrese de elegir los temas adecuados. No enseñe:

  • Características fundamentales: si un usuario necesita instrucciones para usar la aplicación, considere la posibilidad de que el diseño de la aplicación sea más intuitivo.
  • Funciones obvias: si un usuario puede descubrir una función por sí solo sin necesidad de instrucciones, la interfaz de usuario de orientación no hará más que estorbar.
  • Características complejas: la interfaz de usuario informativa debe ser concisa y los usuarios interesados en características complejas suelen estar dispuestos a buscar instrucciones y no es necesario darles.

Evita molestar al usuario con una interfaz de instrucciones. No haga lo siguiente:

  • Ocultar información importante: La interfaz de usuario instructiva nunca debe interferir con las demás funciones de tu aplicación.
  • Forzar a los usuarios a participar: los usuarios deben poder omitir la interfaz de usuario informativa y seguir progresando a través de la aplicación.
  • Mostrar información repetidamente: No bombardees al usuario con instrucciones en la interfaz, aunque las ignore la primera vez. Agregar una configuración para volver a mostrar la interfaz de usuario informativa es una mejor solución.

Ejemplos de interfaz de usuario informativa

Estas son algunas instancias en las que la interfaz de usuario informativa puede ayudar a los usuarios a aprender:

  • Ayudar a los usuarios a detectar interacciones táctiles. La siguiente captura de pantalla muestra la interfaz de usuario informativa que enseña a un jugador cómo usar gestos táctiles en el juego, Cortar la cuerda.

    captura de pantalla de un juego que muestra un mensaje instructivo de la interfaz de usuario:

  • Causar una excelente primera impresión. Cuando Movie Moments se abre por primera vez, las indicaciones de la interfaz de usuario guían al usuario para que empiece a crear películas sin entorpecer la experiencia de uso.

    pantalla de inicio de la aplicación de momentos de película

  • Guiar a los usuarios para que realicen el siguiente paso en una tarea complicada. En la aplicación Correo de Windows, una sugerencia en la parte inferior de la Bandeja de entrada dirige a los usuarios a Configuración para acceder a mensajes más antiguos.

    captura de pantalla recortada de la aplicación Correo de Windows que muestra un mensaje instructivo de la interfaz de usuario

    Cuando el usuario hace clic en el mensaje, el panel Configuración de la aplicación aparece en el lado derecho de la pantalla, lo que le permite completar la tarea. Estas capturas de pantalla muestran la aplicación Correo antes y después de que un usuario haga clic en el mensaje de interfaz de usuario informativa.

    Antes Después
    captura de pantalla de la aplicación de correo de Windows captura de pantalla de la aplicación Correo de Windows con un panel desplegable de configuración ampliada