SlideShare una empresa de Scribd logo
pg 1 de 54JOSE BALAGUER - 2019
WEBINAR
DISEÑO CENTRADO EN LA EXPERIENCIA DE USUARIO
pg 2 de 54JOSE BALAGUER - 2019
FORMADORES { IT }
pg 3 de 54JOSE BALAGUER - 2019
Qué es UX y Qué es Design Thinking
El panal de UX de Peter Morville
El proceso de desarrollo iterativo de Design Thinking
La investigación cualitativa frente a la cuantitativa
Usabilidad y el enfoque centrado en el usuario
Adobe XD - RealTime Board - Experience Fellow ...
Curso UX 27horas
CONTENIDOS
pg 4 de 54JOSE BALAGUER - 2019
1. Conociendo la percepción de los usuarios
La Escuela de la Gestalt
Cómo leen los usuarios
El span de atención
Affordances: desarrollo de interfaces intuitivas
Carga cognitiva y carga kinemática
El impacto de los gráficos y el storytelling a la hora de comunicar eficazmente
2. Usabilidad y principios de HCI que debemos conocer en UX
8 reglas de oro del diseño de interfaces
Heurísticas de usabilidad
Leyes de UX basadas en la psicología cognitiva
Escritura para la web
Visualización de datos
Usabilidad en la imágenes
CURSO UX
pg 5 de 54JOSE BALAGUER - 2019
3. Testeando y mejorando nuestros diseños
El test de usabilidad
Matriz de tareas
Screening
Desarrollo del test
Evaluación y soluciones
Alternativas viables al test de laborartorio
4. Herramientas para prototipar y testear nuestros diseños
Adobe XD
Testear el rendimiento
Testear la eficacia del diseño
Testear la usabilidad on-line
Testear la arquitectura de la información
pg 6 de 54JOSE BALAGUER - 2019
1. Qué es UX
pg 7 de 54JOSE BALAGUER - 2019
LA EXPERIENCIA DE USUARIO
Es una sensación: lo que el cliente percibe al
usar o probar un producto.
User eXperience (UX), o Experiencia de Usu-
ario, representa la percepción dejada en la men-
te de un usuario después de una serie de inter-
acciones con un dispositivo, app, web o servicio
pg 8 de 54JOSE BALAGUER - 2019
¿Se puede diseñar la experiencia
de usuario?
pg 9 de 54JOSE BALAGUER - 2019
pg 10 de 54JOSE BALAGUER - 2019
Dominando técnicas de marketing
y principios universales del diseño y
psicología, podemos conseguir que
el usuario realice determinadas ac-
ciones o incluso crear necesidades y
deseos
Sin embargo esto no es UX.
En UX se intenta descubrir cuáles son
las desire lines para poder ofrecer
mejores soluciones
pg 11 de 54JOSE BALAGUER - 2019
Es una filosofía de diseño que tiene por objetivo la creación de productos que resuelvan
necesidades concretas de sus usuarios finales, consiguiendo la mayor satisfacción y mejor expe-
riencia de uso posible con el mínimo esfuerzo.
Es un proceso en el que se utilizan una serie de técnicas multidisciplinares y donde cada de-
cisión tomada está basada en las necesidades, objetivos, expectativas, motivaciones y capaci-
dades de los usuarios.
EL DISEÑO CENTRADO EN LA EXPERIENCIA DE USUARIO ( UX )
pg 12 de 54JOSE BALAGUER - 2019
pg 13 de 54JOSE BALAGUER - 2019
pg 14 de 54JOSE BALAGUER - 2019
The Definition of User Experience (UX) ( Don Norman and Jakob Nielsen )
“Experiencia de usuario” comprende todos los aspectos de la interacción del usuario final con la
empresa, su servicios y sus productos.
El primer requisito para una experiencia de uso ejemplar es conseguir satisfacer las necesidades
exactas del usuario de una forma fácil e intuitiva. A continuación vienen la simplicidad y la elegancia
que producen productos que el usuario disfruta teniendo y disfruta usando. La verdadera experiencia
de usuario va mas allá de ofrecer a los clientes lo que dicen que quieren o proporcionar un listado de
funcionallidades. Para poder conseguir una experiencia de usuario de calidad en la oferta de una em-
presa debe haber una integración sin fisuras de los servicios de múltiples disciplinas, incluyendo inge-
niería, marketing, diseño gráfico e industrial y diseño de interfaces.
Es importante distinguir la experiencia de usuario de el diseño de interfaces de usuario, a persar
de que esta última obviamente una parte extremadamente importante del diseño.
Es importante distinguir UX de usabilidad. La usabilidad es un atributo de calidad de un producto,
que nos indica si el sistema es fácil de aprender, eficiente, placentero, etc.
La experiencia de usuario es un concepto mucho más amplio
pg 15 de 54JOSE BALAGUER - 2019
CARACTERÍSTICAS DEL DISEÑO CENTRADO EN EL USUARIO:
Se trata de un proceso iterativo: las diferentes etapas no son departamentos estancos que se
vayan cerrando y finalizando necesariamente para pasar al siguiente.
Se trata de un proceso multidisciplinar: En cada una de estas etapas nos vamos a encontrar con
una serie de disciplinas que se irán aplicando según avanza la fase de desarrollo de UX
Un proceso tipo Design Thinking: La metodología que se sigue en desarrollo UX coincide con la
metodología general del Design Thinking
Se trata de un proceso colaborativo: Es por tanto muy importante trabajar con una mentalidad
colaborativa y en la que se incorporen diferentes actores.
Se tiene en cuenta a la empresa: Siempre se habla de que es un proceso de diseño centrado en el
usuario pero nunca hay que olvidar las necesidades y condicionantes de la empresa.
pg 16 de 54JOSE BALAGUER - 2019
NECESIDADES DEL
USUARIO
UX
OBJETIVOS
DEL NEGOCIO
LIMITACIONES
TÉCNICAS
pg 17 de 54JOSE BALAGUER - 2019
2. Design Thinking
pg 17 de 54
pg 18 de 54JOSE BALAGUER - 2019
pg 19 de 54JOSE BALAGUER - 2019
pg 20 de 54JOSE BALAGUER - 2019
Cómo encaja el Design Thinking
en un proceso de UX
pg 21 de 54JOSE BALAGUER - 2019
PROBLEMAS:
- diseño basado en hipótesis y corazonadas
- falta de análisis profundo ( copiamos una solución que funciona pero la implementamos en otro contexto o con
otros usuarios )
- falta de trabajo en equipo
- falta de empatía con el usuario
pg 22 de 54JOSE BALAGUER - 2019
Personas
Mapa de empatía
User journey
Experience map
Storyboard
Task flow
User flow
Brainstorming
Six Thinking Hats
Scamper
Taller de ideación
Taller de co-creación
Mapas del sitio
Wireframes
Mockups
Prototipos de baja
Prototipos de alta
Diseño AI
Prototipo interactivo
Testeo en lab
Testeo on-line
A/B testing
Cardsorting
Treejack
Desirability study
Test de usuario
Concept testing
etc.
Guías de estilo
Design system
Escritura para web
Estrategia de contenidos
EVALUAR RESULTADOS
Estadísticas
Métricas
Test sumativo
Evaluación competencia
Competencia
Stakeholders
Métricas
Investigación de
mercado
Etnográfica
Estudio de diario
Entrevistas
Encuestas
Focus Group
Feedback
EL PROCESO DE DESARROLLO EN UX
INVESTIGAR AL
USUARIO
DEFINIR EL
PROYECTO
ANALIZAR Y
PRIORIZAR
IDEAR
SOLUCIONES
PROTOTIPAR TESTEAR DESARROLLAR
pg 23 de 54JOSE BALAGUER - 2019
Preguntas que se suelen
plantear a menudo
pg 24 de 54JOSE BALAGUER - 2019
1. Necesito ser diseñador para dedicarme al UX?
2. No soy creativo. Que futuro tendría yo en este sector?
3. Necesito dominar todas estas disciplinas?
4. Piden mucha experiencia en todas las ofertas de trabajo. ¿Estaré cuali-
ficado?
5. UX es una moda pasajera? Se está sobrevalorando?
6. Qué nivel de implantación tiene UX?
7. Siendo tan evidente y fácil como parece la usabilidad, no será algo que
eventualmente dominen todas las empresas del sector?
8. Con los tiempos de desarrollo que hay hoy en día, ¿realmete hay sitio
para un proceso como UX?
pg 25 de 54JOSE BALAGUER - 2019
Posibles escenarios donde apli-
car un proceso de UCD
pg 26 de 54JOSE BALAGUER - 2019
1. Desarrollo de una idea de negocio nueva
2. Rediseño total de un producto
3. Rediseño parcial de un producto
4. Adaptación de una solución a un nuevo contexto
5. Modificación de una idea/negocio que no evoluciona
6. Aplicación parcial del proceso de UX
7. Empresas con diferentes grados de aceptación del proceso de UX
8. Service Design
pg 27 de 54JOSE BALAGUER - 2019
3. UX Honeycomb
pg 28 de 54JOSE BALAGUER - 2019
El panal de la experiencia de usuario es una herramienta que explica las diferentes facetas del diseño de expe-
riencia de usuario, puesto que hay muchos aspectos en este campo que van más allá de la experiencia de usuario
como se ha entendido tradicionalmente.
Esta herramienta sirve para encontrar un punto dulce entre las diferentes áreas de una buena experiencia de usu-
ario.
Podríamos usarlo como checklist
Peter Morville
útil
Deseable
Accesible
Creible
Localizable
Fácil de usar
pg 29 de 54JOSE BALAGUER - 2019
Útil: Un producto o servicio necesita ser útil y cubrir una necesidad. Si el producto o servicio no satisface
las necesidades o deseos del usuario no tendrá sentido ni propósito en sí mismo.
Fácil de usar: El sistema o producto tiene que ser simple y fácil de usar. Los sistemas deberían ser
diseñados de tal forma que resultasen familiares y fáciles de entender para un usuario medio.
La estética visual del producto, servicio o sistema tiene que ser atractiva, agradable y placentera. Debe
proporcionar sentimientos de placer y crear atracción.
Localizable: La información debe ser fácil de encontrar y debe ser fácil navegar por las diferentes pan-
tallas de los productos e interfaces que desarrollemos.
Accesible: El producto o servicio debería ser diseñado de tal manera que incluso los usuarios con disca-
pacidades puedan tener posibilidad de acceso y una experiencia de uso similar al resto.
Creíble: La compañía y sus productos y servicios necesitan ser creíbles, generar confianza.
pg 30 de 54JOSE BALAGUER - 2019
Disciplinas de UX
pg 31 de 54JOSE BALAGUER - 2019
INVESTIGACIÓN
DE USUARIOS
CUALITATIVA
CUANTITATIVA
ARQUITECTURA
DE LA
INFORMACIÓN
DISEÑO DE LA
INTERACCIÓN
HCI
BRANDING
MARCA
GUÍAS DE ESTILO
DESIGN SYSTEMS
GENERACIÓN DE
IDEAS
DIFERENTES TÉCNICAS
DE BRAINSTORMING
MAPEADO UX
DATA VISUALIZATION
PROTOTIPADO
WIREFRAMING
PROTOTIPADO DE BAJA
PROTOTIPADO DE ALTA
PROTOTIPADO DE SOFT-
WARE
DISEÑO VISUAL
( UI )
USABILIDAD Y
ACCESIBILIDAD
EVALUACIÓN HEU-
RÍSTICA
TEST DE USABILIDAD
ANALÍTICA Y MER-
CADOS
ESTRATEGIA DE
CONTENIDOS
SERVICE
DESIGN
GESTIÓN DE
EQUIPOS
FACILITADOR
pg 32 de 54JOSE BALAGUER - 2019
INVESTIGAR AL
USUARIO
DEFINIR EL
PROYECTO
ANALIZAR Y
PRIORIZAR
IDEAR
SOLUCIONES
PROTOTIPAR TESTEAR DESARROLLAR
ANALÍTICA Y MER-
CADOS
DISEÑO UI
DESARROLLO
FRONT-END
TÉCNICAS DE GEN-
ERACIÓN DE IDEAS
ESTRATEGIA DE
CONTENIDOS
GESTIÓN DE EQUI-
POS
DISEÑO DE LA IN-
TERACCIÓN
PROTOTIPADO USABILIDAD Y AC-
CESIBILIDAD
TESTEOARQUITECTURA DE
LA INFORMACIÓN
USER RESEARCHBRANDING MAPEADO DE UX
pg 33 de 54JOSE BALAGUER - 2019
DISEÑO UI
DISEÑO DE LA IN-
TERACCIÓN
TESTEO
USER RESEARCH
USABILIDAD Y AC-
CESIBILIDAD
ARQUITECTURA DE
LA INFORMACIÓN
ESTRATEGIA DE
CONTENIDOS
pg 34 de 54JOSE BALAGUER - 2019
pg 35 de 54JOSE BALAGUER - 2019
4. USER RESEARCH
pg 35 de 54
pg 36 de 54JOSE BALAGUER - 2019
INVESTIGACIÓN
CUALITATIVA
INVESTIGACIÓN
CUANTITATIVA
NOS INDICA EL PORQUÉ
BUSCAMOS INSIGHTS
BUSCAMOS APRENDER
NOS INDICA CUÁNTO
SE BUSCAN TENDENCIAS
SE BUSCA CONFIRMAR
SE BUSCA VALIDAR HIPÓTESIS
pg 37 de 54JOSE BALAGUER - 2019
pg 38 de 54JOSE BALAGUER - 2019
Christian Rohrer
FEEDBACK DE USUARIO
ESTUDIO ETNOGRÁFICO
DISEÑO PARTICIPATIVO
DIARY STUDY
ENCUESTAS
FOCUS GROUP
ENTREVISTA
Herramientas de investigación de usuarios para una primera fase
pg 39 de 54JOSE BALAGUER - 2019
pg 40 de 54JOSE BALAGUER - 2019
Algunas de las herramientas
que usamos
pg 41 de 54JOSE BALAGUER - 2019
optimal short | experience fellow | realtime board | hotjar | similarweb.com | typeform....
OPTIMAL WORKSHOP TYPEFORM REALTIME BOARD - MURAL
SIMILAR WEB EXPERIENCE FELLOW HOTJAR
pg 42 de 54JOSE BALAGUER - 2019
5. Usabilidad
pg 42 de 54
pg 43 de 54JOSE BALAGUER - 2019
pg 44 de 54JOSE BALAGUER - 2019
Es una disciplina fundamental en el desarrollo de productos digitales.
Para dominarla no sólo hay que conocer las reglas y heurísticas sino que es importante saber hacer un
buen test de usabilidad.
La evaluación heurística ( o de experto ) nos resultará útil siempre y cuando el evaluador sea ajeno al
produto y desarrollo del mismo.
Los peores problemas de usabilidad no siempre son los más graves.
Es muy importante conocer bien a nuestro público, cómo se maneja y en que contexto lo hace.
La usabilidad también se debe aplicar al lenguaje que usamos y a los elementos visuales.
A la hora de desarrollar productos con un buen nivel de usabilidad deberemos tener en cuenta algunos
principios de psicología cognitiva: Ley de Hicks, Ley de Fitts, el concepto de affordance, la carga cogniti-
va, etc.
pg 45 de 54JOSE BALAGUER - 2019
FAT FINGER FRIENDLY
MOBILE FIRST
KISS - LESS IS BETTER
MICROMOMENTOS
SPAN DE ATENCIÓN
MULTI TAREA Y MULTIDISPOSITIVO
pg 46 de 54JOSE BALAGUER - 2019
EL SPAN DE ATENCIÓN Y LA IMPORTANCIA DE LOS ELEMENTOS VISUALES
pg 47 de 54JOSE BALAGUER - 2019
A tener en cuenta:
El span de atención se ha reducido en los últimos 10
años
El usuario está sometido a una sobrecarga informa-
tiva
Nuestro mensaje tiene que llegar al usuario en la
forma, modo y momento que el quiera.
La estrategia de contenidos, la arquitectura de la in-
formación y la usabilidad son fundamentales para
conseguir este objetivo
A veces es más importane la presentación de la in-
formación que la información en si misma
pg 48 de 54JOSE BALAGUER - 2019
NO BASTA CON CONOCERLO, HAY QUE SABER APLICARLO
pg 49 de 54JOSE BALAGUER - 2019
pg 50 de 54JOSE BALAGUER - 2019
Casos y Ejemplos reales
pg 50 de 54
pg 51 de 54JOSE BALAGUER - 2019
CASO MC DONDALD BROS.
PROTOTIPADO - TESTEO
INTERESES DEL NEGOCIO
pg 52 de 54JOSE BALAGUER - 2019
SERVICE DESIGN
SERVICE BLUEPRINT
STAKEHOLDERS
pg 53 de 54JOSE BALAGUER - 2019
CASO DE DESIGN THINKING: THE GOOD KITCHEN
pg 54 de 54JOSE BALAGUER - 2019
MUCHAS GRACIAS
josebalaguer@mac.com
Formadores IT
info@formadoresit.es
91 163 15 18

