Diseño de interacción: ¿qué es y cómo puede usarlo?

/2017-01-17 12:13:23/
Rukmini
/Gráficos/

El diseño de interacción podría ser el concepto de diseño más comentado de 2015. Es algo en lo que debería estar pensando y planificando en todos sus proyectos digitales.

Pero, ¿cómo puede aprovechar al máximo el diseño de interacción? ¿Cómo puedes diseñar algo con lo que la gente quiera interactuar? Si bien algunas de esas respuestas están cambiando con la tecnología, un elemento sigue siendo el mismo: la gente quiere usar un diseño que sea intuitivo, funcional y estéticamente agradable.

Explore los recursos de diseño

¿Qué es el diseño de interacción?

En el diseño, la interacción humano-computadora y el desarrollo de software, el diseño de interacción, a menudo abreviado IxD, se trata de "dar forma a las cosas digitales para el uso de las personas", alternativamente definido como "la práctica de diseñar productos, entornos, sistemas y servicios digitales interactivos". - Wikipedia

Simplemente, el diseño de interacción es un proceso de conectar el mundo digital con el humano. Está haciendo que las cosas que se basan en la pantalla, parezcan reales y funcionen en el ámbito digital como lo harían en el espacio físico. Esta conexión ayuda a las personas a usar e interactuar con productos y dispositivos digitales, desde computadoras de escritorio, teléfonos y relojes hasta sitios web, aplicaciones y juegos. El diseño de interacción es un concepto que combina todo lo que sabemos sobre diseño y función en una sola idea.

IxD es la palabra de moda de la comunidad de diseño a medida que intentamos aprender mejor cómo diseñar y replicar acciones e interacciones físicas para conectar mejor los productos digitales a los usuarios. Las ideas detrás del diseño se basan en los principios de buenas imágenes, mientras que la tecnología evoluciona casi tan rápido como podemos diseñar para ella.

Preguntas a considerar

Una de las mejores guías para pensar sobre el diseño de interacción es en realidad un estándar de usabilidad de Usabilidad.gov. La guía proporciona un conjunto de preguntas (e incluso subpreguntas) para usar como base para crear un proyecto con interacciones digitales y “con esta comprensión, puede anticipar cómo alguien podría interactuar con el sistema, solucionar problemas temprano, así como inventar nuevas formas de hacer las cosas ".

Aquí están los conceptos a considerar primero, puede encontrar todas las subpreguntas y consideraciones de Usabilidad.gov.

Definir cómo los usuarios pueden interactuar con la interfaz.
Dar a los usuarios pistas sobre el comportamiento antes de que ocurran acciones
Anticipar y mitigar errores
Considere la retroalimentación del sistema y el tiempo de respuesta
Piense estratégicamente en cada elemento del diseño.
Simplifica la capacidad de aprendizaje

Muchos de estos conceptos deberían parecer familiares. Los conceptos e ideas están en línea con lo que discutimos frecuentemente en la comunidad de diseño cuando hablamos de lo que funciona y lo que no funciona estéticamente. Si bien las técnicas que utiliza para crear un diseño completamente interactivo pueden ser diferentes, los principios del buen diseño son relativamente los mismos.

Principios rectores

Gran parte de lo que piensas acerca de la interacción combina principios de diseño con principios de emoción e interacción humana. Al determinar cómo debería funcionar un proyecto digital, piense en cómo usa e interactúa con sus herramientas favoritas. ¿Qué te atrae de estas herramientas? (Es probable que muchas de las mejores características sean cosas en las que ni siquiera piensa conscientemente).

Piense en cada uno de estos principios o conceptos al decidir cómo se conectará el usuario con su diseño.

Movimiento: cuando piensa en el diseño de movimiento e interacción, a menudo las primeras imágenes mentales son de golpes o toques porque esos son los movimientos del usuario que activan elementos en el diseño. Hacer clic con el mouse o girar la pantalla de una tableta para obtener un cierto efecto son otros movimientos que se usan comúnmente. Otra estética asociada con el movimiento también es importante, como las señales visuales en las fotografías, la extracción direccional de los elementos de diseño y el video.
Espacio: ¿Con qué tipo de entorno está interactuando el usuario? ¿El diseño se crea en un espacio bidimensional o tridimensional? ¿Es ese espacio solo una parte de la pantalla o las acciones se extienden más allá de la pantalla al mundo físico?
Tiempo: la cantidad de tiempo que un usuario pasa con una interacción puede afectar si la interacción continúa. Hay un delicado equilibrio de una interacción que es apropiadamente atractiva y / o demasiado larga o corta. Piense en el objetivo de la interacción y luego, cuánto tiempo debe tomar de principio a fin.
Sonido: una de las partes más debatidas del diseño digital podría ser el sonido. Mientras que a algunos usuarios les encanta, otros se molestan rápidamente. Cuando use el sonido en las interacciones, siempre tenga en cuenta a los usuarios que deshabilitarán la función; el diseño debe funcionar con la misma eficacia sin él.
Estética: cada elemento de diseño entra en juego aquí. ¿Cómo se ve todo? ¿Este aspecto transmite el mensaje emocional correcto al usuario? El espacio, el color, la tipografía, el contraste y la legibilidad juegan un papel importante en el aspecto visual del diseño de interacción.

