SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Ciudad Ojeda, 2019
AUTOR:
Lcdo. Ing. Cordero, José G.
USER INTERFACE VS USER EXPERIENCE
/ @corderojose94
UXUI
(2012) señala.
CONCEPTOS BÁSICOS
2
EXPERIENCIA
Conocimiento de la interfaz
por haber vivido o interactuado
con la página
Acción que ocurre cuando una
personas interactúa con otra de
igual modo puede ser con
dispositivos
INTERACCIÓN
Es el conjunto de elementos que
se encuentra ubicado en una
pantalla
INTERFAZ
Se centra en la experiencia del usuario
Es aquello que una
persona percibe al interactuar con
un producto o servicio.
Es la vista que permite a un
usuario interactuar de manera
efectiva con un sistema
FUENTE: ANDREA CANTÚN 2017
Se centra en la experiencia del usuario
Hace referencia a lo que el usuario
experimenta o percibe al hacer uso de
cualquier artefacto
Se centra en la experiencia del usuario
¿QUÉ ES USER EXPERIENCE?
4
Se centra en la experiencia del usuario
2
Logramos una buena UX al enfocarnos en diseñar productos útiles,
usables y deseables, lo cual influye en que el usuario se
sienta satisfecho, feliz y encantado.
5
Se centra en la experiencia del usuarioHace mención al panorama en el que el
usuario interactúa
Se enfoca en el diseño de la web
¿QUÉ ES USER INTERFACES?
6
“Una interfaz es como un chiste; si la tienes que explicar
es porque seguramente está mal diseñada”
Se centra en la experiencia del usuario
Una buena UI nos permite dar una buena UX
8
Se centra en la experiencia del usuario
1 2 3
9
Se centra en la experiencia del usuario
Sitio web: kambrica 2014
Lo que sucede delante
de la pantallaLo que sucede en
la pantalla
ARTEFACTO
USUARIO
Forma de operar la
interfax
10
Se centra en la experiencia del usuario
Se trata de definir las formas de operar la interfaz (por ejemplo, si el ingreso de
información o selección se produce mediante teclado, mouse, touch, o una combinación
de ellos), los flujos de operación y las respuestas del sistema. En definitiva, pone el foco
en el contacto entre el usuario y el artefacto.
DISEÑO DE INTERACCIÓN, O IXD
11
Se centra en la experiencia del usuario
Encargado de velar la mejor experiencia de los usuarios; como parte
de sus responsabilidades está el de indagar centrándose en ¿Qué es
lo que las personas necesitan?, para cumplir sus objetivos y darle una
solución para enfocarse en la experiencia óptima, logrando así que se
sienta satisfecho, feliz y encantado.
UX DESIGNER
Mejora la
interacción
Responsable de
pruebas
Centrado en la
experiencia de usuario
12
Se centra en la experiencia del usuario
Encargado de crear visualmente la interfaz del producto para que vaya
en concordancia a la experiencia de los usuarios. Además, emplea
elementos interactivos y se centra que todos los elementos se vean bien
en todas las plataformas (móvil, tableta, web);
UI DESIGNER
Emplea elementos
interactivos
Guía visualmente
al usuario
Combina colores
y tipografía
13
Se centra en la experiencia del usuario
ACTORES EN EL DISEÑO
DE INTERFAZ DE
USUARIOS
14
Encagado de analizar y organizer la información para facilitar el
proceso de compression por parte del usuario.
Arquitecto de información
Enfocado en planear y organizar los recursos de la empresa con el fin de
mejorar la experiencia entre los empleados y de los usuario del servicio
Diseñador de servicio
Se enfoca en el diseño de las palabras y los elementos
conversacionales en las interfaces de los usuarios
UX Writer
Investiga e implementa las posibilidades de mejoras segun
los usuarios a los cuales va dirigido un producto
UX Researcher

Más contenido relacionado

La actualidad más candente

Silverlighty And SharePoint2007
Silverlighty And SharePoint2007Silverlighty And SharePoint2007
Silverlighty And SharePoint2007Luis Du Solier
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebElsa Canto
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolKoombea
 
Interfaces en dispositivos móviles
Interfaces en dispositivos móvilesInterfaces en dispositivos móviles
Interfaces en dispositivos móvilesChayincitha MAciaz
 
US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES
US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES
US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES Valeria Cobeña
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsSonia Villanueva
 
Introduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux  - IxDA Mendoza - Taller UXIntroduccion a ux  - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UXFlavia Ibañez
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadAdriana Tienda
 
Diseño de experiencia de usuario
Diseño de experiencia de usuarioDiseño de experiencia de usuario
Diseño de experiencia de usuarioGabyAman
 
Ux Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaUx Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaBárbara Lyschenko
 
Usabilidad en la web
Usabilidad en la webUsabilidad en la web
Usabilidad en la webhectorium
 
¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?Scio Consulting
 
Paulo Vicente - presentacion Cafe Digital
Paulo Vicente - presentacion Cafe DigitalPaulo Vicente - presentacion Cafe Digital
Paulo Vicente - presentacion Cafe DigitalIAB_PERU
 