Más contenido relacionado

PDF
Video 1
PDF
UX Industry Survey Spain 2016 _ Highlights
PDF
UX en 30 Minutos
PPTX
Diseño de experiencia de usuario
PDF
Introduccion a UX
PDF
Workshop UX Design [UIXCode]
PPS
User Experience, UX & UI
PDF
Diseño de Experiencia de Usuario UxD
Video 1
UX Industry Survey Spain 2016 _ Highlights
UX en 30 Minutos
Diseño de experiencia de usuario
Introduccion a UX
Workshop UX Design [UIXCode]
User Experience, UX & UI
Diseño de Experiencia de Usuario UxD

La actualidad más candente (20)

PDF
Mobile design for ux (spanish)
PDF
UX2012 - Casos y Experiencias de un equipo de UX
PDF
UX en emprendimientos Caso de estudio - Campus party 2019
PDF
Diseño y usabilidad
PDF
UX product mindset - Product Tank Santiago.
PDF
Kit CiT User Experience
PDF
Agile UX
PPTX
Taller UX: Tests de usabilidad
PDF
Diseño de Experiencia
PDF
IDF Santiago #09: Design for Innovation - Módulo 1: UX Strategy
PDF
Integración de Lean UX en Scrum
PDF
Curso Taller LEAN UX Clase 01/04
PDF
Frank astorga midiendo la usabilidad pure heart
PDF
Fundamentos de User Experience
PDF
Agile UX / Ágiles 2015
PDF
UX User Experience en un contexto de desarrollo de software
PDF
Ux, Experiencia de Usuario
PDF
+innoventia soluciones digitales
PDF
Diseño centrado en el usuario
PDF
Sin ROI no hay Diseño
Mobile design for ux (spanish)
UX2012 - Casos y Experiencias de un equipo de UX
UX en emprendimientos Caso de estudio - Campus party 2019
Diseño y usabilidad
UX product mindset - Product Tank Santiago.
Kit CiT User Experience
Agile UX
Taller UX: Tests de usabilidad
Diseño de Experiencia
IDF Santiago #09: Design for Innovation - Módulo 1: UX Strategy
Integración de Lean UX en Scrum
Curso Taller LEAN UX Clase 01/04
Frank astorga midiendo la usabilidad pure heart
Fundamentos de User Experience
Agile UX / Ágiles 2015
UX User Experience en un contexto de desarrollo de software
Ux, Experiencia de Usuario
+innoventia soluciones digitales
Diseño centrado en el usuario
Sin ROI no hay Diseño
Publicidad

