La experiencia del usuario es uno de los temas más candentes en la vida actual del diseñador. Para que nuestro producto tenga éxito y se destaque de nuestros competidores, debemos asegurarnos de tratar a nuestros usuarios de la mejor manera. Cuando se trata de usuarios de hoy en día, que están muy familiarizados con las últimas tecnologías, es más que una interfaz visualmente atractiva. Aquí es donde entra en juego el término diseño de experiencia de usuario.
A menudo elegimos diferentes métodos de UX para diferentes proyectos en función de su complejidad para obtener las mejores soluciones. Entre estos procesos, la revisión heurística es uno de los métodos útiles para descubrir los problemas de usabilidad y resolverlos en función de su gravedad. Utilizamos 'heurísticas de usabilidad' como pautas para ejecutar este proceso de UX.
Consulte mi blog anterior para saber más sobre la evaluación heurística y sus metodologías.
En este blog, estoy haciendo un recorrido avanzado sobre las “10 heurísticas de usabilidad de Jakob Nielsen” que se consideran las pautas ideales para completar una evaluación heurística. Aunque data de los años 90, sigue siendo relevante y útil.
El sistema siempre debe mostrar el estado de una operación en curso a los usuarios hasta que finalice. De esta manera, el usuario obtendrá una comprensión clara del progreso de ese proceso/actividad en particular. Nunca cree una situación en la que el usuario esté completamente confundido sobre cierto progreso/proceso.
En el ejemplo anterior, la barra de progreso en la parte superior hace el trabajo indicando que se cargaron 3 de 5 imágenes. Aquí el usuario es muy consciente del progreso y puede esperar sin dudarlo hasta que se complete el proceso. Además, el usuario puede tocar la barra de progreso y ver la vista detallada del estado de carga. En un escenario donde no hay tales indicaciones de progreso, el usuario podría confundirse y tocaría el botón Atrás o recargaría. Podemos evitar fácilmente situaciones tan frustrantes haciendo visible el estado del sistema.
La interacción con el usuario es un punto clave en el éxito del producto. Para facilitar la interacción entre los usuarios y el producto, intente utilizar los componentes que les resulten familiares. Podemos lograrlo haciendo coincidir el sistema de diseño con el mundo real. Podemos utilizar textos, iconos, ilustraciones, etc: que sean familiares para el usuario final para que pueda relacionarlos con cosas cotidianas y comprender fácilmente el propósito de cada elemento.
En este ejemplo, podemos ver una animación/imagen de ayuda en la parte superior de la pantalla.
Los usuarios pueden relacionar estos gráficos con una tarjeta de pago real y completar los detalles sin confusión, incluso si no están familiarizados con la banca en línea. Aquí estamos haciendo las cosas bastante sencillas y fáciles.
El usuario necesita control total y libertad sobre todo el sistema. El sistema debería ayudarles a deshacer una acción que ocurrió por error. Los frustrantes problemas de usabilidad nunca ayudarían a retener a los usuarios. Es así como se está convirtiendo en uno de los puntos importantes de este tema.
En el ejemplo anterior, muestra un mensaje emergente de éxito para publicar un perfil. No es sólo un mensaje emergente de éxito. El botón deshacer en esa ventana emergente ayuda al usuario a regresar y configurar el perfil nuevamente si lo hizo por error.
La ley básica de la vida de los diseñadores. Debemos seguir la coherencia y el estándar en todo el diseño del producto. La coherencia no se refiere sólo a los colores y estilos de botones, sino también a la experiencia general. No permita que los usuarios se confundan agregando diferentes tipos de experiencias en diferentes flujos de tareas. Si elegimos la ventana emergente como solución a un problema, utilice la misma solución en todas las situaciones similares. Que se acostumbren.
Este ejemplo es una parte de las pautas de la interfaz de usuario de un producto. Al utilizar las pautas de marca, podemos mantener la coherencia y el estándar fácilmente.
Los usuarios son humanos. Los humanos tienden a cometer errores. Por lo tanto, siempre debemos estar atentos para evitar esos posibles errores dando sugerencias y notificaciones adecuadas cuando sea necesario.
En el ejemplo anterior, muestra los estándares de contraseña que deben seguirse al configurar la contraseña. Para que pueda verificar la contraseña con el estándar del sistema y completar la tarea con éxito en el primer intento. Otro ejemplo de prevención de errores se puede ver en Outlook. Nos notificarán si olvidamos agregar el archivo adjunto. El sistema escaneará el cuerpo del mensaje y nos lo recordará con un mensaje.
Intente minimizar el uso de la memoria del usuario. Sugiérales las opciones que podrían necesitar. O recuérdeles que completen una determinada tarea que debe realizarse pronto. No permita que los usuarios piensen demasiado ni recuerden su memoria para completar las tareas.
El diseño anterior es un ejemplo perfecto de esto. Aquí, el diseñador ha mantenido el artículo visto recientemente en la pantalla de inicio y eso le recordará al usuario sus últimas búsquedas y los artículos que necesita comprar. Este tipo de enfoques nos ayudarían a reducir el uso de la memoria del usuario.
El diseño debería ser más fácil de usar para todos los grupos de usuarios. Aunque solo tengamos un conjunto de grupos de usuarios, habrá usuarios novatos y experimentados. Necesitamos satisfacer ambas categorías. No podemos limitarnos a usuarios expertos, porque todos ellos alguna vez fueron principiantes.
El ejemplo anterior muestra cómo manejar este tipo de situaciones. Aquí, para duplicar un elemento, un usuario novato puede ir a editar y hacer clic en Duplicar. Pero existe un atajo para los expertos. Presionaban el comando D y duplicaban cosas rápidamente. Podemos ver muchos más ejemplos en nuestra vida diaria. Cuando instalamos software, podemos ver dos opciones: Instalación predeterminada y avanzada. Los expertos optarán por la instalación avanzada para eliminar servicios no deseados del software.
Esto suena familiar ya que lo seguimos como una rutina. El diseño estético y minimalista no se trata de agregar espacios en blanco. Se trata de proporcionar datos relevantes y eliminar todo lo no deseado. Capte la atención de los usuarios hacia la acción que debe realizarse allí. O proporcione los datos exactos que quieren ver. No pongas datos y elementos irrelevantes que confundan a los usuarios.
Google.com es un ejemplo perfecto de diseño estético y minimalista. Además, eche un vistazo a los otros motores de búsqueda para ver la diferencia.
Ayude a los usuarios a identificar cuál es el error exacto y sugiera una forma de deshacerse de él. Si el usuario no recibe ayuda en un error, definitivamente se alejará del producto.
Aquí en este ejemplo, en el momento en que escribe el nombre de usuario completo, el sistema muestra que no existe dicho nombre de usuario. Ahora puede volver a verificar el nombre de usuario y, si el error persiste, puede usar el enlace de recuperación. Usando ese enlace puede recuperar o restablecer el nombre de usuario.
La presencia de un usuario en la página de ayuda indica que nuestro producto no es tan intuitivo (en la mayoría de los casos). Pero si todavía pensamos que nuestro diseño es perfecto, entonces debemos prestar más atención a ese tipo de usuarios. Por eso la ayuda y la documentación son muy importantes para una mejor experiencia de usuario.
Como se muestra en el ejemplo, debemos categorizar diferentes áreas de manera adecuada para que el usuario pueda seleccionar y corregir el área y luego encontrar una solución. Además, podemos agregar una sección de preguntas frecuentes, para ver los posibles errores y sus soluciones de usuarios anteriores. Agregar un botón para comunicarse con el servicio de atención al cliente sería una muy buena medida, ya que algunos usuarios prefieren las llamadas de voz incluso antes de consultar estos documentos de ayuda.