Oscar Reyes - Diseño centrado en el usuario UX, Café Digital
Oscar Reyes - Diseño centrado en el usuario UX, Café DigitalOscar Reyes - Diseño centrado en el usuario UX, Café Digital
Oscar Reyes - Diseño centrado en el usuario UX, Café DigitalIAB_PERU
 

La actualidad más candente (20)

Silverlighty And SharePoint2007
Silverlighty And SharePoint2007Silverlighty And SharePoint2007
Silverlighty And SharePoint2007
 
UX Trends 2017 Report
UX Trends 2017 ReportUX Trends 2017 Report
UX Trends 2017 Report
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
 
UX y UI
UX y UIUX y UI
UX y UI
 
Interfaces en dispositivos móviles
Interfaces en dispositivos móvilesInterfaces en dispositivos móviles
Interfaces en dispositivos móviles
 
US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES
US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES
US ( USER EXPERIENCIE) PARA DISPOSITIVOS MÓVILES
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ Highlights
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
UX Design
UX DesignUX Design
UX Design
 
Introduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux  - IxDA Mendoza - Taller UXIntroduccion a ux  - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UX
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 
Diseño de experiencia de usuario
Diseño de experiencia de usuarioDiseño de experiencia de usuario
Diseño de experiencia de usuario
 
Ux Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el temaUx Mobile - Proceso simple para iniciar en el tema
Ux Mobile - Proceso simple para iniciar en el tema
 
Usabilidad en la web
Usabilidad en la webUsabilidad en la web
Usabilidad en la web
 
¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?¿Porqué la User Experience / User Interface es Importante?
¿Porqué la User Experience / User Interface es Importante?
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
¿Por qué UX?
¿Por qué UX?¿Por qué UX?
¿Por qué UX?
 
Paulo Vicente - presentacion Cafe Digital
Paulo Vicente - presentacion Cafe DigitalPaulo Vicente - presentacion Cafe Digital
Paulo Vicente - presentacion Cafe Digital
 
Oscar Reyes - Diseño centrado en el usuario UX, Café Digital
Oscar Reyes - Diseño centrado en el usuario UX, Café DigitalOscar Reyes - Diseño centrado en el usuario UX, Café Digital
Oscar Reyes - Diseño centrado en el usuario UX, Café Digital
 

Similar a Ui vs ux

Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.karlapatriciapms16
 
User experience ux
User experience uxUser experience ux
User experience uxMichelle497
 
Diseño de Interfaz de usuario y experiencia de usuario UI
Diseño de Interfaz de usuario y experiencia de usuario UIDiseño de Interfaz de usuario y experiencia de usuario UI
Diseño de Interfaz de usuario y experiencia de usuario UIPilar Pardo Hidalgo
 
Desarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileDesarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileWorköholics
 
Reconocimiento de Gestos Kinect + C#
Reconocimiento de Gestos Kinect + C#Reconocimiento de Gestos Kinect + C#
Reconocimiento de Gestos Kinect + C#Jhonnatan Flores
 
2.4 Creación de Interfaces.pptx
2.4 Creación de Interfaces.pptx2.4 Creación de Interfaces.pptx
2.4 Creación de Interfaces.pptxRam Vazquez
 
diseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptxdiseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptxedgartorres431176
 
UX future trends AMIPCIMKT 2010
UX future trends AMIPCIMKT 2010UX future trends AMIPCIMKT 2010
UX future trends AMIPCIMKT 2010Mauricio Angulo
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioJose Tabor
 
Diseño interfaz
Diseño interfazDiseño interfaz
Diseño interfazmmazonf
 
Experiencia del usuario
Experiencia del usuarioExperiencia del usuario
Experiencia del usuarioDany Lpz
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráficoIsabel Yepes
 

Similar a Ui vs ux (20)

Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
 
Introducción a Experiencia de Usuario
Introducción a Experiencia de UsuarioIntroducción a Experiencia de Usuario
Introducción a Experiencia de Usuario
 
User experience ux
User experience uxUser experience ux
User experience ux
 
Ux moreira
Ux moreiraUx moreira
Ux moreira
 
Diseño de Interfaz de usuario y experiencia de usuario UI
Diseño de Interfaz de usuario y experiencia de usuario UIDiseño de Interfaz de usuario y experiencia de usuario UI
Diseño de Interfaz de usuario y experiencia de usuario UI
 
Desarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileDesarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobile
 
Reconocimiento de Gestos Kinect + C#
Reconocimiento de Gestos Kinect + C#Reconocimiento de Gestos Kinect + C#
Reconocimiento de Gestos Kinect + C#
 
2.4 Creación de Interfaces.pptx
2.4 Creación de Interfaces.pptx2.4 Creación de Interfaces.pptx
2.4 Creación de Interfaces.pptx
 
Diseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuarioDiseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuario
 
diseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptxdiseño de APPS1234567890234567895678.pptx
diseño de APPS1234567890234567895678.pptx
 
