¿Qué es el diseño de interacción de la interfaz de usuario? ¿A qué se refiere específicamente el diseño de interacción?
En primer lugar, ¿qué es el diseño de interacción IxD?
El diseño de interacción es un nuevo campo en rápido desarrollo que se originó a partir de algunas investigaciones que reflejaban cuestiones de diseño y luego fue reconocido y aceptado por los diseñadores profesionales.
El diseño de interacción promueve la comunicación entre las personas y su entorno. Aquí nos referimos a la comunicación entre personas y sitios web. Los diseñadores de interacción solo necesitan considerar la interacción entre los usuarios y las computadoras, y no necesitan considerar todos los aspectos del software o sistemas que involucran a los usuarios como los diseñadores de UX. Es posible que hayas oído hablar de la interacción persona-computadora en diferentes universidades; estos títulos están básicamente capacitados en el campo de IxD.
¿Qué debería hacer un diseñador así?
Los diseñadores de interacción considerarán quién es el usuario objetivo del producto y quién lo utilizará. Un investigador de usuarios o un arquitecto de información proporcionará esta información. Según estos estudios, a un diseñador de interacción le lleva mucho tiempo comunicarse con el software para los usuarios, pero debe crear esta increíble forma de interacción lo más rápido posible.
El diseñador debe identificar las interacciones clave y estructurarlas.
Así que sigue dibujando. Algunos diseñadores dibujan directamente, otros utilizan software como ayuda y otros crean interfaces de forma individual o colaborativa.
El diseño de interacción (IxD) presenta constantemente nuevas formas de interactuar porque los usuarios siempre esperan cosas nuevas en el sitio web. Pero los diseñadores de interacción deben ser conscientes de cómo estas características afectarán a los usuarios y luego elegir entre las muchas ideas lo que realmente quieren implementar y lo que pueden dejar de lado por ahora.
A continuación veremos algunos de los conceptos que impulsan el diseño de interacción.
Diseño basado en objetivos
Aunque no es necesario realizar IxD, la investigación de los usuarios es muy importante para obtener los mejores comentarios sobre el diseño. Cuando los usuarios utilizan software, normalmente tienen algunos objetivos que su aplicación debería cumplir bien. Para combinar con éxito diseño y funcionalidad, la investigación de usuarios es precisamente el elemento más importante.
Esto es muy importante, muchos investigadores de usuarios pueden encontrar trabajo como diseñadores de interacción porque tienen las habilidades para analizar los patrones de comportamiento humano utilizados en el software.
Simplificar
La gente no sabe qué es una interfaz de usuario. De hecho, a ellos tampoco les importa. No tienen idea de que alguien está seleccionando todo lo que ven detrás del sitio web. Simplemente sabían que necesitaban un sitio web sencillo. Quieren un sistema que sea fácil de usar, que cargue/responda rápidamente, que no haga pensar al usuario, que no le dé motivos para sentirse miserable.
Escenarios y modos
Algunos de los productos que utilizamos suelen estar diseñados con funciones claras y todo el mundo sabe cómo utilizarlas. Tomemos como ejemplo las tijeras. Un niño de tres años sabe cómo utilizarlo. Pega dos dedos para formar dos anillos y solo hay una forma de usarlo. No hay nada más sencillo que esto. Su sitio web debería ser tan fácil de usar como unas tijeras.
¿Por qué se utiliza aquí la palabra "situación"? Porque esta palabra expresa el papel de algunas columnas detrás de un sitio web o sistema.
En cuanto a los patrones, la interfaz de usuario debe estar compuesta por una serie de componentes que sean familiares para el usuario. Si un usuario quiere enviar un formulario, primero encuentra el botón de enviar. Este botón es un elemento común y los diseñadores no tienen que repetir las ruedas anteriores cada vez que emprenden un nuevo proyecto.
Algunas personas dirán que imitar modelos existentes y no reinventar la rueda hará que la gente se sienta sin inspiración. Es una tontería hablar de innovación sin garantías de usabilidad. Recuerde, la facilidad de uso y la innovación son dos cosas diferentes.
Si quieres innovar, aún necesitas conocer los patrones conocidos. Pero si buscas una alta usabilidad, nadie te animará a hacer la rueda repetidamente, porque los usuarios necesitan tiempo para adaptarse a tu rueda.
La creación de un sistema altamente fácil de usar requiere que los diseñadores de interacción tengan un conocimiento profundo de las convenciones, los escenarios y la usabilidad del sitio web.
Ahora que conoce algunos principios del diseño de interacción, echemos un vistazo a cómo un excelente diseño de interacción afecta a los usuarios.
Posicionamiento de visitantes
Los diseñadores de interacción necesitan saber a qué usuarios están dirigidos sus diseños, para poder posicionar sus productos a través de los usuarios.
La página muestra dónde se aloja el usuario. Esta experiencia no confundirá a los usuarios al navegar. Los usuarios también pueden saber cómo saltar de una página a otra. Es importante que los usuarios sepan dónde se encuentran y no enviarlos a un callejón sin salida. Cuando la búsqueda no encuentra resultados y no le dice al usuario la elección de la siguiente acción, una experiencia interactiva de este tipo es muy mala.
Diálogo continuo
El diseño de interacción centra mucha energía en brindar a los usuarios retroalimentación continua. Decir a los usuarios si lo que están haciendo está bien o mal, incluso a nivel inconsciente, es un elemento popular entre los usuarios.
Solo necesitas decirle al usuario que ha tenido éxito cuando complete la acción.
Cuando compras algo en Amazon, obtienes confirmación en tu navegador y correo electrónico. Cuando envíe su correo electrónico a través del formulario de contacto, recibirá confirmación en la página.
Esto hace que la interacción no solo se detenga en la navegación del sitio web y el uso de funciones, sino que también lleva la interacción a un nuevo nivel: ayuda a los usuarios a comprender mejor su estado actual y minimizar dudas y preguntas, eliminando la frustración del usuario.
Piense en el flujo de trabajo
IxD también necesita considerar el flujo de trabajo. ¿Qué pasaría si tuviera un formulario de registro que los usuarios utilizaran para enviar información? ¿Se actualizará la página, saltará a la página de inicio, mostrará un mensaje de confirmación, saltará a la página de inicio de sesión o saltará a las dos páginas anteriores al mismo tiempo?
Ofrece múltiples opciones para elegir la red que mejor se adapta a las expectativas de tus usuarios
todos los elementos mencionados. es parte del flujo de trabajo del sitio web. Cada interacción debe tener un siguiente paso lógico que sea coherente con la experiencia que creó en su sitio web anterior.
Jerarquía visual
Para lograr que los usuarios hagan lo que usted quiere, puede utilizar la jerarquía visual para ayudarlos. Puede utilizar combinaciones de diseño, tamaño de elemento y color para lograr prominencia visual y guiar la mirada del usuario.
También puedes utilizar la jerarquía visual para ayudar a los usuarios a encontrar lo que buscan. ¿Quieres alquilar un coche? Asegúrese de poder utilizar la jerarquía visual para guiar a los usuarios a la página Alquileres.
Buenas herramientas de wireframing
El boceto y el wireframing son muy importantes, por eso quiero mostrarte algunas herramientas útiles para que puedas comenzar a diseñar interacciones de inmediato.
Mockingbird
Mockingbird es una aplicación basada en web donde los usuarios pueden crear, conectarse, obtener una vista previa y compartir diagramas de bloques de sitios web o aplicaciones. Su interfaz es simple y amigable, y los usuarios pueden arrastrar y soltar elementos, cambiar su tamaño e incluso compartirlos con colegas a través de un enlace.
Debido a que Mockingbird es una aplicación basada en web, esto significa que puedes crear y modificar tus ideas desde cualquier computadora, en cualquier lugar.
LovelyCharts
LovelyCharts es una aplicación de diagramación en línea que permite a los usuarios crear diagramas de flujo, organigramas, mapas de sitios y diagramas de procesos.
La característica principal de esta aplicación es que hace sugerencias basadas en lo que has dibujado_ Esto ayuda a simplificar el proceso de dibujo y facilita volver a una versión anterior y deshacer los cambios.
MockFlow
MockFlow también es una buena aplicación web, tiene una interfaz de organización limpia y sencilla y una amplia gama de características funcionales.
También se utiliza arrastrar y soltar, con componentes integrados que van desde gráficos hasta menús, anuncios y menús desplegables. Puede cargar imágenes usted mismo o puede elegir materiales generales proporcionados por el sitio web, de modo que el proceso de construcción del diagrama de bloques sea muy rápido.
Gráfico simple
Finalmente, la profesora de capacitación en UI Beida Jade Bird les recuerda a todos que no olviden la importancia de las pruebas de usuario y recuerden que la innovación y la usabilidad generalmente van en la dirección equivocada.
Al crear una interfaz mágica, sigue innovando y concéntrate en hacerla más conveniente para las personas que la usan.
Ten esto en cuenta y te convertirás en un gran diseñador de interacción de sitios web o aplicaciones.