El diseño de interacción puede ser el concepto de diseño más hablado de 2015. Es algo que debería pensar y planificar para todos sus proyectos digitales.
¿Pero cómo puedes 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: las personas desean utilizar un diseño intuitivo, funcional y estéticamente agradable.
¿Qué es el diseño de interacción?
En diseño, la interacción persona-computadora y el desarrollo de software, el diseño de interacción, a menudo abreviado IxD, se trata de "dar forma a cosas digitales para el uso de la gente", y se define alternativamente 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 al humano. Está haciendo que las cosas que están basadas en la pantalla, se vean 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 a 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 están arraigadas en los principios de una buena imagen, mientras que la tecnología está evolucionando casi tan rápido como podemos diseñar para ello.
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 la base para crear un proyecto con interacciones digitales y, con este entendimiento, puede anticipar cómo alguien podría interactuar con el sistema, solucionar problemas en una etapa temprana, así como Inventar nuevas formas de hacer las cosas.
Aquí están los conceptos a considerar primero, puede encontrar todas las subpreguntas y consideraciones en Usabilidad.gov.
- Definir cómo los usuarios pueden interactuar con la interfaz.
- Dar a los usuarios pistas sobre el comportamiento antes de que ocurran las acciones
- Anticipe y mitigue los errores.
- Considere la retroalimentación del sistema y el tiempo de respuesta.
- Pensar estratégicamente en cada elemento del diseño.
- Simplificar para aprender
Muchos de estos conceptos deben 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 de un buen diseño son relativamente los mismos.
Principios rectores
Mucho 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 piensas conscientemente).
Piense en cada uno de estos principios o conceptos al decidir cómo se conectará el usuario con su diseño.
- Movimiento: Cuando piensas en el diseño de movimiento e interacción, a menudo las primeras imágenes mentales son de golpes o golpecitos 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. También son importantes otras estéticas asociadas con el movimiento, como señales visuales en fotografías, atracción direccional de elementos de diseño y video.
- Espacio: ¿Con qué tipo de entorno interactúa el usuario? ¿El diseño está creado 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?
- Hora: La cantidad de tiempo que un usuario pasa con una interacción puede afectar si la interacción continúa. Hay un delicado equilibrio entre una interacción apropiada y / o demasiado larga o corta. Piense en el objetivo de la interacción y luego cuánto tiempo debe llevar de principio a fin.
- Sonar: 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. Al usar el sonido en las interacciones, siempre cuente con 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 la interacción y pensemos realmente en la estética. (Esa es una de las cosas principales en las que nos gusta pensar y discutir como diseñadores, ¿no?)
¿Cómo influyen todas las cosas que sabemos sobre diseño en el diseño de interacciones? Realmente no es diferente en términos de imágenes 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 en 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 a pequeña escala, es mucho más fácil "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 elementos en espacios pequeños, en realidad necesita darles más espacio en pequeños diseñ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 utilizar los colores de su marca, debe asegurarse de que los colores proporcionen el contraste suficiente para que se vean en una variedad de entornos. Esto podría requerir agregar algunos colores opcionales a su paleta de colores para elementos de interacción. Considere tonos brillantes y atractivos, especialmente para aplicaciones móviles y de reloj.
- Tipografía: Las letras deben ser simples y legibles. Se adhieren a un tipo de letra de estilo moderno (serif o sans serif está bien) con un ancho de trazo uniforme y medio. Evite versiones o estilos condensados, demasiado audaces 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 el 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. Establecer 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 de escaneo y la función, 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 claves para que esto suceda.
Leyendo lista
Hay tanta 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 grandes recursos que debe considerar valiosos y cada uno le hará pensar acerca del diseño de interacción de diferentes maneras.
- ¿Tres leyes de 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 tienes que 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 leer texto.
Planear y diseñar 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 está en cómo hacer que las interacciones funcionen, ahí es donde es importante contar con un buen desarrollador a tu lado o continuar perfeccionando tus habilidades de desarrollo web.