Compartir a través de


Instrucciones de la interfaz de usuario

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 por encima, se puede omitir o molestar fácilmente al usuario, lo que hace que sea ineficaz.

La interfaz de usuario informativa debe usarse para ayudar al usuario a detectar características importantes y no obvias de la aplicación, como gestos táctiles o configuraciones que pueden estar interesados. 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. Los valores deberían ser los siguientes:

  • 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.
  • Características obvias: si un usuario puede averiguar una característica por sí sola sin instrucciones, la interfaz de usuario informativa simplemente se pondrá de la manera.
  • 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.

Evite la inconvenición del usuario con la interfaz de usuario informativa. No:

  • Información importante oculta: la interfaz de usuario informativa nunca debe entrar en la forma de otras características de la 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 de repetición: no acose al usuario con la interfaz de usuario informativa, aunque la omita por 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 del juego que muestra el mensaje de la interfaz de usuario informativa,

  • Haciendo una gran primera impresión. Cuando Movie Moments se inicia por primera vez, la interfaz de usuario informativa pide al usuario que empiece a crear películas sin obstruir su experiencia.

    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 de correo de Windows que muestra el mensaje de interfaz de usuario informativa

    Cuando el usuario hace clic en el mensaje, el control flotante Configuración de la aplicación aparece en el lado derecho de la pantalla, lo que permite al usuario 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 de correo de Windows con un control flotante de configuración extendida