Conceptos de diseño

Volvamos a los principios de interacción y pensemos realmente en la estética. (Esa es una de las principales cosas en las que nos gusta pensar y discutir como diseñadores, ¿verdad?)

¿Cómo todas las cosas que sabemos sobre diseño juegan en el diseño de interacciones? Realmente no es diferente en términos visuales que otros tipos de proyectos de diseño. La consideración principal, y probablemente la primera, es el tamaño y la escala. Muchos proyectos interactivos pueden ser considerablemente más pequeños de lo que estás acostumbrado. (Podría centrarse solo en el diseño de un teléfono o reloj, pero el diseño también podría traducirse a computadoras de escritorio de otra manera).

Cuando piense visualmente, comience con el lienzo más pequeño que albergará el diseño y la construcción. (Si puede hacer que funcione en pequeño, es mucho más fácil "hacer crecer" el diseño; eliminar cosas que ya están diseñadas puede ser mucho más difícil.

Espacio: si bien algunos pueden tratar de disminuir el espacio entre los elementos en espacios pequeños, en realidad es necesario darles más espacio en los diseños pequeños. Asegúrese de que cada elemento tenga suficiente espacio para identificarlo y realizar la acción correcta. (Los botones deben ser lo suficientemente grandes como para tocarlos sin activar otro elemento en la pantalla). Use la pantalla múltiple (mediante acciones de deslizamiento) si es necesario para aprovechar al máximo los espacios pequeños.
Color: si bien es importante usar los colores de su marca, debe asegurarse de que los colores proporcionen suficiente contraste para verse en una variedad de entornos. Esto podría requerir agregar algunos colores opcionales a su paleta de colores para elementos de interacción. Considere los tonos brillantes y atractivos, especialmente para aplicaciones móviles y de reloj.
Tipografía: las letras deben ser simples y legibles. Apéguese a una tipografía de estilo moderno (serif o sans serif está bien) con un ancho de trazo medio y uniforme. Evite versiones o estilos condensados, demasiado atrevidos o ligeros con trazos elaborados.
Contraste: cada elemento en un diseño interactivo debe vivir en contra de los elementos que lo rodean. Esto puede sonar duro en términos de diseño, pero un marcado contraste puede hacer que los elementos sean fáciles de leer y comprender. El contraste también llamará la atención sobre la interacción rápidamente y ayudará a los usuarios a identificar qué hacer. Establezca contraste con el color, la tipografía, el espacio y las imágenes o el lenguaje.
Legibilidad: todos los elementos de su proyecto basado en la interacción deberían ser fáciles de "leer" de un vistazo. Diseñe para la capacidad y función de escaneo, teniendo en cuenta que solo puede tener una fracción de segundo para convencer a un usuario de que realice una interacción deseada. La comprensión y la legibilidad son clave para que esto suceda.

Leyendo lista

Hay mucha buena información sobre el diseño de interacción disponible. (Y muchas opiniones sobre qué funciona y qué no funciona también).

Si desea obtener más información, aquí hay tres excelentes recursos que debe considerar valiosos y cada uno lo hará pensar en el diseño de interacción de diferentes maneras.

“Tres leyes del diseño de interacción” por Diogenes Brito
"La interfaz del futuro: diseño para hacer que la tecnología sea humana" por Danielle Reid
“Los 10 principios del diseño de interacción” por Creative Bloq

Conclusión

El diseño de interacción es algo en lo que debe estar pensando. Los usuarios esperan interacciones en casi todos los aspectos del diseño. La mayoría de los usuarios acceden a la web y a otros proyectos de diseño digital a través de dispositivos móviles con la expectativa de hacer algo más que simplemente leer texto.

La planificación y el diseño de estas interacciones con un propósito puede parecer intimidante al principio, pero no es muy diferente conceptualmente que cualquier otro aspecto del diseño. La gran diferencia radica en cómo hacer que las interacciones funcionen, ahí es donde es importante tener un buen desarrollador a su lado o continuar perfeccionando sus habilidades de desarrollo web.