Elementos de diseño UX: 6 capas para una experiencia de usuario perfecta

Los elementos de UX Design son un modelo mental ordenado para comprender cómo se vinculan todas las piezas de diseño para brindar la experiencia del usuario. Esta infografía de elementos de diseño de UX de Bankai ilustra no solo los elementos, sino también cómo encaja con el diseño de UI.

Si está confundido entre UX y UI, entonces no está solo. Hay un montón de términos en el diseño que han surgido y que a menudo dejan a un laico preguntándose de qué se tratan.

En términos simples, UX Design se refiere al término User Experience Design , mientras que UI Design significa User Interface Design .

¿Qué es el diseño UX ?

A Don Norman, científico cognitivo y cofundador de Nielsen Norman Group Design Consultancy, se le atribuye la invención del término a fines de la década de 1990.

“La experiencia del usuario abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos”.

• El diseño de la experiencia del usuario es el proceso de desarrollo y mejora de la interacción de calidad entre un usuario y todas las facetas de una empresa.
• El diseño de la experiencia del usuario es responsable de participar en el proceso de investigación, prueba, desarrollo, contenido y creación de prototipos para probar los resultados de calidad.
• El diseño de la experiencia del usuario es, en teoría, una práctica no digital (ciencia cognitiva), pero utilizada y definida predominantemente por las industrias digitales.

A medida que el diseño de UX ha evolucionado, también lo han hecho las herramientas para ayudar a comprender a los clientes a un nivel mucho más profundo. Como ejemplo, se puede usar un lienzo de mapa de viaje del cliente para mapear puntos de contacto y comprender cómo reaccionaron los clientes ante ellos.

Comprender los elementos del diseño de UX implica una combinación de psicología, ciencias sociales, diseño y marketing.

¿Qué es el diseño de interfaz de usuario ?

El diseño de la interfaz de usuario también es un rol multidisciplinario.

Es responsable del desarrollo, la investigación, el contenido y el diseño de un producto en una experiencia atractiva, orientadora y receptiva para los usuarios.

El diseño de interfaz de usuario también es un campo que, a diferencia de UX, es principalmente una profesión digital, según su definición de diccionario.

• El diseño de la interfaz de usuario es responsable de la transferencia de las fortalezas y los activos visuales de una marca a la interfaz de un producto para mejorar la experiencia del usuario.
• El diseño de la interfaz de usuario es un proceso de guiar visualmente al usuario a través de la interfaz de un producto a través de elementos interactivos y en todos los tamaños/plataformas.
• El diseño de interfaz de usuario es un campo digital, que incluye la responsabilidad de la cooperación y trabaja con desarrolladores o código.

Aquí hay una manera visual fácil de pensar en la diferencia entre ellos.

Elementos del diseño UX

Gran parte del enfoque original del diseño de UX se basaba, y en algunos casos todavía se basa, en el diseño web.

Sin embargo, el impacto y el valor del diseño de la experiencia del usuario se extiende mucho más allá del contexto de la Web.

Cada interacción con una empresa implica un elemento de diseño UX.

¿Cuál es la diferencia entre diseñar un producto y diseñar una experiencia de usuario? Muchos productos tienen múltiples variaciones y se venden a través de múltiples canales.

Cuanto más complejo es el producto, más información necesita la gente para tomar una decisión de compra. Sin embargo, sobrecargar a los clientes con demasiada información de una sola vez crea una mala experiencia.

Superponer la información, mapear la experiencia del usuario y comprender el proceso de toma de decisiones del cliente es fundamental para un diseño de UX eficaz.

Es importante presentar esta información de manera que sea fácil de entender para los clientes.

En un nivel más amplio y estratégico, el entorno en el que el usuario investiga información sobre un producto es parte de la experiencia del usuario, desde un chat en un sitio web hasta el pdf descargado sobre las características del producto y el video que lo muestra.

Los productos comprados a menudo necesitan soporte, instrucciones y, por lo tanto, involucran muchos más puntos contextuales para la interacción con un usuario más allá del producto en sí.

La experiencia del usuario se extiende más allá de la transacción. A pesar de esto, muchas empresas no planifican más allá del punto de transacción.

Al utilizar el lienzo del modelo de marketing de crecimiento, puede comenzar el proceso de evolución de su pensamiento de diseño de UX y la planificación de cómo retener a los clientes.

Explicación de los elementos originales del diseño de UX

El diagrama anterior fue concebido inicialmente por Jesse James Garrett y se puede encontrar aquí. Hay cinco capas dependientes, cada nivel se basa en el nivel anterior y comienzan con un nivel abstracto hacia uno concreto (de abajo hacia arriba).

1. Estrategia
2. Alcance
3. Estructura
4. Esqueleto
5. Superficie

#1. Elementos de Diseño UX – Estrategia

El motivo del producto, aplicación o sitio web. Esto es identificar su propósito, el contexto y quiénes son los grupos de usuarios objetivo. Además, analiza por qué la gente lo usaría, por qué lo necesita, qué valor ofrece y qué tipo de interacciones. El objetivo aquí es definir las necesidades del usuario y los objetivos comerciales.

Esto podría hacerse a través de una serie de diferentes Procesos de Investigación Estratégica.

#2. Elementos del Diseño UX – Alcance

Define requisitos funcionales y de contenido. ¿Cuáles son las funciones y el contenido de la aplicación o el producto? Los requisitos deben cumplir y estar alineados con los objetivos estratégicos.

#3. Elementos del Diseño UX – Estructura

Define cómo un usuario interactúa con el producto, cómo se comporta el sistema cuando el usuario interactúa, cómo está organizado, priorizado y cuánto.

La estructura se divide en dos componentes, diseño de interacción y arquitectura de la información .

• ayuda a las personas a lograr sus objetivos.
• comunica efectivamente la interactividad y la funcionalidad (lo que el usuario puede hacer).
• informa al usuario sobre los cambios de estado (el archivo se ha guardado o cualquier comentario), mientras interactúan.
• previene errores o errores del usuario, como que el sistema le pide al usuario que confirme la acción potencialmente dañina (es decir, la eliminación).

Buena arquitectura de la información

• organiza, categoriza y prioriza la información en función de las necesidades del usuario y los objetivos comerciales.
• hace que sea fácil de entender y moverse a través de la información presentada.
• flexible para acomodar el crecimiento y adaptarse al cambio.
• apropiado para la audiencia.

Infografía de elementos de diseño UX

La experiencia del usuario no se trata del funcionamiento interno de un producto o servicio. La experiencia del usuario se trata de cómo funciona en el exterior, donde una persona entra en contacto con ella. Cuando alguien le pregunta cómo es usar un producto o servicio, está preguntando acerca de la experiencia del usuario. ¿Es difícil hacer cosas simples? ¿Es fácil de averiguar? ¿Cómo se siente al interactuar con el producto?

Esta infografía explora algunas de las herramientas, dispositivos, controles, diseño visual, mapeo de sitios involucrados en los elementos de diseño de UX.

PDF

Otros artículos relacionados y herramientas gratuitas

• Segmentación de clientes
• Segmentación de mercado
• Personas de marketing
• Lienzo de persona libre
• Mapa de viaje del cliente gratuito