Microinteracciones: El secreto del diseño de la gran aplicación
Los mejores productos hacen dos cosas bien: características y detalles. Las características son lo que atraen a la gente a su producto. Los detalles son lo que los mantienen allí. Y los detalles son lo que realmente hacen que nuestra aplicación se destaque de nuestra competencia.
Todos los caminos conducen a un enfoque de diseño centrado en el ser humano, donde el usuario es el foco principal. A menudo considerado como accesorio o secundario, las microinteracciones crean realmente una sensación de bienestar una vez que son descubiertas por los usuarios. Como diseñador, reconocer la invisibilidad de las microinteracciones es tan importante como diseñarlas. Tienes que crear algo que se sienta humano y realizar una tarea adaptable.
¿De todos modos qué es una microinteracción?
Las microinteracciones son los momentos contenidos en el producto que hacen una pequeña tarea.
Estos detalles minúsculos suelen servir a estas funciones esenciales:
- Comunicar la retroalimentación o el resultado de una acción. - Realizar una tarea individual. - Mejorar el sentido de la manipulación directa. - Ayude a los usuarios a visualizar los resultados de sus acciones y evitar errores.
Algunos ejemplos de microinteracciones específicas incluyen:
- La notificación de vibración junto con el icono de modo silencioso en la pantalla cuando se cambia un iPhone a silenciar. Modo silencioso del iPhone - Animación de interfaz que muestra la capacidad de hacer clic (un botón que cambia de color cuando se cierne sobre). Respuesta en la acción del usuario
Por qué funcionan las microinteracciones
Las microinteracciones funcionan porque apelan al deseo natural del usuario de reconocerlo. El usuario sabe instantáneamente que su acción fue aceptada y desea estar encantada con las recompensas visuales. También microinteracciones pueden guiar a los usuarios en cómo trabajar el sistema.
Identificando Oportunidades
Parte de la belleza de las microinteracciones es que pueden insertarse en una variedad de lugares, alrededor de cualquier acción potencial. En general, sin embargo, tienden a surgir en las siguientes áreas:
Mostrar estado del sistema
Mantén a tu usuario informado sobre lo que está pasando. Y los usuarios esperan obtener respuestas inmediatamente. Pero hay situaciones en las que una aplicación necesita algo de tiempo antes de que se complete una acción.
Por lo tanto, la interfaz debe mantener al usuario iluminado acerca de lo que está sucediendo.
Consejo: No deje que su usuario se aburra, mantenga informado al usuario y muestre el progreso (por ejemplo, una barra de carga involucra al usuario y previene la confusión).
Cambios destacados
A veces tenemos que mostrar notificaciones para asegurarnos de que el usuario la vea. La animación puede ayudar. Se atraerá la atención de los usuarios y no dejara que pasen por alto lo que usted piensa que es importante.
Mantener el contexto
Utilice el movimiento para transportar fácilmente a los usuarios entre contextos de navegación, explicar los cambios en la disposición de elementos en una pantalla. Esto es especialmente cierto para los dispositivos móviles y los relojes inteligentes, porque es simplemente imposible ajustar una gran cantidad de información en una sola pantalla.
Consejo: Mantenga navegación clara entre las diferentes páginas; Por lo que el usuario entiende lo que apareció desde dónde. La transición entre dos estados visuales debe ser clara, suave y sin esfuerzo. Unificar en un tema - crear un tema unificador para unir todas las interacciones.
Visualizar entrada
La entrada de datos es uno de los elementos más importantes de cualquier aplicación. Y las micro-interacciones convierten este proceso en algo especial. Puede utilizar elementos existentes para enviar comentarios. Comida para llevar: Las microinteracciones ayudan a revelar información y ayudan al usuario a alcanzar su objetivo.
Llamada a la acción
Las microinteracciones tienen el poder de alentar a los usuarios a interactuar. Pueden traer empatía en la experiencia del usuario. Pero asegúrese de que las señales visuales y las animaciones sean apropiadas para sus usuarios. Enfócate en las emociones de los usuarios porque juegan un papel importante en las interacciones. Dibuja desde el contexto y la investigación y diseño del usuario para uso repetido.
Cosas para recordar
- Las microinteracciones actúan como facilitadores de las interacciones, con comentarios, notificaciones e instrucciones. - Las microinteracciones deben ahorrar tiempo al comunicar instantáneamente la información de una manera que no aburra ni distraiga al usuario. Deberían llamar la atención del usuario como un astuto guiño. - Conocer a sus usuarios y el contexto detrás de las microinteracciones los hará más precisos y efectivos. - Las microinteracciones deben sobrevivir al uso a largo plazo. Lo que parece divertido la primera vez puede llegar a ser molesto después de 100 usos. - Añada humanidad a la microinteracción y enfóquese en la armonía visual. El movimiento debe sentirse fluido para hacer que la microinteracción cobre vida.
Conclusión
Diseñe con cuidado. Piense en cómo las personas trabajan y utilizan sus dispositivos y reflejan patrones de pensamiento comunes mientras diseñan estos pequeños bits. La atención a cada detalle es clave para su éxito haciendo que la interacción entre humanos sea fácil de usar. El gran diseño tiene que pasar "full-stack", desde la parte funcional hasta las micro-interacciones.
¡Ten a mano tu lista de iconos para tu proyecto!
