7 secretos para mejorar UX con microinteracciones
Sabiendo que todos juzgamos un libro por su portada, los diseñadores inteligentes crean interfaces pegadizas y prácticas. Los usuarios potenciales pueden ser enganchados, pero ¿cómo los enrollas completamente?
Al tratar de responder a esta pregunta, todos los caminos conducen a un enfoque de diseño centrado en el ser humano , donde el usuario es el foco principal. Ser humano: su aplicación debe hablar el mismo idioma que usamos todos los días, incluidas las emociones, el habla coloquial y una pizca de apariencia de "ven aquí". Una interfaz debe ser tu buena amiga, dispuesta a dar consejos para mejorar tu experiencia y hacerte reír.
Cortinas arriba, presione las luces: micro interacciones entran en juego. Para ser más precisos, se trata de animaciones interactivas que vienen con una interfaz para hacerlo más atractivo. Una buena animación puede:
- Comunicar estado y proporcionar comentarios
- Mejora el sentido de la manipulación directa
- Ayudar a las personas a visualizar los resultados de sus acciones
En UX, lo que importa es cómo lidiar con los usuarios y cómo se sienten al usar el producto. Incluso los detalles menores merecen una atención especial. Las micro interacciones proporcionan a los usuarios los comentarios necesarios y una comprensión de los procesos en curso, lo que hace que una interfaz sea accesible sin importar cuán complicada pueda ser la lógica detrás de ella.
1) Mostrar el estado del sistema
El primero principio heurístico de usabilidad por Jakob Nielsen declara: mantenga a su usuario informado sobre lo que está pasando. Los usuarios esperan obtener respuestas de inmediato, pero hay situaciones en las que un sitio necesita algo de tiempo antes de que se complete una acción.
Por lo tanto, la interfaz debe mantener al usuario informado sobre lo que está sucediendo al mostrar un gráfico en segundo plano, medir la velocidad de bits o reproducir un sonido. El mismo principio se relaciona con las transferencias de archivos: no permita que su usuario se aburra; muéstrales progreso. Incluso una notificación no tan agradable, como un error de transferencia, debe enviarse de una manera linda. Haz que tu usuario sonría!
2) Resalte los cambios
A menudo, para ahorrar espacio, una aplicación simplemente reemplazará un botón por otro cuando sea necesario. A veces tenemos que mostrar notificaciones para asegurarnos de que el usuario lo vea. La animación atraerá su atención y no permitirá que los usuarios pasen por alto lo que usted considera importante.
3) Mantener el contexto
En la era de los teléfonos inteligentes y los relojes inteligentes con pantallas pequeñas, puede ser difícil incluir mucha información en una sola pantalla. Una forma de manejarlo es mantener una navegación clara entre las diferentes páginas; para que el usuario entienda lo que apareció desde allí y pueda navegar fácilmente hacia atrás. Hay muchas opciones para esto:
4) Diseños no estándar
Continuando con los ejemplos anteriores, las micro interacciones deberían ayudar a los usuarios a entender cómo interactuar con diseños poco comunes sin confusión innecesaria. Las fotos que se abren hacia adelante, los gráficos que se desplazan y los que giran son todas excelentes opciones:
5) Llamadas a la acción
Además de ayudar a un usuario a interactuar eficazmente con una aplicación, las micro interacciones tienen el poder de alentar a los usuarios a interactuar de verdad: seguir navegando, compartir o compartir contenido, simplemente porque es atractivo y no quieren irse:
6) Visualizar entrada
La entrada de datos es uno de los elementos más importantes de cualquier aplicación. Los resultados de calidad que obtienen los usuarios dependen de la entrada de datos. Como regla general, es bastante aburrido, pero las micro interacciones convierten este proceso en algo especial:
7) Hacer que los tutoriales cobren vida
Y, por supuesto, las animaciones pueden ayudar a educar a los usuarios después del lanzamiento de una aplicación destacando las funciones y los controles básicos necesarios para un uso posterior sin problemas.
Conclusiones
Por lo tanto, si valoras tu experiencia de usuario, pule tu interfaz de la A a la Z, condimentando con micro interacciones y animaciones. Dará vida a tu proyecto.
La atención a cada detalle es clave para su éxito, haciendo que la interacción humano-computadora sea fácil de usar.