SlideShare una empresa de Scribd logo
1 de 22
¿Y si te digo
que UX no es
sinónimo de
diseño gráfico?
Por:
Isabel Yepes
¿Qué es UX (User Experience)
“El primer requisito para una
experiencia de usuario ideal es
cumplir las necesidades exactas
del usuario sin preocupación o
molestia”
Don Norman
¿Qué es UX (User Experience)
“La verdadera experiencia de
usuario va más allá de darle a
los clientes lo que ellos dicen
querer, o cumplir una lista de
atributos.”
Don Norman
Diseño de UX vs. UI
UX es acerca de la
experiencia, funcionalidad y
usabilidad (Características,
facilidad de uso y proceso).
UI es acerca de interfaz y la
estética.
Más allá del diseño de una
pantalla
 El mundo real es físico y digital, nuestros
dispositivos permiten tocarlos, hablarles,
tienen sensores de proximidad, de
condiciones ambientales, pueden recibir
ondas cerebrales, características
biométricas, posición, seguimiento visual y
muchas más entradas y disparadores.
Qué diseñamos en cada caso
 Diseño industrial: Función, valor y
apariencia de los productos y servicios.
 Diseño de interacción: Mejorar el
entendimiento de las personas sobre
como interactuar con la tecnología
 Diseño de experiencia: Cualidad y
disfrute de toda la interacción por parte
del usuario.
Principios de diseño
 Discoverability: Determinar por sí mismo las
acciones posibles y el estado actual.
 Affordances: Lo que esperamos que algo pueda
hacer
 Signifiers: Lo que simbolizan para nosotros las
cosas
 Mapping: A dónde apunta algo.
 Feedback: La respuesta del objeto a una
acción.
 Conceptual model: Explicación simplificada de
lo que algo hace.
 Constrains: Restricciones en el contexto dado.
Las interfaces son
como los chistes,
si tienes que
explicarlas no son
buenas.
Ejemplos – Demasiada información
Ejemplos – Tamaño inesperado
Ejemplos – para entrar al app
móvil crea tu cuenta en la web
Diseño centrado en el Usuario
UX integra de hecho una
familia de oficios
 User researcher
Identifica comportamientos del usuario,
objetivos y necesidades a partir de la la
observación, entrevistas, estudios, análisis de
comportamiento, herramientas de monitoreo y
encuestas.
 Information Architect (IA)
Define la estructura de un sistema, como el
contenido se describe, organiza, estructura y
descubre. Los wireframes y flujos de usuarios.
UX integra de hecho una
familia de oficios
 Interaction Designer (IXD / ID)
Define las interacciones del usuario,
secuencias y capacidades de interacción
de un sistema.
 Usability Analyst
Prueba los prototipos y productos en
operación con los usuarios y ayuda a
integrar la retroalimentación en futuros
diseños.
UX integra de hecho una
familia de oficios
 Visual / UI Designer
Se enfoca en los elementos gráficos de una
interface digital: Tratamiento del color,
tipografía, lenguaje visual, e. o.
 Experience Designer (XD)
Define la visión holística de cómo los
usuarios interactúan con los productos o
servicios (también nombrado UX).
UX integra de hecho una
familia de oficios
 Product Lead
Orienta la dirección general del producto,
incluyendo características, prioridades,
roadmaps, plataforma, estrategia, proposición
de valor, modelo de negocio y UX.
 Product Designer
Un término nuevo que refleja una unión del
UX/XD y el Product Lead, quien visiona, define,
confecciona y ejecuta nuevos productos.
UX integra de hecho una
familia de oficios
 Information Designer
Crea la forma óptima y clara de desplegar la
información por medio de visualizaciones de
datos, paneles de control y material impreso.
 Service / Customer Experience Designer (CX)
Crea la totalidad de la experiencia física y
digital del usuario, para productos o servicios
que se entregan por múltiples canales. Ej:
Aerolíneas, servicios bajo demanda, e. o.
UX integra de hecho una
familia de oficios
 Human Factors / HCI Designer / Engineer
Prueba y diseña productos físicos usables, que
pueden o no tener componentes digitales. Ej:
laptops, sillas ergonómicas, cabinas de avión.
 Business Analyst/ Systems Analyst/ Functional
