El diseño de interacción ha existido desde que fuimos lo suficientemente sofisticados como para desarrollar incluso herramientas básicas. Es el proceso de inventar, optimizar e iterar sobre el éxito anterior para hacer las cosas no solo mejores, sino también más familiares para nuestros usuarios.

Es una habilidad que no se limita a ninguna industria y, sin embargo, tiene la reputación de ser principalmente un instrumento de diseño moderno.

En la Web, usamos principios de diseño de interacción para hacer que las cosas resulten familiares y para exponer a nuestros usuarios a nuevos conceptos que ya saben cómo usar, antes de usarlos realmente. Asegurar que nuestros usuarios estén cómodos y familiarizados con un producto, servicio o incluso con un patrón de IU hace una gran diferencia en la percepción de nuestro trabajo.

El diseño e investigación de interacciones detalladas pueden conducir a una experiencia de usuario mucho mejor y a un producto más accesible. Cuando se presentan al mercado ideas nuevas (incluso revolucionarias), el diseño de la interacción es fundamental para garantizar que estas nuevas y llamativas características sean fáciles de usar y se sientan familiares para nuestros clientes.

El uso del marketing de Apple con el lanzamiento del iPad original es un ejemplo sobresaliente de este proceso. La idea de una tableta había existido y probado, pero el trabajo de Apple para hacer que el dispositivo pareciera poco pretencioso y natural agilizó su éxito como una nueva plataforma.

Hacer que nuestros usuarios se sientan cómodos sosteniendo, usando o incluso pensando en nuevas ideas o productos es esencial para el diseño de la experiencia del usuario.

"Pedir a los usuarios que adopten nuevos comportamientos o incluso modificar sus comportamientos existentes es muy, muy difícil". Khol Vinh de Mixel

Diseño de interacción en la Web

El diseño de interacción en la Web se centra principalmente en la interfaz y el diseño del usuario. A diferencia de otros medios, esto es único ya que hay millones de ejemplos de casi todos los casos de uso que existen. Por lo tanto, es más un problema encontrar la base desde la cual iterar, en lugar de tratar de encontrar la base.

Recursos como PatternTap o Ptrones son recursos fantásticos para comparar y encontrar inspiración de los patrones existentes. Cosas como iconos, navegación e incluso páginas 404 tienen sus respectivas categorías. Poder colaborar de esta manera con el resto de la industria hace que el formato en línea sea único. Permite el prototipado masivo y la investigación a gran escala de lo que funciona y lo que no funciona.

Usa patrones que entreguen buenos UX

Si fuera tan fácil como elegir un patrón probado y verdadero que funcione siempre para navegación, iconos, listas o cualquier otra cosa; estaríamos sin trabajo. Una buena experiencia de usuario se basa en una base sólida de investigación y prueba.

Lo que puede funcionar bien para otra persona en una situación similar, puede no funcionar para usted. Por esta razón, siempre es importante hacer nuestro propio análisis, experimentación y prueba.

Comenzando, queremos identificar lo que nuestro usuario espera. Por ejemplo, si estamos planeando dónde ubicar la navegación de una página, el sentido común nos dice que nuestros usuarios esperan que esté en algún lugar cerca de la parte superior, ya sea en un elemento de estilo de encabezado o en una barra lateral. Luego, querremos identificar cuál de estos casos de uso sería ideal para nuestra situación particular (barra lateral frente a encabezado) y esperamos tener datos para respaldar esa suposición. Este es un ejemplo mínimo y aproximado de un proceso de diseño de interacción.

Usar patrones de usuario emergentes

Los patrones de uso común son más o menos considerados como apuestas "seguras". La mayoría de las personas saben lo que quieren decir, sabemos cómo nuestros usuarios esperarán que funcionen, y su uso común nos dice que es algo con lo que la gente se siente cómoda (o lo estará pronto). Los patrones emergentes, por otro lado, son mucho más dramáticos. Estos patrones son nuevos, llamativos, y aún no se han perfeccionado o son lo suficientemente comunes como para que nuestros usuarios los entiendan de inmediato. Pueden provocar confusión, insatisfacción o incluso hacer que una interfaz parezca mal diseñada.

Con todo lo dicho, los patrones emergentes son únicos por una razón. Si bien no todo el mundo los entiende o aún no los conoce, es posible que lo estén pronto. Vale la pena prestarle atención por el simple hecho de que nadie quiere ser la última persona en implementar la nueva funcionalidad. Con la creciente popularidad de algunas interacciones, a veces nuestros usuarios incluso esperan que nosotros las implementemos después de cierto punto. Por lo tanto, aunque los patrones emergentes parecen incompletos, a veces vale la pena ser un adoptador temprano si los riesgos son bajos.

La debacle del icono de la hamburguesa

Un ejemplo de un patrón de uso emergente (y altamente debatido) es el icono de hamburguesa. Si bien es discutible en términos de expresar su funcionalidad, nadie puede negar que es un patrón cada vez más popular y exitoso. Incluso para los usuarios que no entienden su uso o significado, un simple toque o clic revela dicha información. El ícono de la hamburguesa puede convertirse fácilmente en un patrón popular y muy bien entendido, simplemente al incluir la palabra "menú" al lado del ícono. Algún día, más adelante, el icono de la hamburguesa puede ser tan aburrido y común como usar una "X" para cerrar.

Una interfaz de usuario es como una broma. Si tienes que explicarlo, no es tan bueno. - Martin LeBlanc

Entrenando a nuestros usuarios para que se sientan cómodos

Tener que explicar la funcionalidad detrás de nuestra interfaz generalmente significa que no es tan bueno. Pero sin esa capacitación para nuevas ideas, nunca progresaríamos. En lugar de aspirar a ninguna explicación, deberíamos buscar una explicación muy pequeña en su lugar. Si tenemos que dar un folleto con nuestra UI, es seguro decir que lo estamos haciendo mal. Si solo se necesita una oración o una declaración breve para explicar la funcionalidad, aún podríamos hacerlo mejor ... pero esto está ciertamente bien. En resumen, nada nuevo se volverá cómodo si no exponemos a los usuarios a él de manera adecuada, lo que a veces significa explicar nuestras ideas.

Rompiendo el molde

Los patrones inusuales se vuelven modernos y aparecen de vez en cuando. Hemos visto interacciones como el desplazamiento horizontal y las páginas de paralaje aumentar en popularidad antes a pesar de sus connotaciones negativas de UX. A veces romper el molde y hacer algo único puede resultar en algo hermoso que todavía satisface las necesidades de los usuarios. No debemos temer experimentar y probar cosas nuevas, especialmente cuando se trata del área de diseño de interacción. Descubrir patrones que hacen que nuestros usuarios estén más cómodos y designar su función más claramente es algo que todos podemos respaldar.

Conclusión

La elección cuidadosa de patrones de uso al construir nuestras IU puede hacer que los usuarios entiendan y se sientan cómodos con nuestro trabajo incluso antes de usarlo. Cuando trabajamos con productos o servicios que están en un nicho de mercado o son relativamente nuevos, todos podemos beneficiarnos haciéndolos más accesibles.

El diseño de interacción es único en el sentido de que es, en gran parte, una ciencia colaborativa provocada por nuestro deseo de poner nuevas ideas en las manos de nuestros usuarios.

Imagen / miniatura destacada, imagen de comportamiento aprendida a través de Shutterstock.