Microinteracciones: el secreto del diseño de aplicaciones

Los mejores productos hacen bien dos cosas: características y detalles. Las características son las que atraen a la gente a su producto. Detalles son los que los mantienen allí. Y los detalles son lo que realmente hace que nuestra aplicación se destaque de nuestra competencia.

Las microinteracciones son una de las mejores técnicas para proporcionar comentarios agradables.

A menudo consideradas secundarias, las microinteracciones en realidad crean una sensación de experiencia bien diseñada una vez que los usuarios las descubren. Como diseñador, reconocer la importancia de las microinteracciones es tan importante como diseñarlas.

¿Qué es una microinteracción de todos modos?

Las microinteracciones son los momentos de productos contenidos que realizan una pequeña tarea .

Como se describe por primera vez en el libro Microinteractions de Dan Saffer , estos pequeños detalles suelen cumplir estas funciones esenciales:

  • Comunicar retroalimentación o el resultado de una acción.
  • Realizar una tarea individual.
  • Mejora la sensación de manipulación directa.
  • Ayuda a los usuarios a visualizar los resultados de sus acciones y previene errores.

Algunos ejemplos de microinteracciones específicas incluyen:

  • La notificación de vibración junto con el ícono de modo silencioso en la pantalla cuando cambia un iPhone para silenciarlo.
  • Animación de interfaz en la entrada del usuario (un botón que cambia de color cuando lo toca).

Por qué funcionan las microinteracciones

Las microinteracciones funcionan porque apelan al deseo natural de reconocimiento del usuario . Cuando los usuarios interactúan con la interfaz de usuario, quieren saber que su sistema recibe sus acciones. Además, las microinteracciones pueden guiar a los usuarios sobre cómo interactuar con el sistema.

Identificación de oportunidades

Parte de la belleza de las microinteracciones es que se pueden insertar en una variedad de lugares, alrededor de cualquier acción potencial. En general, sin embargo, tienden a aparecer en las siguientes áreas:

Mostrar estado del sistema

El primer principio heurístico de usabilidad de Jakob Nielsen establece: mantenga a su usuario informado sobre lo que está sucediendo. Cuando los usuarios activan una operación, esperan obtener una respuesta inmediata. Pero hay situaciones en las que una aplicación necesita algo de tiempo para completar una operación. Por lo tanto, la interfaz debe mantener al usuario informado sobre lo que está sucediendo.

O dónde está el usuario:

Para llevar: No deje que se pregunte qué sucede: mantenga informado al usuario y muéstrele el progreso.

Resaltar cambios

Cuando ocurre algún evento importante, debemos mostrar notificaciones para informar a los usuarios al respecto. La animación puede ayudar a lograr este objetivo. Atraerá la atención de los usuarios y no permitirá que los usuarios pasen por alto lo que usted cree que es importante.

Conclusiones: en muchos casos, los efectos de animación se utilizan para atraer la atención del usuario hacia detalles importantes.

Mantener el contexto

Use el movimiento para transportar a los usuarios sin problemas entre contextos de navegación, explique los cambios en la disposición de los elementos en una pantalla. Esto es especialmente cierto para los dispositivos móviles y los relojes inteligentes, porque es simplemente imposible incluir mucha información en una pantalla y cualquier cambio de estado de la pantalla debería ser muy claro para los usuarios.

Para llevar: La transición entre dos estados visuales debe ser clara y suave.

Visualizar entrada

La entrada de datos es uno de los elementos más importantes de cualquier aplicación. Y las microinteracciones convierten este proceso en algo especial. Puede usar elementos visuales existentes para enviar comentarios, solo agregue buenos detalles visuales.

Conclusiones : 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 realmente. Al incorporar la empatía en la experiencia del usuario, tiene más posibilidades de que los usuarios hagan un movimiento. Pero asegúrese de que las señales visuales y las animaciones sean apropiadas para sus usuarios. Y tenga en cuenta la longevidad: ¿la microinteracción se volverá molesta en el uso número 100, o es universalmente clara y discreta?

Para llevar: concéntrese en las emociones del usuario porque juegan un papel muy importante en las interacciones del usuario. Extraiga del contexto y la investigación y el diseño del usuario para un uso repetido.

Cosas para recordar

  • Las microinteracciones actúan como facilitadores de las interacciones entre un usuario y un sistema .
  • Las microinteracciones deberían ahorrar tiempo al comunicar instantáneamente lo que está sucediendo de una manera que no aburra ni distraiga al usuario .
  • Conocer a sus usuarios y el contexto detrás de la interacción hará que las microinteracciones sean más efectivas.
  • Las microinteracciones deben sobrevivir al uso a largo plazo . Lo que parece divertido la primera vez puede volverse molesto después del uso número 100.

Conclusión

Diseña con cuidado. El gran diseño tiene que suceder en todos los niveles, desde la gran parte funcional hasta las pequeñas microinteracciones.

Texto publicado por Nick Babich. Diseñador de producto y editor en jefe de UX Planet
El 29 de febrero de 2016 en MEDIUM

Traducción YVR

Comenta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s