Analyst (BA)
Entrevista usuarios, interesados y dueños del negocio
con el fin de determinar el público, requerimientos,
características y necesidades de nuevo software,
productos y sistemas. En grupos pequeños el líder de
UX define el público, personas y usabilidad.
UX integra de hecho una
familia de oficios
 Content Strategist
Define la dirección, sitio y vista del
contenido. Prioriza los mensajes en sitios
densos en información. Se asegura de que
el contenido está alineado con la marca y
planea las prioridades y roadmap del
mismo. Cataloga, evalúa mapea y prioriza
el contenido en migraciones a larga escala
y fusiones de sitios.
Fuentes
 Norman, Don. The design of everyday
things, 2013 Ed.
 May, Beverly. UXD Course, General
Assembly, 2014.
 Herring, Taylor.
http://twitter.com/TaylorHerringUK, 2015
Gracias
Isabel Yepes
http://hacemoscontactos.com
iyepes@hacemoscontactos.com

Más contenido relacionado

Destacado

Experiencia de usuario, experiencia del cliente
Experiencia de usuario, experiencia del clienteExperiencia de usuario, experiencia del cliente
Experiencia de usuario, experiencia del cliente
Santiago Bustelo
 
Torresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuarioTorresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuario
Daniel Torres Burriel
 

Destacado (7)

User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Experiencia de usuario, experiencia del cliente
Experiencia de usuario, experiencia del clienteExperiencia de usuario, experiencia del cliente
Experiencia de usuario, experiencia del cliente
 
El equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareasEl equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareas
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
 
Ux teoría historia-métodos
Ux teoría historia-métodosUx teoría historia-métodos
Ux teoría historia-métodos
 
Diseño de Experiencia de Usuario UxD
Diseño de Experiencia de Usuario UxDDiseño de Experiencia de Usuario UxD
Diseño de Experiencia de Usuario UxD
 
Torresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuarioTorresburriel Estudio - Siete años de experiencia de usuario
Torresburriel Estudio - Siete años de experiencia de usuario
 

Similar a UX no es diseño gráfico

Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112
Santiago Bustelo
 

Similar a UX no es diseño gráfico (20)

Introducción a Experiencia de Usuario
Introducción a Experiencia de UsuarioIntroducción a Experiencia de Usuario
Introducción a Experiencia de Usuario
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdf
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UX
 
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered DesignEmosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
 
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANAEL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
UX / UCD Process Walmart
UX / UCD Process WalmartUX / UCD Process Walmart
UX / UCD Process Walmart
 
Video 1
Video 1Video 1
Video 1
 
Solid Day - Creando un laboratorio para ux
Solid Day - Creando un laboratorio para uxSolid Day - Creando un laboratorio para ux
Solid Day - Creando un laboratorio para ux
 
Ux 101: Personas (Español)
Ux 101: Personas (Español)Ux 101: Personas (Español)
Ux 101: Personas (Español)
 
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
 
User Experience, UX & UI
User Experience, UX & UIUser Experience, UX & UI
User Experience, UX & UI
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
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
 
+innoventia soluciones digitales
+innoventia soluciones digitales+innoventia soluciones digitales
+innoventia soluciones digitales
 
Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112Ixda ba 230309 640x480 v112
Ixda ba 230309 640x480 v112
 
Agile UX / Ágiles 2015
Agile UX / Ágiles 2015Agile UX / Ágiles 2015
Agile UX / Ágiles 2015
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
 
Sesion02 introduccion-ux
Sesion02 introduccion-uxSesion02 introduccion-ux
Sesion02 introduccion-ux
 

Más de Isabel Yepes

Arquitectura Directorio Activo
Arquitectura Directorio ActivoArquitectura Directorio Activo
Arquitectura Directorio Activo
Isabel Yepes
 
El algoritmo de stp
El algoritmo de stpEl algoritmo de stp
El algoritmo de stp
Isabel Yepes
 
Protocolo udp capítulo 4.4
Protocolo udp capítulo 4.4Protocolo udp capítulo 4.4
Protocolo udp capítulo 4.4
Isabel Yepes
 
