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.

1. UX y UI
Pedro Bermúdez Talavera

2. 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

3. 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

4. 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

5. 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

6. 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
usuarios, la comprensión de sus necesidades y el
trabajo para su satisfacción.
El diseño UI está relacionado con el diseño y la
interfaz.
UX es un concepto amplio que comienza con la
investigación y nunca termina incluso después de la
entrega del producto.
UI es la parte técnica que tiene como objetivo
producir los componentes de diseño para el producto
finalizado.
https://www.webtrickshome.com/blog/what-is-the-difference-between-ux-and-ui-in-web-design

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