SlideShare una empresa de Scribd logo

Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Virginia Aguirre
Virginia Aguirre
Virginia AguirreDirectora de Marketing y Comunicación en Hispavista

Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 de 155
Descargar para leer sin conexión
Marketing online – Cómo vender en la red
Experiencia de usuario y usabilidad

Virginia Aguirre: @bubalie
#bizbak2012
Empecemos por imaginar….
… cómo sería un proceso de compra online
    llevado a la vida “física/offline”.




    http://www.youtube.com/watch?v=3Sk7cOqB9Dk&list=PLC34DC3AFD26EF033
    &index=2&feature=plpp_video
Y ahora hablemos de lo que
    constituye la base de todo:
¡El Diseño centrado en el usuario!
El Diseño Centrado en el Usuario (UCD)

Es una filosofía de diseño que pretende
crear:
 Experiencias que van más allá de los
   productos o servicios.
 Un ambiente que se conecte a nivel
   emocional con el usuario.

                                          Juicy Salif
                                          Philippe Starck
El Diseño Centrado en el Usuario (UCD)

Se basa en las necesidades e intereses del usuario,
haciendo énfasis en la usabilidad y comprensión
del producto:
 - Habilidades y necesidades
   del usuario.
 - Contexto de uso.
 - Tareas que va realizar.

                               http://www.orangeaura.com/websites-and-people-
                               what-needs-to-be-considered/usability-accessibility/

Recomendados

Donostweets 4 de octubre - Estrategia Digital
Donostweets 4 de octubre - Estrategia DigitalDonostweets 4 de octubre - Estrategia Digital
Donostweets 4 de octubre - Estrategia DigitalVirginia Aguirre
 
SEO Social: Cómo diseñar una estrategia de Marketing Multicanal
SEO Social: Cómo diseñar una estrategia de Marketing MulticanalSEO Social: Cómo diseñar una estrategia de Marketing Multicanal
SEO Social: Cómo diseñar una estrategia de Marketing MulticanalIEBSchool
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experienceOveralia
 
Dossier informativo del Programa Superior en Diseño Centrado en el Usuario, E...
Dossier informativo del Programa Superior en Diseño Centrado en el Usuario, E...Dossier informativo del Programa Superior en Diseño Centrado en el Usuario, E...
Dossier informativo del Programa Superior en Diseño Centrado en el Usuario, E...Virginia Aguirre
 
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...The Social Experience
 
Dossier Programa Superior en Diseño Centrado en el Usuario, Experiencia de Us...
Dossier Programa Superior en Diseño Centrado en el Usuario, Experiencia de Us...Dossier Programa Superior en Diseño Centrado en el Usuario, Experiencia de Us...
Dossier Programa Superior en Diseño Centrado en el Usuario, Experiencia de Us...Virginia Aguirre
 

Más contenido relacionado

La actualidad más candente

Acciones de marketing
Acciones de marketingAcciones de marketing
Acciones de marketingWorköholics
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioLuis Carlos Aceves
 
Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.Worköholics
 
Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016taller_ux
 
Taller práctico de comunicación digital para asociaciones
Taller práctico de comunicación digital para asociacionesTaller práctico de comunicación digital para asociaciones
Taller práctico de comunicación digital para asociacionesWorköholics
 
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...Virginia Aguirre
 
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)Virginia Aguirre
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))King-eClient
 
La Web en caos visual y el diseño en su rescate
La Web en caos visual y el diseño en su rescateLa Web en caos visual y el diseño en su rescate
La Web en caos visual y el diseño en su rescateTP-LINK
 
Metodologia Diseño Centrado en el Usuario @IDAchile
Metodologia Diseño Centrado en el Usuario @IDAchileMetodologia Diseño Centrado en el Usuario @IDAchile
Metodologia Diseño Centrado en el Usuario @IDAchileMaximiliano Martin
 
Posicionamiento en buscadores
Posicionamiento en buscadoresPosicionamiento en buscadores
Posicionamiento en buscadoresWorköholics
 
Manuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialManuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialIxDA La Plata
 
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...IxDA La Plata
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioPercy Negrete
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsSonia Villanueva
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 qweos
 
Uso estratégico de las redes sociales
Uso estratégico de las redes socialesUso estratégico de las redes sociales
Uso estratégico de las redes socialesPilar Pardo Hidalgo
 

La actualidad más candente (20)

Acciones de marketing
Acciones de marketingAcciones de marketing
Acciones de marketing
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuario
 
Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.Material Design. La humanización del diseño de interacción.
Material Design. La humanización del diseño de interacción.
 
Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016
 
Taller práctico de comunicación digital para asociaciones
Taller práctico de comunicación digital para asociacionesTaller práctico de comunicación digital para asociaciones
Taller práctico de comunicación digital para asociaciones
 
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
 
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
Curso Experiencia de usuario (UX) y Usabilidad - Mondragon Unibertsitatea (MU)
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 
La Web en caos visual y el diseño en su rescate
La Web en caos visual y el diseño en su rescateLa Web en caos visual y el diseño en su rescate
La Web en caos visual y el diseño en su rescate
 
Metodologia Diseño Centrado en el Usuario @IDAchile
Metodologia Diseño Centrado en el Usuario @IDAchileMetodologia Diseño Centrado en el Usuario @IDAchile
Metodologia Diseño Centrado en el Usuario @IDAchile
 
Posicionamiento en buscadores
Posicionamiento en buscadoresPosicionamiento en buscadores
Posicionamiento en buscadores
 
Manuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialManuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión Social
 
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 centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
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
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ Highlights
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013
 
Uso estratégico de las redes sociales
Uso estratégico de las redes socialesUso estratégico de las redes sociales
Uso estratégico de las redes sociales
 

Destacado

Análisis situacional integral de salud final
 Análisis situacional integral de salud final Análisis situacional integral de salud final
Análisis situacional integral de salud finalEstefanía Echeverría
 