Capítulo 4.1 funciones de la capa de transporte
Capítulo 4.1 funciones de la capa de transporteCapítulo 4.1 funciones de la capa de transporte
Capítulo 4.1 funciones de la capa de transporte
Isabel Yepes
 
Mary luz cataño y carlos esteban berrio 4.4
Mary luz cataño y carlos esteban berrio 4.4Mary luz cataño y carlos esteban berrio 4.4
Mary luz cataño y carlos esteban berrio 4.4
Isabel Yepes
 

Más de Isabel Yepes (20)

Voces del Si - Latinity 2015
Voces del Si - Latinity 2015Voces del Si - Latinity 2015
Voces del Si - Latinity 2015
 
Introducción a algunas metodologías de creación de startups
Introducción a algunas metodologías de creación de startupsIntroducción a algunas metodologías de creación de startups
Introducción a algunas metodologías de creación de startups
 
Sena símbolos y signos
Sena símbolos y signosSena símbolos y signos
Sena símbolos y signos
 
Formacion por proyectos
Formacion por proyectosFormacion por proyectos
Formacion por proyectos
 
Resumen capitulo 6.3
Resumen capitulo 6.3Resumen capitulo 6.3
Resumen capitulo 6.3
 
Resumen Capitulo 6.3.1
Resumen Capitulo 6.3.1Resumen Capitulo 6.3.1
Resumen Capitulo 6.3.1
 
Capitulo 6.2
Capitulo 6.2Capitulo 6.2
Capitulo 6.2
 
Servicios de trabajo a distancia
Servicios de trabajo a distanciaServicios de trabajo a distancia
Servicios de trabajo a distancia
 
Arquitectura Directorio Activo
Arquitectura Directorio ActivoArquitectura Directorio Activo
Arquitectura Directorio Activo
 
El algoritmo de stp
El algoritmo de stpEl algoritmo de stp
El algoritmo de stp
 
STP capitulo 5.4
STP capitulo 5.4STP capitulo 5.4
STP capitulo 5.4
 
STP capítulo 5.1
STP capítulo 5.1STP capítulo 5.1
STP capítulo 5.1
 
Exposicion STP
Exposicion  STPExposicion  STP
Exposicion STP
 
¿Qué significa ser laico?
¿Qué significa ser laico?¿Qué significa ser laico?
¿Qué significa ser laico?
 
Protocolo de transporte capítulo 4.3
Protocolo de transporte capítulo 4.3Protocolo de transporte capítulo 4.3
Protocolo de transporte capítulo 4.3
 
Protocolo udp capítulo 4.4
Protocolo udp capítulo 4.4Protocolo udp capítulo 4.4
Protocolo udp capítulo 4.4
 
Capítulo 4.1 funciones de la capa de transporte
Capítulo 4.1 funciones de la capa de transporteCapítulo 4.1 funciones de la capa de transporte
Capítulo 4.1 funciones de la capa de transporte
 
Mary luz cataño y carlos esteban berrio 4.4
Mary luz cataño y carlos esteban berrio 4.4Mary luz cataño y carlos esteban berrio 4.4
Mary luz cataño y carlos esteban berrio 4.4
 
Protocolo de transporte Capitulo 4.1
Protocolo de transporte Capitulo 4.1Protocolo de transporte Capitulo 4.1
Protocolo de transporte Capitulo 4.1
 
Protocolo udp Capítulo 4.4
Protocolo udp Capítulo 4.4Protocolo udp Capítulo 4.4
Protocolo udp Capítulo 4.4
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (12)

investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
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
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