Similar a Documento - Webinar ux (20)

PPTX
UX Experiencia de usuario. Introduccvión al ux ui
PDF
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
PDF
Marketing Digital Trends 3/3
PDF
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
PPTX
PDF
[UXday] Guías de UX
PDF
Buenas prácticas y pautas de UX para un proyecto digital
PDF
Real UX Whitepaper
PDF
Real UX Raona Whitepaper
PPTX
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
PDF
Desarrollo de HCI (Primer Parcial)
PDF
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
PDF
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
PDF
Introduccion a ux - IxDA Mendoza - Taller UX
PDF
Introduccion a ux - IxDA Mendoza - Taller UX
PDF
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
PPS
Construyendo la Comunidad de IxDA Mendoza
PPS
Construyendo la Comunidad de IxDA Mendoza
PDF
Cómo adaptar Research UX en un entorno Agile
PDF
Consultoria WEB
UX Experiencia de usuario. Introduccvión al ux ui
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
Marketing Digital Trends 3/3
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
[UXday] Guías de UX
Buenas prácticas y pautas de UX para un proyecto digital
Real UX Whitepaper
Real UX Raona Whitepaper
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Desarrollo de HCI (Primer Parcial)
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Introduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UX
DE LA IDEA A LA SOLUCIÓN. DESCUBRE LAS MEJORES PRÁCTICAS UX
Construyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA Mendoza
Cómo adaptar Research UX en un entorno Agile
Consultoria WEB
Publicidad