1ºBACH Economía Tema 5 Oferta y demanda
1ºBACH Economía Tema 5 Oferta y demanda1ºBACH Economía Tema 5 Oferta y demanda
1ºBACH Economía Tema 5 Oferta y demandaGeohistoria23
 
Onderzoeksrapport acrs v3.0_definitief
Onderzoeksrapport acrs v3.0_definitiefOnderzoeksrapport acrs v3.0_definitief
Onderzoeksrapport acrs v3.0_definitiefrloggen
 
Como hacer un plan de negocios
Como hacer un plan de negociosComo hacer un plan de negocios
Como hacer un plan de negociosXPINNERPablo
 
Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.
Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.
Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA... ..
 
Estrategias competitivas básicas
Estrategias competitivas básicasEstrategias competitivas básicas
Estrategias competitivas básicasLarryJimenez
 
2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...
2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...
2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda..... ..
 
3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.
3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.
3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3... ..
 
Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.
Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.
Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA... ..
 
Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.
Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.
Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA... ..
 
Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.
Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.
Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2... ..
 
Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.
Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.
Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1... ..
 
Unidad 3. toma de decisiones y solución
Unidad 3. toma de decisiones y soluciónUnidad 3. toma de decisiones y solución
Unidad 3. toma de decisiones y soluciónLinda De la Barrera
 
3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.
3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.
3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2... ..
 
Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...
Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...
Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI..... ..
 

Destacado (20)

Análisis situacional integral de salud final
 Análisis situacional integral de salud final Análisis situacional integral de salud final
Análisis situacional integral de salud final
 
De impact van adhd
De impact van adhdDe impact van adhd
De impact van adhd
 
PMP Sonora Saludable 2010 2015
PMP Sonora Saludable 2010   2015  PMP Sonora Saludable 2010   2015
PMP Sonora Saludable 2010 2015
 
1ºBACH Economía Tema 5 Oferta y demanda
1ºBACH Economía Tema 5 Oferta y demanda1ºBACH Economía Tema 5 Oferta y demanda
1ºBACH Economía Tema 5 Oferta y demanda
 
Onderzoeksrapport acrs v3.0_definitief
Onderzoeksrapport acrs v3.0_definitiefOnderzoeksrapport acrs v3.0_definitief
Onderzoeksrapport acrs v3.0_definitief
 
Como hacer un plan de negocios
Como hacer un plan de negociosComo hacer un plan de negocios
Como hacer un plan de negocios
 
Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.
Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.
Evidence: Describing my kitchen. ENGLISH DOT WORKS 2. SENA.
 
Estrategias competitivas básicas
Estrategias competitivas básicasEstrategias competitivas básicas
Estrategias competitivas básicas
 
Cápsula 1. estudios de mercado
Cápsula 1. estudios de mercadoCápsula 1. estudios de mercado
Cápsula 1. estudios de mercado
 
Rodriguez alvarez
Rodriguez alvarezRodriguez alvarez
Rodriguez alvarez
 
2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...
2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...
2. describing cities and places. ENGLISH DOT WORKS 2. SENA. semana 4 acitivda...
 
3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.
3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.
3.Evidence: Getting to Bogota.ENGLISH DOT WORKS 2. SENA.semana 4 actividad 3.
 
Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.
Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.
Evidence: Going to the restaurant . ENGLISH DOT WORKS 2. SENA.
 
Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.
Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.
Evidence: I can’t believe it.ENGLISH DOT WORKS 2. semana 3 actividad 1.SENA.
 
Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.
Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.
Evidence: Memorable moments.ENGLISH DOT WORKS 2. SENA. semana 2 actividad 2.
 
Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.
Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.
Evidence: Planning my trip. ENGLISH DOT WORKS 2. SENA. semana 4 actividad 1.
 
Unidad 3. toma de decisiones y solución
Unidad 3. toma de decisiones y soluciónUnidad 3. toma de decisiones y solución
Unidad 3. toma de decisiones y solución
 
3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.
3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.
3. Your next holiday destination ACTIVIDAD 3 SEMANA 3 ENGLISH DOT WORKS 2.
 
Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...
Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...
Evidence: What did I do yesterday?.ENGLISH DOT WORKS 2. SENA. SEMANA 2 ACTIVI...
 
"Protección de la salud mental luego del terremoto y tsunami del 27 de febrer...
"Protección de la salud mental luego del terremoto y tsunami del 27 de febrer..."Protección de la salud mental luego del terremoto y tsunami del 27 de febrer...
"Protección de la salud mental luego del terremoto y tsunami del 27 de febrer...
 

Similar a Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0Jorge Márquez
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar uxCarlos Martin
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-nataliaBrainy Bog
 
Creacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionalesCreacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionalesCarlos Alberto Peláez Ayala
 
Marketing Digital Trends 3/3
Marketing Digital Trends 3/3Marketing Digital Trends 3/3
Marketing Digital Trends 3/3Haydee Vega
 
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...Herlency Muñoz García
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.Gustavo Soto Miño
 
Presenta Usabilidad 2009
Presenta Usabilidad 2009Presenta Usabilidad 2009
Presenta Usabilidad 2009qweos
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxCarmenKeim2
 
Technisys UX Lunch&Learn
Technisys UX Lunch&LearnTechnisys UX Lunch&Learn
Technisys UX Lunch&LearnMariano Franco
 
Introduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidadIntroduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidadSol Mesz
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabambagdgsantacruz
 

Similar a Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad (20)

Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0Usabilidad en la empresa 2.0
Usabilidad en la empresa 2.0
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar ux
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Introducción usabilidad y ux mejorandola-natalia
Introducción usabilidad y ux   mejorandola-nataliaIntroducción usabilidad y ux   mejorandola-natalia
Introducción usabilidad y ux mejorandola-natalia
 
Creacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionalesCreacion de experiencias de usuario no tradicionales
Creacion de experiencias de usuario no tradicionales
 
Marketing Digital Trends 3/3
Marketing Digital Trends 3/3Marketing Digital Trends 3/3
Marketing Digital Trends 3/3
 
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...
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.UX product mindset - Product Tank Santiago.
UX product mindset - Product Tank Santiago.
 