UX no es diseño gráfico

  • 1. ¿Y si te digo que UX no es sinónimo de diseño gráfico? Por: Isabel Yepes
  • 2. ¿Qué es UX (User Experience) “El primer requisito para una experiencia de usuario ideal es cumplir las necesidades exactas del usuario sin preocupación o molestia” Don Norman
  • 3. ¿Qué es UX (User Experience) “La verdadera experiencia de usuario va más allá de darle a los clientes lo que ellos dicen querer, o cumplir una lista de atributos.” Don Norman
  • 4.
  • 5. Diseño de UX vs. UI UX es acerca de la experiencia, funcionalidad y usabilidad (Características, facilidad de uso y proceso). UI es acerca de interfaz y la estética.
  • 6. Más allá del diseño de una pantalla  El mundo real es físico y digital, nuestros dispositivos permiten tocarlos, hablarles, tienen sensores de proximidad, de condiciones ambientales, pueden recibir ondas cerebrales, características biométricas, posición, seguimiento visual y muchas más entradas y disparadores.
  • 7. Qué diseñamos en cada caso  Diseño industrial: Función, valor y apariencia de los productos y servicios.  Diseño de interacción: Mejorar el entendimiento de las personas sobre como interactuar con la tecnología  Diseño de experiencia: Cualidad y disfrute de toda la interacción por parte del usuario.
  • 8. Principios de diseño  Discoverability: Determinar por sí mismo las acciones posibles y el estado actual.  Affordances: Lo que esperamos que algo pueda hacer  Signifiers: Lo que simbolizan para nosotros las cosas  Mapping: A dónde apunta algo.  Feedback: La respuesta del objeto a una acción.  Conceptual model: Explicación simplificada de lo que algo hace.  Constrains: Restricciones en el contexto dado.
  • 9. Las interfaces son como los chistes, si tienes que explicarlas no son buenas.
  • 10. Ejemplos – Demasiada información
  • 11. Ejemplos – Tamaño inesperado
  • 12. Ejemplos – para entrar al app móvil crea tu cuenta en la web
  • 13. Diseño centrado en el Usuario
  • 14. UX integra de hecho una familia de oficios  User researcher Identifica comportamientos del usuario, objetivos y necesidades a partir de la la observación, entrevistas, estudios, análisis de comportamiento, herramientas de monitoreo y encuestas.  Information Architect (IA) Define la estructura de un sistema, como el contenido se describe, organiza, estructura y descubre. Los wireframes y flujos de usuarios.
  • 15. UX integra de hecho una familia de oficios  Interaction Designer (IXD / ID) Define las interacciones del usuario, secuencias y capacidades de interacción de un sistema.  Usability Analyst Prueba los prototipos y productos en operación con los usuarios y ayuda a integrar la retroalimentación en futuros diseños.
  • 16. UX integra de hecho una familia de oficios  Visual / UI Designer Se enfoca en los elementos gráficos de una interface digital: Tratamiento del color, tipografía, lenguaje visual, e. o.  Experience Designer (XD) Define la visión holística de cómo los usuarios interactúan con los productos o servicios (también nombrado UX).
  • 17. UX integra de hecho una familia de oficios  Product Lead Orienta la dirección general del producto, incluyendo características, prioridades, roadmaps, plataforma, estrategia, proposición de valor, modelo de negocio y UX.  Product Designer Un término nuevo que refleja una unión del UX/XD y el Product Lead, quien visiona, define, confecciona y ejecuta nuevos productos.
  • 18. UX integra de hecho una familia de oficios  Information Designer Crea la forma óptima y clara de desplegar la información por medio de visualizaciones de datos, paneles de control y material impreso.  Service / Customer Experience Designer (CX) Crea la totalidad de la experiencia física y digital del usuario, para productos o servicios que se entregan por múltiples canales. Ej: Aerolíneas, servicios bajo demanda, e. o.
  • 19. UX integra de hecho una familia de oficios  Human Factors / HCI Designer / Engineer Prueba y diseña productos físicos usables, que pueden o no tener componentes digitales. Ej: laptops, sillas ergonómicas, cabinas de avión.  Business Analyst/ Systems Analyst/ Functional Analyst (BA) Entrevista usuarios, interesados y dueños del negocio con el fin de determinar el público, requerimientos, características y necesidades de nuevo software, productos y sistemas. En grupos pequeños el líder de UX define el público, personas y usabilidad.
  • 20. UX integra de hecho una familia de oficios  Content Strategist Define la dirección, sitio y vista del contenido. Prioriza los mensajes en sitios densos en información. Se asegura de que el contenido está alineado con la marca y planea las prioridades y roadmap del mismo. Cataloga, evalúa mapea y prioriza el contenido en migraciones a larga escala y fusiones de sitios.
  • 21. Fuentes  Norman, Don. The design of everyday things, 2013 Ed.  May, Beverly. UXD Course, General Assembly, 2014.  Herring, Taylor. http://twitter.com/TaylorHerringUK, 2015