USER EXPERIENCE (UX) PARA DISPOSITIVOS MÓVILES
USER EXPERIENCE (UX) PARA DISPOSITIVOS MÓVILESUSER EXPERIENCE (UX) PARA DISPOSITIVOS MÓVILES
USER EXPERIENCE (UX) PARA DISPOSITIVOS MÓVILES
 
PresentacionUX
PresentacionUXPresentacionUX
PresentacionUX
 
UX future trends AMIPCIMKT 2010
UX future trends AMIPCIMKT 2010UX future trends AMIPCIMKT 2010
UX future trends AMIPCIMKT 2010
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Ux experiencia de usuario
Ux experiencia de usuarioUx experiencia de usuario
Ux experiencia de usuario
 
Diseño interfaz
Diseño interfazDiseño interfaz
Diseño interfaz
 
Experiencia del usuario
Experiencia del usuarioExperiencia del usuario
Experiencia del usuario
 
Taller n°3 patricio vimos
Taller n°3 patricio vimosTaller n°3 patricio vimos
Taller n°3 patricio vimos
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráfico
 
Ux
UxUx
Ux
 

Último

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 

Último (10)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 

Ui vs ux

  • 1. Ciudad Ojeda, 2019 AUTOR: Lcdo. Ing. Cordero, José G. USER INTERFACE VS USER EXPERIENCE / @corderojose94 UXUI
  • 2. (2012) señala. CONCEPTOS BÁSICOS 2 EXPERIENCIA Conocimiento de la interfaz por haber vivido o interactuado con la página Acción que ocurre cuando una personas interactúa con otra de igual modo puede ser con dispositivos INTERACCIÓN Es el conjunto de elementos que se encuentra ubicado en una pantalla INTERFAZ
  • 3. Se centra en la experiencia del usuario Es aquello que una persona percibe al interactuar con un producto o servicio. Es la vista que permite a un usuario interactuar de manera efectiva con un sistema FUENTE: ANDREA CANTÚN 2017
  • 4. Se centra en la experiencia del usuario Hace referencia a lo que el usuario experimenta o percibe al hacer uso de cualquier artefacto Se centra en la experiencia del usuario ¿QUÉ ES USER EXPERIENCE? 4
  • 5. Se centra en la experiencia del usuario 2 Logramos una buena UX al enfocarnos en diseñar productos útiles, usables y deseables, lo cual influye en que el usuario se sienta satisfecho, feliz y encantado. 5
  • 6. Se centra en la experiencia del usuarioHace mención al panorama en el que el usuario interactúa Se enfoca en el diseño de la web ¿QUÉ ES USER INTERFACES? 6
  • 7. “Una interfaz es como un chiste; si la tienes que explicar es porque seguramente está mal diseñada”
  • 8. Se centra en la experiencia del usuario Una buena UI nos permite dar una buena UX 8
  • 9. Se centra en la experiencia del usuario 1 2 3 9
  • 10. Se centra en la experiencia del usuario Sitio web: kambrica 2014 Lo que sucede delante de la pantallaLo que sucede en la pantalla ARTEFACTO USUARIO Forma de operar la interfax 10
  • 11. Se centra en la experiencia del usuario Se trata de definir las formas de operar la interfaz (por ejemplo, si el ingreso de información o selección se produce mediante teclado, mouse, touch, o una combinación de ellos), los flujos de operación y las respuestas del sistema. En definitiva, pone el foco en el contacto entre el usuario y el artefacto. DISEÑO DE INTERACCIÓN, O IXD 11
  • 12. Se centra en la experiencia del usuario Encargado de velar la mejor experiencia de los usuarios; como parte de sus responsabilidades está el de indagar centrándose en ¿Qué es lo que las personas necesitan?, para cumplir sus objetivos y darle una solución para enfocarse en la experiencia óptima, logrando así que se sienta satisfecho, feliz y encantado. UX DESIGNER Mejora la interacción Responsable de pruebas Centrado en la experiencia de usuario 12
  • 13. Se centra en la experiencia del usuario Encargado de crear visualmente la interfaz del producto para que vaya en concordancia a la experiencia de los usuarios. Además, emplea elementos interactivos y se centra que todos los elementos se vean bien en todas las plataformas (móvil, tableta, web); UI DESIGNER Emplea elementos interactivos Guía visualmente al usuario Combina colores y tipografía 13
  • 14. Se centra en la experiencia del usuario ACTORES EN EL DISEÑO DE INTERFAZ DE USUARIOS 14 Encagado de analizar y organizer la información para facilitar el proceso de compression por parte del usuario. Arquitecto de información Enfocado en planear y organizar los recursos de la empresa con el fin de mejorar la experiencia entre los empleados y de los usuario del servicio Diseñador de servicio Se enfoca en el diseño de las palabras y los elementos conversacionales en las interfaces de los usuarios UX Writer Investiga e implementa las posibilidades de mejoras segun los usuarios a los cuales va dirigido un producto UX Researcher