User experience design
User experience designUser experience design
User experience design
 
Presenta Usabilidad 2009
Presenta Usabilidad 2009Presenta Usabilidad 2009
Presenta Usabilidad 2009
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
 
05 usabilidad y gestión web
05 usabilidad y gestión web05 usabilidad y gestión web
05 usabilidad y gestión web
 
Ux writing
Ux writingUx writing
Ux writing
 
Deck UX Writing
Deck UX WritingDeck UX Writing
Deck UX Writing
 
Video 1
Video 1Video 1
Video 1
 
Technisys UX Lunch&Learn
Technisys UX Lunch&LearnTechnisys UX Lunch&Learn
Technisys UX Lunch&Learn
 
Masterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia Berbegal
Masterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia BerbegalMasterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia Berbegal
Masterclass IIMN - Viaje a la Experiencia de Usuario UX - por Nídia Berbegal
 
Introduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidadIntroduccion a UX para estudiantes de marketing y publicidad
Introduccion a UX para estudiantes de marketing y publicidad
 
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
"UX Design for Mobile Developers" - Andres Jordan Zeballos - GDG Cochabamba
 

Último

Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1Lisa932201
 
FORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARES
FORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARESFORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARES
FORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARESChika Seven
 
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1Lisa932201
 
Medios de transporte con autos deportivos
Medios de transporte con autos deportivosMedios de transporte con autos deportivos
Medios de transporte con autos deportivosAlfredoOlmos11
 
Infografia Instituto Diocesano Barquisimeto
Infografia Instituto Diocesano BarquisimetoInfografia Instituto Diocesano Barquisimeto
Infografia Instituto Diocesano BarquisimetoAntonella464854
 
UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...
UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...
UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...Alina Macias
 
INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"
INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"
INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"camilaguedez26
 
Ruta Viña del Mar - Quintero, propuesta 2009
Ruta Viña del Mar - Quintero, propuesta 2009Ruta Viña del Mar - Quintero, propuesta 2009
Ruta Viña del Mar - Quintero, propuesta 2009ArquitecturaClculoCe
 
ARTE DEL BORDADO tipos y composturas.pdf
ARTE DEL BORDADO tipos y composturas.pdfARTE DEL BORDADO tipos y composturas.pdf
ARTE DEL BORDADO tipos y composturas.pdfcarmensees
 
Infografía instituto diocesano Barquisimeto
Infografía instituto diocesano BarquisimetoInfografía instituto diocesano Barquisimeto
Infografía instituto diocesano BarquisimetoAntonellaOsea
 
Diseño Queerbating México.pdf
Diseño Queerbating México.pdfDiseño Queerbating México.pdf
Diseño Queerbating México.pdfgabytaqueer
 
ESTRUCTURA COMERCIAL DE UNA COLECCION.pptx
ESTRUCTURA COMERCIAL DE UNA COLECCION.pptxESTRUCTURA COMERCIAL DE UNA COLECCION.pptx
ESTRUCTURA COMERCIAL DE UNA COLECCION.pptxRodrigoRolandoTurpoS
 
TENDENCIAS EN ARQUITECTURA 2024
TENDENCIAS EN ARQUITECTURA 2024TENDENCIAS EN ARQUITECTURA 2024
TENDENCIAS EN ARQUITECTURA 2024Design & Disain
 
se trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdfse trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdfpcromero
 

Último (14)

Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría del Arte 2 Unidad 1 Actividad 1
 
FORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARES
FORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARESFORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARES
FORMATO DE DIPLOMA ACADEMICO PRIMEROS LUGARES
 
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
Diseño y Comunicación Visual Teoría de la Comunicación II Unidad 1 Actividad 1
 
Medios de transporte con autos deportivos
Medios de transporte con autos deportivosMedios de transporte con autos deportivos
Medios de transporte con autos deportivos
 
Infografia Instituto Diocesano Barquisimeto
Infografia Instituto Diocesano BarquisimetoInfografia Instituto Diocesano Barquisimeto
Infografia Instituto Diocesano Barquisimeto
 
UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...
UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...
UNIDAD II analisis proyectual relación del hombre y el medio ambiente en el e...
 
INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"
INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"
INFOGRAFIA EN POWER POINT DE CAMILA GUEDEZ 3°"A"
 
Ruta Viña del Mar - Quintero, propuesta 2009
Ruta Viña del Mar - Quintero, propuesta 2009Ruta Viña del Mar - Quintero, propuesta 2009
Ruta Viña del Mar - Quintero, propuesta 2009
 
ARTE DEL BORDADO tipos y composturas.pdf
ARTE DEL BORDADO tipos y composturas.pdfARTE DEL BORDADO tipos y composturas.pdf
ARTE DEL BORDADO tipos y composturas.pdf
 
Infografía instituto diocesano Barquisimeto
Infografía instituto diocesano BarquisimetoInfografía instituto diocesano Barquisimeto
Infografía instituto diocesano Barquisimeto
 
Diseño Queerbating México.pdf
Diseño Queerbating México.pdfDiseño Queerbating México.pdf
Diseño Queerbating México.pdf
 
ESTRUCTURA COMERCIAL DE UNA COLECCION.pptx
ESTRUCTURA COMERCIAL DE UNA COLECCION.pptxESTRUCTURA COMERCIAL DE UNA COLECCION.pptx
ESTRUCTURA COMERCIAL DE UNA COLECCION.pptx
 
TENDENCIAS EN ARQUITECTURA 2024
TENDENCIAS EN ARQUITECTURA 2024TENDENCIAS EN ARQUITECTURA 2024
TENDENCIAS EN ARQUITECTURA 2024
 
se trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdfse trata de una prueba para mostrar fabula.pdf
se trata de una prueba para mostrar fabula.pdf
 

Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

  • 1. Marketing online – Cómo vender en la red Experiencia de usuario y usabilidad Virginia Aguirre: @bubalie #bizbak2012
  • 3. … cómo sería un proceso de compra online llevado a la vida “física/offline”. http://www.youtube.com/watch?v=3Sk7cOqB9Dk&list=PLC34DC3AFD26EF033 &index=2&feature=plpp_video
  • 4. Y ahora hablemos de lo que constituye la base de todo: ¡El Diseño centrado en el usuario!
  • 5. El Diseño Centrado en el Usuario (UCD) Es una filosofía de diseño que pretende crear: Experiencias que van más allá de los productos o servicios. Un ambiente que se conecte a nivel emocional con el usuario. Juicy Salif Philippe Starck
  • 6. El Diseño Centrado en el Usuario (UCD) Se basa en las necesidades e intereses del usuario, haciendo énfasis en la usabilidad y comprensión del producto: - Habilidades y necesidades del usuario. - Contexto de uso. - Tareas que va realizar. http://www.orangeaura.com/websites-and-people- what-needs-to-be-considered/usability-accessibility/
  • 7. El Diseño Centrado en el Usuario (UCD) Diseñar con el usuario final permanentemente en el centro de la atención. Cada etapa del proceso de diseño y desarrollo de un proyecto web debería considerar al usuario final mediante: - Actividades que lo involucren. - Técnicas que permitan tener una clara percepción de sus necesidades y preferencias.
  • 8. El Diseño Centrado en el Usuario (UCD) El objetivo es diseñar un sitio web de forma que sus usuarios puedan servirse de el con un mínimo de estrés y un máximo de eficiencia.
  • 9. Y esto… … ¿cómo lo hacemos?
  • 10. ¿Sacamos la bola de cristal?.... ;P
  • 11. El Diseño Centrado en el Usuario (UCD) Con un enfoque desde el inicio, recogiendo datos de manera estructurada, sistemática y objetiva, hacia:  los usuarios internos y externos.  las tareas que han de realizar con el producto.
  • 12. El Diseño Centrado en el Usuario (UCD) De Hitz Kareaga
  • 13. También es necesario contextualizar el momento actual…
  • 14. La web 2.0 y los medios sociales forman parte de nuestras vidas, están para quedarse y han cambiado la forma en que trabajamos, vivimos, aprendemos, nos comunicamos, nos divertimos…
  • 15. El acceso multiplataforma y la difusión de los smartphones y tablets no tiene marcha atrás.
  • 16. Las personas colaboran e intercambian información de forma ágil.
  • 17. Los mercados se convierten en conversaciones y ahora hablamos de reputación online.
  • 18. También hay que hablar del consumidor de nueva generación, informado, inteligente, productor de información que ya no cree en la publicidad. http://likeiknowit.wordpress.com/2008/05/19/micro-interactions/
  • 20. ¡Estamos ante un nuevo escenario! ¡Con nuevas formas de comunicarnos, relacionarnos, experimentar y compartir!
  • 21. Cambios dramáticos en la realidad del marketing http://www.youtube.com/watch?v=Mc0ggyHcQBk&list=PL0ECF8CE3B1D178C 3&index=8&feature=plpp_video
  • 22. ¡Ahora más que nunca lo que importa son las personas!
  • 23. Un nuevo enfoque centrado en la construcción de actividades alrededor de las personas, así como la generación de experiencias e interacciones positivas.
  • 24. - Generar nuevas formas de relacionarnos con nuestros usuarios, clientes, consumidores. - Buscar nuevas formas de transmitir mensajes. - Potenciar la interacción del consumidor con la marca a través de una experiencia directa. - Conectar con el consumidor a través de la red.
  • 25. ¿Y qué conseguimos si generamos experiencias positivas? ¡Engagement! ¡La vinculación de los usuarios con tu marca!
  • 27. ¡En este contexto la experiencia de usuario cobra una nueva dimensión!
  • 28. Las personas somos clientes, consumidores y usuarios… Y cómo tal, tenemos experiencias con las marcas, sus productos y sus servicios…. Se generan micro interacciones con diferentes facetas de la marca.
  • 30. ¿Pero qué es la experiencia de usuario?
  • 31. ¿Qué es la experiencia de usuario? La sensación, sentimiento y satisfacción del usuario… …respecto a un producto… …resultado de interactuar con el producto y su proveedor: la marca.
  • 32. ¿Qué es la experiencia de usuario? Conjunto de percepciones y sensaciones que desarrolla un usuario durante su relación e interacción con los elementos de tu identidad digital, y en concreto con tu sitio web…
  • 33. ¿Qué es la experiencia de usuario?
  • 34. ¿Qué es la experiencia de usuario? Hoy en día, la experiencia de usuario online va más allá de mi sitio web corporativo, integrando mi presencia en los diferentes medios y canales 2.0, pasando estos a conformar junto a nuestro sitio web, nuestra presencia en Internet. Creándose así una identidad digital y generando una experiencia de usuario global.
  • 35. ¿Qué es la experiencia de usuario? Una experiencia positiva de usuario está en directa relación con una percepción positiva de la marca. E branding / Branding 2.0 / UX 2.0 / Experiencias sociales /Conexión emocional / Micro Interacciones.
  • 36. ¿Qué es la experiencia de usuario? Objetivos de su diseño: - Homogeneización de las iniciativas online. - Proyección de marca única y homogénea. - Una experiencia de usuario global satisfactoria.
  • 37. ¿Qué es la experiencia de usuario? Nuestro sitio web es… …el reflejo de nuestra marca en internet, nuestro principal escaparate, nuestras oficinas centrales en internet!!!
  • 38. ¿Qué es la experiencia de usuario? La experiencia de usuario online empieza con la percepción de la marca y todo cuanto haya en un sitio web forma parte de la experiencia de usuario. http://www.benzinsider.com/2008/05/mercedes-benz-brand-perception-tag-cloud/
  • 39. ¿Qué es la experiencia de usuario?
  • 40. ¿Qué es la experiencia de usuario?
  • 41. ¿Qué es la experiencia de usuario?
  • 42. ¿Qué es la experiencia de usuario? Volvo: Seguridad Cuadrado Familias  más agresivos… Status Alto precio
  • 43. ¿Qué es la experiencia de usuario?
  • 44. ¿Qué es la experiencia de usuario? Concepto global que depende de numerosos factores: - Utilidad y valor del producto/servicio. - Respuesta a las necesidades y expectativas de los usuarios. - Contenidos y servicios ofrecidos. - Transmisión de valores de marca. - Creatividad. - Diseño visual. - Usabilidad/ Arquitectura de la información consistente / Navegación eficiente. - Facilidad de aprendizaje y recuerdo.
  • 45. ¿Qué es la experiencia de usuario? La usabilidad o “facilidad de uso” es una de las facetas fundamentales que forma parte de la UX. ¡Pero no lo es todo!
  • 46. ¿Qué es la experiencia de usuario? Los elementos de la experiencia de usuario - Jesse James Garret “Lo que no contaba era que diez años después, aún hubiera tanta gente que tuviera que ser educada (al respecto)". • Adaptive Path: http://www.adaptivepath.com/ • Acuñador término “AJAX”
  • 48. ¿Qué es la experiencia de usuario? Diseño visual Diseño de interfaz: información + navegación Diseño de interacción Arquitectura de información Especificaciones funcionales Necesidades de contenidos Necesidades de usuario Objetivos
  • 49. ¿Qué es la experiencia de usuario? La rueda de la experiencia del usuario - Francisco Tosete Herranz
  • 50. ¿Qué es la experiencia de usuario? La rueda de la experiencia del usuario - Francisco Tosete Herranz Disciplinas vinculadas: ‐ Usabilidad. ‐ Accesibilidad. ‐ Diseño de información y diseño gráfico. ‐ Buscabilidad (Findabiliby). ‐ Arquitectura de la Información. ‐ Diseño de Interacción.
  • 51. ¿Qué es la experiencia de usuario? Las facetas de la experiencia de usuario Peter Morville • Semantic Studios • Autor “Information architecture”. • Acuñador término “Findability”
  • 52. ¿Qué es la experiencia de usuario?
  • 53. ¿Qué es la experiencia de usuario? Utilidad Sistemas útiles aplicando el conocimiento del medio. Deseabilidad A través del valor de la imagen, de la identidad, de la marca Valor Ofrecer valor para el usuario Credibilidad Generar confianza
  • 54. ¿Qué es la experiencia de usuario? Encontrabilidad Capacidad de un objeto de ser localizado: buscadores/SEO + mecanismos internos. Usabilidad La facilidad de uso es fundamental, pero es una faceta más. Accesibilidad Acceso universal a la web
  • 56. Usabilidad La clave de un sitio usable es que quien navega por él consiga: - Entender su estructura. - Realizar con satisfacción aquello que pretendía realizar.
  • 57. Usabilidad http://www.youtube.com/watch?v=VP_WHckrAX0
  • 58. Usabilidad “La usabilidad se basa en no molestar ni hacer pensar en exceso al navegante (Krug) y en hacerle fácil y grata la experiencia en el sitio web.”
  • 59. Usabilidad Definición informal Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación informática o cualquier otro sistema que interactúe con un usuario. Formal (ISO/IEC): Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico.
  • 60. Usabilidad Atributos ¿Consigo realizar la comprar correctamente? ¿Cuánto tardo en Eficacia Eficiencia ¿Cometo algún error o realizar la todo sale bien a la compra? primera? Satisfacción ¿Me ha parecido difícil? ¿Me he quedado con buena sensación? ¿Repetiré y recomendaré esta web?
  • 61. Usabilidad Eficacia: Relacionado con el número de errores que comete el usuario en la consecución de una tarea. Eficiencia: Relacionado con el tiempo empleado por el usuario para la consecución de la tarea.
  • 62. Usabilidad Satisfacción de uso: Percepción del usuario respecto a la dificultad de acometer la tarea. Relacionado con que el sitio web sea subjetivamente agradable. Por satisfacción se entiende la ausencia de incomodidad y la actitud positiva en el uso del producto.
  • 64. Usabilidad y conversión ¿Y qué conseguimos si creamos un sitio web usable? ¡Mejorar nuestros ratios de conversión! En los procesos de nuestro sitio web: registros, compras, descargas, etc.
  • 65. Usabilidad y conversión La tasa de conversión es el porcentaje de visitantes que ejecuta la acción: rellenan un formulario, se suscriben (newsletter, feeds, canales 2.0, etc.) , descargan un demo, etc. Sitio web usable  - Alcanzar la máxima conversión de los visitantes que llegan a mi sitio web. - Convertirlos en el objetivo para el que fue diseñado el sitio.
  • 66. Usabilidad y conversión Ejemplo, una tienda online: - Objetivo: vender por Internet. - Factor de conversión: cantidad de ventas que consiga a través de la página web. Los incrementos en los factores de conversión se logran generalmente a través de mejoras en la usabilidad de un sitio web. Pero depende de emociones, motivaciones, grados de receptividad del usuario o y factores externos.
  • 67. Usabilidad y conversión Las acciones de Marketing online, la publicidad y demás promociones y actividades que lanzamos dirigen tráfico a nuestro sitio web:  Llevar a los usuarios encontrar contenidos de calidad y atractivos, que satisfaga sus necesidades y expectativas.  Crear páginas de aterrizaje (landing page) con una buena UX/usabilidad, contenidos atractivos y claras llamadas a la acción.  Testear, testear, testear, testear, testear, testear….: Test A/B – multivariante.
  • 71. Técnicas y herramientas 1 2 3 Indagación y Arquitectura de la Medición y captación de Información y Diseño evaluación de UX y insights de interacción usabilidad - Entrevistas. - Personas y escenarios. - Inspección - Focus group. heurística. - Card sorting. - Encuestas online. - Test de usuario. - Árboles de contenidos. - Monitorización Web - Analítica web. - Diagramas de flujo y 2.0 / redes sociales. procesos clave. - Herramientas online de testeo. - Prototipado
  • 72. Técnicas y herramientas 1 Indagación y captación de insights - Toma de requisitos. - Recogida de información subjetiva. - Preguntar y observar a los usuarios: - Experiencias. - Expectativas. - Necesidades. - Frustraciones. - Grado de satisfacción. - Contexto de uso, etc.
  • 73. Técnicas y herramientas 1 Indagación y captación de insights - Encuestas: online rápidas y asequibles- según proyecto. - Entrevistas: stakeholders, usuarios, entender procesos internos, etc. - Focus group (grupos de discusión): reacciones producto, servicio, concepto, publicidad, idea, etc. - Web 2.0 y redes sociales: Investigación de tendencias, mercado, consumidor, etc.
  • 74. Técnicas y herramientas 1 Indagación y captación de insights
  • 75. Técnicas y herramientas 1 Indagación y captación de insights
  • 76. Técnicas y herramientas 1 Indagación y captación de insights
  • 77. Técnicas y herramientas 1 Indagación y captación de insights - ¡Google! - Google alerts: monitorización resultados sobre un determinado tema http://www.google.es/alerts - Google Insights for search: tendencias de búsqueda http://www.google.com/insights/search - Google Blogs: blogs. http://www.google.es/blogsearch - Technorati: blogs. http://technorati.com - Touchgraph seo: relaciones en google. http://www.touchgraph.com/seo - Samepoint: monitotización SSMM. http://www.samepoint.com - How sociable: monitotización SSMM. http://www.howsociable.com/ - Addict-o-matic: monitorización SSMM http://addictomatic.com/ - Facebook Instant: búsquedas facebook. http://www.fbinstant.net/ - Topsy: Monitorización twitter (ahora tb Google +) http://topsy.com - Twitter Search: búsquedas en twitter. https://twitter.com/#!/search-home
  • 78. Técnicas y herramientas 1 Indagación y captación de insights
  • 79. Técnicas y herramientas 1 Indagación y captación de insights
  • 80. Técnicas y herramientas 1 Indagación y captación de insights
  • 81. Técnicas y herramientas 1 Indagación y captación de insights
  • 82. Técnicas y herramientas 1 Indagación y captación de insights
  • 83. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción: - Técnica “Personas”. - Card sorting. - Árboles de contenidos. - Diagramas de flujo y procesos clave. - Prototipado (wireframes) navegables, baja-alta fidelidad.
  • 85. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción: Técnica Personas
  • 86. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Card sorting
  • 87. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Arbol de contenidos (blueprints) - AI
  • 88. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 89. Técnicas y herramientas Arquitectura de la información y diseño de 2 interacción:
  • 90. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Diagrama de flujo – diseño de interacción
  • 91. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción Prototipado (wireframes)
  • 92. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 93. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 94. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 95. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 96. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 97. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 98. Técnicas y herramientas 2 Arquitectura de la información y diseño de interacción
  • 99. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad - Inspección heurística por experto. - Test de usuario. - Análisis de clicks (clicktale, clickheat...) - Predicción de atención visual (attentionwizard.com) - Testeos de reconocimiento y recuerdo (5 second test...)
  • 100. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad En 1990 Jakob Nielsen hizo un Evaluación heurística estudio sobre alrededor de 250 problemas típicos de usabilidad. Los heurísticos son buenas prácticas que nacen como respuesta a los problemas más comunes de los usuarios. Concluyo que podían agruparse en 11 categorías: 11 principios heurísticos.
  • 101. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad Test de usuario
  • 102. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad
  • 103. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad
  • 104. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad Análisis de clicks
  • 105. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad Reconocimiento y recuerdo
  • 106. Técnicas y herramientas 3 Medición y evaluación de experiencia de usuario y usabilidad
  • 107. Aplicación: metodología de diseño UX Fase 1 – INVESTIGACION Y Fase 2 – ESTRATEGIA, Fase 3 –DESARROLLO E ANALISIS CONCEPTO Y DISEÑO IMPLANTACION Entrevistas internas E-branding: objetivos, Desarrollo sitio web stakeholders: diagnostico posicionamiento, KW SEO, estra. Seguimiento UX situación, necesidades, de contenidos objetivos internos, etc.. Test de usuario sobre sitio en Estrategia de presencia en desarrollo : BETA/ producción + Sector: Benchmarking medios sociales ajustes competencia, buenas prácticas y tendencias. Contenidos, servicios y Implantación funcionalidades sitio web Definición PO / segmentos y priorización Actualización catalogación contenidos Detección necesidades: Implantaci Monitorización / encuestas online / focus / Card sorting ón Analítica entrevistas… Árbol de contenidos Técnica personas Prototipado navegable de baja Evaluación experto sitio web fidelidad Ajustes Consultoría SEO Test de usuario sobre prototipo Catalogación contenidos y de baja fidelidad servicios Diseño visual
  • 108. Los principios heurísticos de usabilidad
  • 109. Principios de usabilidad - Son teóricos pero flexibles. - En cada caso concreto (objetivo, usuario y contexto) la aplicación del principio puede variar. - Su extrapolación y comprensión permiten resolver cualquier casuística concreta. - Vienen del análisis factorial de unos 250 problemas de usabilidad concretos (Jakob Nielsen). - Los subheurísticos son aplicaciones concretas, observables, de los heurísticos.
  • 110. Principios de usabilidad ¿Se comunica de manera inmediata y clara el 1 propósito, objetivo y funciones de la página? - ¿El propósito u objetivo del sitio web es claro y obvio? ¿Con un simple vistazo a se sabe para qué sirve? - ¿Se muestra de forma clara qué contenidos y servicios / funcionalidades y acciones ofrece el sitio?
  • 113. Principios de usabilidad ¿Se ofrecen al usuario mecanismos y referencias 2 claras que le permitan orientarse fácilmente (dónde están y qué están haciendo)? ¿Se mantienen informados a los usuarios acerca de lo que está ocurriendo? - Títulos: páginas, secciones, página o del paso (en un proceso) - Ubicación de la página dentro de la estructura de información - Rutas de navegación / migas de pan. - Proceso: número de paso y pasos restantes - Vínculos claramente identificables. - Feedback : una acción en proceso /realizado con éxito o no.
  • 114. Principios de usabilidad Al pulsar el botón se sustituye por una barra de progreso Mensajes de feedback al finalizar una tarea La fortaleza de la contraseña se muestra en tiempo real
  • 117. Principios de usabilidad ¿La página se adecua a los objetos mentales del 3 usuario, su lógica de la información, su terminología y lenguaje? ¿La informacion se muestra en un orden lógico y natural? - Estructura y presentación de la información comprensible vs interna de la organización. - Metáforas e iconos. - Nivel de conocimientos expuesto en la página vs user. - Palabras, frases y conceptos familiares. No utiliza jergas ni tecnicismos. - Lenguaje claro y sencillo, una idea por párrafo. - Disposición de la información es asequible y de lectura rápida. - Información estructurada con títulos, negritas y viñetas.
  • 120. Principios de usabilidad ¿El sitio web permite al usuario interactuar con 4 el de manera fácil y productiva? - Ver y seleccionar mejor que recordar y escribir. - ¿Toda la información necesaria para la interacción se encuentra en la página? (La página no requiere recordar información de páginas previas para interactuar con ella.) - ¿Es fácil reencontrar información previamente encontrada? - Iconos que refuercen textos/contenidos. - Información previamente seleccionada para evitar la petición de información de nuevo.
  • 122. Principios de usabilidad ¿Tiene el usuario control y libertad sobre la 5 interfaz? ¿Se han evitado las acciones intrusivas que lo limiten? - Evitar el inicio automático de inician acciones no ordenadas explícitamente por el usuario. - Animaciones no controladas por el usuario. - Salida de la página, del proceso o de la estructura de información: desconectar, cancelar, inicio, etc. - Vínculo que permite volver a la página de inicio. - En caso de ser un proceso de varios pasos: posibilidad de volver al paso/s anteriores.
  • 123. Principios de usabilidad ¿Se mantiene la consistencia en las diferentes páginas/secciones, etc. del sitio? 6 ¿Se siguen los estándares "de facto“: la estructuración páginas, buscador, logo, etc.? - ¿Las etiquetas de los vínculos tienen los mismos nombres que los títulos de las páginas a las que se dirigen? - ¿Las mismas acciones llevan a los mismos resultados? - ¿La misma información (texto) se expresa de la misma forma en toda la página? - ¿La información esta organizada y es mostrada de manera similar en cada página? - ¿Las áreas de navegación, herramientas de búsqueda, controles , etc. siguen los estándares comunes de mercado?
  • 124. Principios de usabilidad http://www.somosflow.com/desktop/
  • 125. Principios de usabilidad http://www.weshootbottles.com/
  • 126. Principios de usabilidad 7 ¿El sitio web trata de prevenir posibles errores? - ¿Se mantiene informado al usuario de lo que ocurre en el sitio/aplicación? Por ejemplo, si el usuario tiene que esperar hasta que se termine una operación, la página debe mostrar un mensaje indicándole lo que está ocurriendo y qué debe esperar. - ¿Se dan ejemplos o proporciona ayuda sobre cómo introducir información en campos problemáticos? - Priorizar la selección de información en campos dónde podrían darse errores de escritura.
  • 127. Principios de usabilidad Hacer más relevante la acción primaria para evitar que la gente no se equivoque. Otros ejemplos pueden ser poner el foco automáticamente el cajetín de búsqueda o los auto-recomendadores evitan también errores tipográficos en las búsquedas.
  • 129. Principios de usabilidad ¿La interfaz facilita y optimiza el acceso y la 8 interacción de los usuarios con el sistema? Flexibilidad y eficiencia de uso - ¿La página no requiere volver a escribir la información ya solicitada en páginas anteriores? - ¿Es posible repetir una acción ya realizada anteriormente de manera sencilla? - ¿Cuando es pertinente la página permite al usuario personalizar acciones frecuentes? - ¿Se utilizan mecanismos eficientes de relleno/validación de campos de formulario?
  • 132. Principios de usabilidad ¿El sitio ofrece información y un diseño 9 minimalista? ¿Se ha evitado el uso de elementos irrelevantes? - ¿El texto es fácil de ojear, está bien organizado y las frases no son demasiado largas? - ¿Las fuentes son legibles y tienen un tamaño suficiente? - ¿Las fuentes usan colores con suficiente contraste con el fondo? - ¿La información es corta, concisa y precisa? - ¿Cada elemento de información se distingue del resto y no se confunde con otros?
  • 135. Principios de usabilidad ¿ Los mensajes de error ayudan a los usuarios 10 a reconocer, diagnosticar y solucionar errores? - ¿Los mensajes de error informan del error de manera comprensible y no alarmista, están escritos en lenguaje común y no con códigos o lenguaje técnico? - ¿Los mensajes de error dan soluciones o sugerencias para solucionar el presente error? - ¿Informan de la causa del error de manera que se pueda evitar su repetición en el futuro? - ¿La situación de error permite, de una forma evidente, volver a la situación anterior al error?
  • 139. Principios de usabilidad Vía Luis Villa @maguisso http://www.grancomo.com/ http://www.rollingstones.com/404
  • 140. Principios de usabilidad ¿ En caso de que sea necesario, se ofrece una 11 sección de ayuda y documentación orientada a la resolución de problemas del usuario? - ¿la sección de ayuda es visible y fácil de encontrar? - ¿Se ofrece ayuda contextual en tareas complejas? - ¿La documentación de ayuda está orientada a los objetivos y necesidades del usuario (generalmente a la resolución de problemas)? - ¿La documentación de ayuda utiliza ejemplos y explicaciones cortas? - ¿La página dispone de un apartado de preguntas frecuentes.
  • 143. Caso práctico UX en Shopping Online: Blanco Vs. H&M Intuitivamente , Andrea Cantú: http://www.intuitivamente.com/2012/01/31/ux-en- shopping-online
  • 144. Beneficios de aplicar técnicas de UX y Usabilidad
  • 145. Beneficios de aplicar técnicas de UX y Usabilidad - Refuerzo de la imagen de marca: Mejoras en la percepción del usuario (producto y proveedor). - Incremento de las ventas en sitios de comercio electrónico: Reducción de la tasa de abandonos en carritos de la compra. - Fidelización de clientes: Aumento de la tasa de conversión de visitantes a clientes. - Reducción de costes de desarrollo: Detección los posibles problemas en fases tempranas.
  • 146. Beneficios de aplicar técnicas de UX y Usabilidad - Reducción de costes en servicios de soporte/atención al cliente: - problemas  - consultas. - Aumento de las tasas de conversión (procesos finalizados): registros, formularios, compras online, etc. - Reducción de los costes de aprendizaje y formación: curvas de aprendizaje + controladas. - Optimización de procesos laborales en intranets: Reducción tiempos de ejecución de tareas  aumento de la productividad.
  • 148. Bibliografía y referencias Libros: - No me hagas pensar. Steve Krug - El diseño de las cosas cotidianas. Donald. A Norman - El diseño emocional. Donald A. Norman - Revista de estrategia e Interacción: www.capire.info - Juan Carlos Camus: www.usando.info - Jorge Barahona: www.jbarahona.com - Jesse Jame Garret : http://blog.jjg.net/ - Nacho Gil -Fundamentos para el diseño de la experiencia de usuario online: http://www.slideshare.net/nachogil/elementos-de-la-experiencia- de-usuario-online-0103
  • 149. Bibliografía y referencias Arquitectura de la información: No sólo usabilidad: http://www.nosolousabilidad.com - Arquitectura de Información: análisis histórico-conceptual - Rodrigo Ronda León. - Revisión de técnicas de arquitectura de información - Rodrigo Ronda León. - Diseño de Arquitecturas de Información: Descripción y Clasificación - Yusef Hassan Montero y Ana Núnez Peña. Métodos de arquitectura de la información - Mauricio Candamil Llano http://www.slideshare.net/maocandamil/metodos-arquitectura-de- informacion Hipertexto. Net http://www.hipertext.net/web/pag206.htm#3
  • 150. Bibliografía y referencias Arquitectura de Información y Diseño Centrado en el Usuario - Juan David Saab: http://www.slideshare.net/juansaab/arquitectura-de-informacin-y-dcu- diseo-centrado-en-el-usuario Arquitectura de información y su relación con el diseño estratégico - Omar Sosa Tzec: http://www.slideshare.net/Tzek/diseno-estratgico-y-arquitectura-de- informacin Entregables en un proceso de Arquitectura de Información - Astrolabio, agencia web http://www.slideshare.net/astromario/arquitectura-de-informacin- entregables
  • 151. Bibliografía y referencias Experiencia de usuario y social media: - Marco Gallen ¿Cómo aprovechar las redes sociales para mejorar la experiencia de usuario? : http://marcogallen.com/blog/usabilidad/%C2%BFcomo-aprovechar-las- redes-sociales-para-mejorar-la-experiencia-de-usuario - Roberto Igarza - experiencia de usuario: cómo las redes sociales amplifican el descontento: http://robertoigarza.wordpress.com/2009/08/10/experiencia-de-usuario- como-las-redes-sociales-amplifican-el-descontento - UX Matters - The Social Buzz: Designing User Experiences for Social Media: http://www.uxmatters.com/mt/archives/2009/06/the-social-buzz- designing-user-experiences-for-social-media.php - UX Magazine - The evolved user experience: using social media technologies to drive ux design and product strategy: http://uxmag.com/strategy/the-evolved-user-experience
  • 152. Bibliografía y referencias Experiencia de usuario y social media: - Simple Line Design - User Experience and Social Media Integration: http://www.simplelinedesign.co.uk/blog/user-experience-and-social- media-integration - Joanna Pineda - Creating an Integrated, Layered User Experience Across Your Social Media Pages: http://www.thematrixfiles.net/blog/creating-an- integrated-layered-user-experience-across-your-social-media-pages - Bob Murray - Social Media Within A User Experience Team: http://blog.redweb.com/2010/04/01/social-media-within-a-user- experience-team - Javier Varela – Social Media Plan: http://www.slideshare.net/javiervarela/social-media-plan-javier-varela- jornadas - Jerome Nadel: Digital UX Strategy: http://www.slideshare.net/JeromeNadel/DigitalUXStrategyvFinalreduced
  • 153. Bibliografía y referencias Usabilidad – Conversión - SEO Colombia - Usabilidad: Factores de conversión y su importancia http://www.seocolombia.com/blog/usabilidad-factores-de-conversion-y-su- importancia - OptimizaClick - Conversión y usabilidad web http://www.optimizaclick.com/conversion-web - David Martin Morales - Usabilidad y Métricas enfocadas a la Conversión (Editato) http://marketing-on-line.blogspot.com/2009/06/usabilidad-y-metricas.html - Iván Serrano - Cómo diseñar correctamente una Landing Page: las mejores prácticas y ejemplos http://www.ivoserrano.com/diseno-web/como-disenar-correctamente-una- landing-page-las-mejores-practicas-y-ejemplos
  • 154. ¡Gracias! - Twitter: @bubalie / @theSocialUX - Mail: virginia@thesocialexperience.es - Linkedin: http://es.linkedin.com/in/virginiaaguirre - Web: www.thesocialexperience.es - Facebook: www.facebook.com/socialexperience
  • 155. Cursos de verano UPV/EHU - Marketing online, Experiencia de usuario y usabilidad por Virginia Aguirre - The Social Experience se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.