Último (20)

PDF
BRIEF DE UNA NUEVA MARCA LLAMADA PUBLI AGENCY
PPTX
Presentación de resumen del producto.pptx
DOCX
FCE POLITICa tercer grado secundaria adolescentes
PDF
Cartelera de lavaplatos de bicarbonato y limon
PPTX
11avo sesion de clase de produccion de cuyes y conejos.....pptx
PDF
Tema 5.pdfdjdjsjsjshdbsjsjsjsjsjsjsjsjsjsjsj
PDF
Act. 2.1 Recursos Naturales y su Clasificación..pdf
PPTX
2 rev industrial y dit.pptx mamkaakkakakaaka
PPTX
diseño e interpretacion de planos tecnicos.pptx
PDF
Análisis de Comunidad | Seminario Espacio y Hábitat
PDF
Curso online para participar en exel o deribados
PPTX
El-Ingles-Una-Lengua-Directamente-Derivada-del-Latin.pptx
PPTX
mapa mental sobre la elaboracion del plan analitico sobre la nueva escuela me...
PPTX
convulsiones.pptxiiuhbutghiopkhrfxdddxfvk
DOCX
FODA COMPUTACION 2 bim- Rolando Trinidad.docx
PDF
Cuidado para el Desarrollo Infantil _Certificado de participación (1).pdf
PDF
Ideacion y conceptualización-Act2-EmelyBermeo-Parte 1.pdf
PDF
diapositvas de trauma de torax.descripcion
PPTX
MATBApptxx.mbaarqtqweujjyyffdrtghjujjjjjikbfd
PPTX
CONSTRUCCION DE MAQUINA ESCUADRADORA ..pptx
BRIEF DE UNA NUEVA MARCA LLAMADA PUBLI AGENCY
Presentación de resumen del producto.pptx
FCE POLITICa tercer grado secundaria adolescentes
Cartelera de lavaplatos de bicarbonato y limon
11avo sesion de clase de produccion de cuyes y conejos.....pptx
Tema 5.pdfdjdjsjsjshdbsjsjsjsjsjsjsjsjsjsjsj
Act. 2.1 Recursos Naturales y su Clasificación..pdf
2 rev industrial y dit.pptx mamkaakkakakaaka
diseño e interpretacion de planos tecnicos.pptx
Análisis de Comunidad | Seminario Espacio y Hábitat
Curso online para participar en exel o deribados
El-Ingles-Una-Lengua-Directamente-Derivada-del-Latin.pptx
mapa mental sobre la elaboracion del plan analitico sobre la nueva escuela me...
convulsiones.pptxiiuhbutghiopkhrfxdddxfvk
FODA COMPUTACION 2 bim- Rolando Trinidad.docx
Cuidado para el Desarrollo Infantil _Certificado de participación (1).pdf
Ideacion y conceptualización-Act2-EmelyBermeo-Parte 1.pdf
diapositvas de trauma de torax.descripcion
MATBApptxx.mbaarqtqweujjyyffdrtghjujjjjjikbfd
CONSTRUCCION DE MAQUINA ESCUADRADORA ..pptx

