Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX y UI

130 views

Published on

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.

Published in: Marketing
  • Be the first to comment

  • Be the first to like this

UX y UI

  1. 1. UX y UI Pedro Bermúdez Talavera
  2. 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. 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. 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. 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. 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. 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

×