UX y UI

Experiencia del Usuario (UX)

• UX significa diseño de experiencia del
usuario, que es el proceso de
identificar la necesidad de un usuario
seguido de los pasos necesarios para
ejecutarse, como pruebas e
improvisación, hasta su desarrollo.
• El proceso de prueba, optimización y
mantenimiento se lleva a cabo incluso
después de la entrega del producto.
• Su objetivo es mejorar la satisfacción
del cliente mejorando la comodidad,
la facilidad de uso y el placer durante
la interacción.

https://www.webtrickshome.com/blog/what-is-the-difference-between-ux-and-ui-in-web-design
Interfaz del Usuario (UI)
• UI significa diseño de interfaz de
usuario, que es el proceso de guiar a
los usuarios a través de la interfaz de
un sitio con la ayuda de elementos
interactivos.
• Se ocupa de la presentación visual, es
decir, la apariencia y la interactividad
del sitio.
• Los diseñadores de IU pretenden
crear un diseño web estéticamente
agradable y conectarse
emocionalmente con los usuarios.
https://www.webtrickshome.com/blog/what-is-the-difference-between-ux-and-ui-in-web-design
Diseño vs Funcionalidad
• UI se centra en diseñar la página
web o aplicación móvil en base a
la creación de wireframes y
mockups de los que sacará la
construcción el color,
degradados, tipografías y el
diseño visual general del sitio.
• UX será la que valore este sitio
web en torno a la usabilidad y
facilidad de navegación,
investigando si son sencillas de
realizar las principales funciones
como navegación, búsquedas, y
otras.

https://www.luisan.net/blog/diseno-grafico/diferencias-entre-ui-user-interface-y-ux-user-experience
Organización vs Procesos
• UI se ocupa de decidir cuál será
el recorrido y dónde se deberán
situar los botones que
desencadenarán las diferentes
acciones del producto, es la
parte de diseño de la interfaz.
• UX trata sobre los aspectos
relativos a los procesos o
acciones que se desencadenan,
se ocupa de qué es lo que
sucede cuando se activan los
botones o mecanismos, sería la
parte mecánica del proceso.

https://www.luisan.net/blog/diseno-grafico/diferencias-entre-ui-user-interface-y-ux-user-experience
Diferencias
Experiencia del Usuario (UX) Interfaz del Usuario (UI)
UX se ocupa del propósito y la funcionalidad del sitio. UI se ocupa de la calidad de la interacción y la
apariencia del sitio.

UX está relacionada con la orientación a los grupos de El diseño UI está relacionado con el diseño y la
usuarios, la comprensión de sus necesidades y el interfaz.
trabajo para su satisfacción.

UX es un concepto amplio que comienza con la UI es la parte técnica que tiene como objetivo
investigación y nunca termina incluso después de la producir los componentes de diseño para el producto
entrega del producto. finalizado.

https://www.webtrickshome.com/blog/what-is-the-difference-between-ux-and-ui-in-web-design
Investigación del Usuario
Investigación primaria Diseño de interfaz
Investigación de escritorio Transferencia del conocimiento en
Investigación de la competencia los esquemas
Look and Feel
Análisis de Investigación Branding y lineamientos.
Insights y Moodboard (collage, storyboard)
Customer Journey Style Tiles (concepto visual)
Buyer Persona Diseño y capacidad de respuesta
Mapa de Empatía Pruebas de usuario
Sitemaps
Flujo de tareas
Flujo de usuarios
UX PRODUCTO UI Especificaciones de diseño
Prototipo de interfaz de usuario
Pensamiento FINAL Pensamiento Documentación de diseño visual
Desarrollo de Diseño Crítico + Creativo Creativo + Sistemático Folleto del desarrollador
Bocetos de ideas Conjunto de iconos y ilustraciones
Wireframes Adaptación a factores de forma y
Prototipos resoluciones
Pruebas de usuario
Iteraciones de diseño Ejecución
Ayudar a los desarrolladores
Ejecución Revisiones de Implementación
Coordinación con grupos de interés Coordinación con grupos de interés
Transición al diseño UI Transición al primer diseño
Colaborar con diseñadores de UI

https://blog.prototypr.io/ux-vs-ui-similarity-differences-837775584cd8