Documento - Webinar ux

  • 1. pg 1 de 54JOSE BALAGUER - 2019 WEBINAR DISEÑO CENTRADO EN LA EXPERIENCIA DE USUARIO
  • 2. pg 2 de 54JOSE BALAGUER - 2019 FORMADORES { IT }
  • 3. pg 3 de 54JOSE BALAGUER - 2019 Qué es UX y Qué es Design Thinking El panal de UX de Peter Morville El proceso de desarrollo iterativo de Design Thinking La investigación cualitativa frente a la cuantitativa Usabilidad y el enfoque centrado en el usuario Adobe XD - RealTime Board - Experience Fellow ... Curso UX 27horas CONTENIDOS
  • 4. pg 4 de 54JOSE BALAGUER - 2019 1. Conociendo la percepción de los usuarios La Escuela de la Gestalt Cómo leen los usuarios El span de atención Affordances: desarrollo de interfaces intuitivas Carga cognitiva y carga kinemática El impacto de los gráficos y el storytelling a la hora de comunicar eficazmente 2. Usabilidad y principios de HCI que debemos conocer en UX 8 reglas de oro del diseño de interfaces Heurísticas de usabilidad Leyes de UX basadas en la psicología cognitiva Escritura para la web Visualización de datos Usabilidad en la imágenes CURSO UX
  • 5. pg 5 de 54JOSE BALAGUER - 2019 3. Testeando y mejorando nuestros diseños El test de usabilidad Matriz de tareas Screening Desarrollo del test Evaluación y soluciones Alternativas viables al test de laborartorio 4. Herramientas para prototipar y testear nuestros diseños Adobe XD Testear el rendimiento Testear la eficacia del diseño Testear la usabilidad on-line Testear la arquitectura de la información
  • 6. pg 6 de 54JOSE BALAGUER - 2019 1. Qué es UX
  • 7. pg 7 de 54JOSE BALAGUER - 2019 LA EXPERIENCIA DE USUARIO Es una sensación: lo que el cliente percibe al usar o probar un producto. User eXperience (UX), o Experiencia de Usu- ario, representa la percepción dejada en la men- te de un usuario después de una serie de inter- acciones con un dispositivo, app, web o servicio
  • 8. pg 8 de 54JOSE BALAGUER - 2019 ¿Se puede diseñar la experiencia de usuario?
  • 9. pg 9 de 54JOSE BALAGUER - 2019
  • 10. pg 10 de 54JOSE BALAGUER - 2019 Dominando técnicas de marketing y principios universales del diseño y psicología, podemos conseguir que el usuario realice determinadas ac- ciones o incluso crear necesidades y deseos Sin embargo esto no es UX. En UX se intenta descubrir cuáles son las desire lines para poder ofrecer mejores soluciones
  • 11. pg 11 de 54JOSE BALAGUER - 2019 Es una filosofía de diseño que tiene por objetivo la creación de productos que resuelvan necesidades concretas de sus usuarios finales, consiguiendo la mayor satisfacción y mejor expe- riencia de uso posible con el mínimo esfuerzo. Es un proceso en el que se utilizan una serie de técnicas multidisciplinares y donde cada de- cisión tomada está basada en las necesidades, objetivos, expectativas, motivaciones y capaci- dades de los usuarios. EL DISEÑO CENTRADO EN LA EXPERIENCIA DE USUARIO ( UX )
  • 12. pg 12 de 54JOSE BALAGUER - 2019
  • 13. pg 13 de 54JOSE BALAGUER - 2019
  • 14. pg 14 de 54JOSE BALAGUER - 2019 The Definition of User Experience (UX) ( Don Norman and Jakob Nielsen ) “Experiencia de usuario” comprende todos los aspectos de la interacción del usuario final con la empresa, su servicios y sus productos. El primer requisito para una experiencia de uso ejemplar es conseguir satisfacer las necesidades exactas del usuario de una forma fácil e intuitiva. A continuación vienen la simplicidad y la elegancia que producen productos que el usuario disfruta teniendo y disfruta usando. La verdadera experiencia de usuario va mas allá de ofrecer a los clientes lo que dicen que quieren o proporcionar un listado de funcionallidades. Para poder conseguir una experiencia de usuario de calidad en la oferta de una em- presa debe haber una integración sin fisuras de los servicios de múltiples disciplinas, incluyendo inge- niería, marketing, diseño gráfico e industrial y diseño de interfaces. Es importante distinguir la experiencia de usuario de el diseño de interfaces de usuario, a persar de que esta última obviamente una parte extremadamente importante del diseño. Es importante distinguir UX de usabilidad. La usabilidad es un atributo de calidad de un producto, que nos indica si el sistema es fácil de aprender, eficiente, placentero, etc. La experiencia de usuario es un concepto mucho más amplio
  • 15. pg 15 de 54JOSE BALAGUER - 2019 CARACTERÍSTICAS DEL DISEÑO CENTRADO EN EL USUARIO: Se trata de un proceso iterativo: las diferentes etapas no son departamentos estancos que se vayan cerrando y finalizando necesariamente para pasar al siguiente. Se trata de un proceso multidisciplinar: En cada una de estas etapas nos vamos a encontrar con una serie de disciplinas que se irán aplicando según avanza la fase de desarrollo de UX Un proceso tipo Design Thinking: La metodología que se sigue en desarrollo UX coincide con la metodología general del Design Thinking Se trata de un proceso colaborativo: Es por tanto muy importante trabajar con una mentalidad colaborativa y en la que se incorporen diferentes actores. Se tiene en cuenta a la empresa: Siempre se habla de que es un proceso de diseño centrado en el usuario pero nunca hay que olvidar las necesidades y condicionantes de la empresa.
  • 16. pg 16 de 54JOSE BALAGUER - 2019 NECESIDADES DEL USUARIO UX OBJETIVOS DEL NEGOCIO LIMITACIONES TÉCNICAS
  • 17. pg 17 de 54JOSE BALAGUER - 2019 2. Design Thinking pg 17 de 54
  • 18. pg 18 de 54JOSE BALAGUER - 2019
  • 19. pg 19 de 54JOSE BALAGUER - 2019
  • 20. pg 20 de 54JOSE BALAGUER - 2019 Cómo encaja el Design Thinking en un proceso de UX
  • 21. pg 21 de 54JOSE BALAGUER - 2019 PROBLEMAS: - diseño basado en hipótesis y corazonadas - falta de análisis profundo ( copiamos una solución que funciona pero la implementamos en otro contexto o con otros usuarios ) - falta de trabajo en equipo - falta de empatía con el usuario
  • 22. pg 22 de 54JOSE BALAGUER - 2019 Personas Mapa de empatía User journey Experience map Storyboard Task flow User flow Brainstorming Six Thinking Hats Scamper Taller de ideación Taller de co-creación Mapas del sitio Wireframes Mockups Prototipos de baja Prototipos de alta Diseño AI Prototipo interactivo Testeo en lab Testeo on-line A/B testing Cardsorting Treejack Desirability study Test de usuario Concept testing etc. Guías de estilo Design system Escritura para web Estrategia de contenidos EVALUAR RESULTADOS Estadísticas Métricas Test sumativo Evaluación competencia Competencia Stakeholders Métricas Investigación de mercado Etnográfica Estudio de diario Entrevistas Encuestas Focus Group Feedback EL PROCESO DE DESARROLLO EN UX INVESTIGAR AL USUARIO DEFINIR EL PROYECTO ANALIZAR Y PRIORIZAR IDEAR SOLUCIONES PROTOTIPAR TESTEAR DESARROLLAR
  • 23. pg 23 de 54JOSE BALAGUER - 2019 Preguntas que se suelen plantear a menudo
  • 24. pg 24 de 54JOSE BALAGUER - 2019 1. Necesito ser diseñador para dedicarme al UX? 2. No soy creativo. Que futuro tendría yo en este sector? 3. Necesito dominar todas estas disciplinas? 4. Piden mucha experiencia en todas las ofertas de trabajo. ¿Estaré cuali- ficado? 5. UX es una moda pasajera? Se está sobrevalorando? 6. Qué nivel de implantación tiene UX? 7. Siendo tan evidente y fácil como parece la usabilidad, no será algo que eventualmente dominen todas las empresas del sector? 8. Con los tiempos de desarrollo que hay hoy en día, ¿realmete hay sitio para un proceso como UX?
  • 25. pg 25 de 54JOSE BALAGUER - 2019 Posibles escenarios donde apli- car un proceso de UCD
  • 26. pg 26 de 54JOSE BALAGUER - 2019 1. Desarrollo de una idea de negocio nueva 2. Rediseño total de un producto 3. Rediseño parcial de un producto 4. Adaptación de una solución a un nuevo contexto 5. Modificación de una idea/negocio que no evoluciona 6. Aplicación parcial del proceso de UX 7. Empresas con diferentes grados de aceptación del proceso de UX 8. Service Design
  • 27. pg 27 de 54JOSE BALAGUER - 2019 3. UX Honeycomb
  • 28. pg 28 de 54JOSE BALAGUER - 2019 El panal de la experiencia de usuario es una herramienta que explica las diferentes facetas del diseño de expe- riencia de usuario, puesto que hay muchos aspectos en este campo que van más allá de la experiencia de usuario como se ha entendido tradicionalmente. Esta herramienta sirve para encontrar un punto dulce entre las diferentes áreas de una buena experiencia de usu- ario. Podríamos usarlo como checklist Peter Morville útil Deseable Accesible Creible Localizable Fácil de usar
  • 29. pg 29 de 54JOSE BALAGUER - 2019 Útil: Un producto o servicio necesita ser útil y cubrir una necesidad. Si el producto o servicio no satisface las necesidades o deseos del usuario no tendrá sentido ni propósito en sí mismo. Fácil de usar: El sistema o producto tiene que ser simple y fácil de usar. Los sistemas deberían ser diseñados de tal forma que resultasen familiares y fáciles de entender para un usuario medio. La estética visual del producto, servicio o sistema tiene que ser atractiva, agradable y placentera. Debe proporcionar sentimientos de placer y crear atracción. Localizable: La información debe ser fácil de encontrar y debe ser fácil navegar por las diferentes pan- tallas de los productos e interfaces que desarrollemos. Accesible: El producto o servicio debería ser diseñado de tal manera que incluso los usuarios con disca- pacidades puedan tener posibilidad de acceso y una experiencia de uso similar al resto. Creíble: La compañía y sus productos y servicios necesitan ser creíbles, generar confianza.
  • 30. pg 30 de 54JOSE BALAGUER - 2019 Disciplinas de UX
  • 31. pg 31 de 54JOSE BALAGUER - 2019 INVESTIGACIÓN DE USUARIOS CUALITATIVA CUANTITATIVA ARQUITECTURA DE LA INFORMACIÓN DISEÑO DE LA INTERACCIÓN HCI BRANDING MARCA GUÍAS DE ESTILO DESIGN SYSTEMS GENERACIÓN DE IDEAS DIFERENTES TÉCNICAS DE BRAINSTORMING MAPEADO UX DATA VISUALIZATION PROTOTIPADO WIREFRAMING PROTOTIPADO DE BAJA PROTOTIPADO DE ALTA PROTOTIPADO DE SOFT- WARE DISEÑO VISUAL ( UI ) USABILIDAD Y ACCESIBILIDAD EVALUACIÓN HEU- RÍSTICA TEST DE USABILIDAD ANALÍTICA Y MER- CADOS ESTRATEGIA DE CONTENIDOS SERVICE DESIGN GESTIÓN DE EQUIPOS FACILITADOR
  • 32. pg 32 de 54JOSE BALAGUER - 2019 INVESTIGAR AL USUARIO DEFINIR EL PROYECTO ANALIZAR Y PRIORIZAR IDEAR SOLUCIONES PROTOTIPAR TESTEAR DESARROLLAR ANALÍTICA Y MER- CADOS DISEÑO UI DESARROLLO FRONT-END TÉCNICAS DE GEN- ERACIÓN DE IDEAS ESTRATEGIA DE CONTENIDOS GESTIÓN DE EQUI- POS DISEÑO DE LA IN- TERACCIÓN PROTOTIPADO USABILIDAD Y AC- CESIBILIDAD TESTEOARQUITECTURA DE LA INFORMACIÓN USER RESEARCHBRANDING MAPEADO DE UX
  • 33. pg 33 de 54JOSE BALAGUER - 2019 DISEÑO UI DISEÑO DE LA IN- TERACCIÓN TESTEO USER RESEARCH USABILIDAD Y AC- CESIBILIDAD ARQUITECTURA DE LA INFORMACIÓN ESTRATEGIA DE CONTENIDOS
  • 34. pg 34 de 54JOSE BALAGUER - 2019
  • 35. pg 35 de 54JOSE BALAGUER - 2019 4. USER RESEARCH pg 35 de 54
  • 36. pg 36 de 54JOSE BALAGUER - 2019 INVESTIGACIÓN CUALITATIVA INVESTIGACIÓN CUANTITATIVA NOS INDICA EL PORQUÉ BUSCAMOS INSIGHTS BUSCAMOS APRENDER NOS INDICA CUÁNTO SE BUSCAN TENDENCIAS SE BUSCA CONFIRMAR SE BUSCA VALIDAR HIPÓTESIS
  • 37. pg 37 de 54JOSE BALAGUER - 2019
  • 38. pg 38 de 54JOSE BALAGUER - 2019 Christian Rohrer FEEDBACK DE USUARIO ESTUDIO ETNOGRÁFICO DISEÑO PARTICIPATIVO DIARY STUDY ENCUESTAS FOCUS GROUP ENTREVISTA Herramientas de investigación de usuarios para una primera fase
  • 39. pg 39 de 54JOSE BALAGUER - 2019
  • 40. pg 40 de 54JOSE BALAGUER - 2019 Algunas de las herramientas que usamos
  • 41. pg 41 de 54JOSE BALAGUER - 2019 optimal short | experience fellow | realtime board | hotjar | similarweb.com | typeform.... OPTIMAL WORKSHOP TYPEFORM REALTIME BOARD - MURAL SIMILAR WEB EXPERIENCE FELLOW HOTJAR
  • 42. pg 42 de 54JOSE BALAGUER - 2019 5. Usabilidad pg 42 de 54
  • 43. pg 43 de 54JOSE BALAGUER - 2019
  • 44. pg 44 de 54JOSE BALAGUER - 2019 Es una disciplina fundamental en el desarrollo de productos digitales. Para dominarla no sólo hay que conocer las reglas y heurísticas sino que es importante saber hacer un buen test de usabilidad. La evaluación heurística ( o de experto ) nos resultará útil siempre y cuando el evaluador sea ajeno al produto y desarrollo del mismo. Los peores problemas de usabilidad no siempre son los más graves. Es muy importante conocer bien a nuestro público, cómo se maneja y en que contexto lo hace. La usabilidad también se debe aplicar al lenguaje que usamos y a los elementos visuales. A la hora de desarrollar productos con un buen nivel de usabilidad deberemos tener en cuenta algunos principios de psicología cognitiva: Ley de Hicks, Ley de Fitts, el concepto de affordance, la carga cogniti- va, etc.
  • 45. pg 45 de 54JOSE BALAGUER - 2019 FAT FINGER FRIENDLY MOBILE FIRST KISS - LESS IS BETTER MICROMOMENTOS SPAN DE ATENCIÓN MULTI TAREA Y MULTIDISPOSITIVO
  • 46. pg 46 de 54JOSE BALAGUER - 2019 EL SPAN DE ATENCIÓN Y LA IMPORTANCIA DE LOS ELEMENTOS VISUALES
  • 47. pg 47 de 54JOSE BALAGUER - 2019 A tener en cuenta: El span de atención se ha reducido en los últimos 10 años El usuario está sometido a una sobrecarga informa- tiva Nuestro mensaje tiene que llegar al usuario en la forma, modo y momento que el quiera. La estrategia de contenidos, la arquitectura de la in- formación y la usabilidad son fundamentales para conseguir este objetivo A veces es más importane la presentación de la in- formación que la información en si misma
  • 48. pg 48 de 54JOSE BALAGUER - 2019 NO BASTA CON CONOCERLO, HAY QUE SABER APLICARLO
  • 49. pg 49 de 54JOSE BALAGUER - 2019
  • 50. pg 50 de 54JOSE BALAGUER - 2019 Casos y Ejemplos reales pg 50 de 54
  • 51. pg 51 de 54JOSE BALAGUER - 2019 CASO MC DONDALD BROS. PROTOTIPADO - TESTEO INTERESES DEL NEGOCIO
  • 52. pg 52 de 54JOSE BALAGUER - 2019 SERVICE DESIGN SERVICE BLUEPRINT STAKEHOLDERS
  • 53. pg 53 de 54JOSE BALAGUER - 2019 CASO DE DESIGN THINKING: THE GOOD KITCHEN
  • 54. pg 54 de 54JOSE BALAGUER - 2019 MUCHAS GRACIAS josebalaguer@mac.com Formadores IT info@formadoresit.es 91 163 15 18