SlideShare una empresa de Scribd logo
1 de 10
Definiciones Básicas:
• Experiencia de Usuario (UX)
es acerca de como un
producto funciona cuando una
persona se pone en contacto
con este y tiene que usarlo.
• La calidad de UX es medida de
acuerdo al nivel de satisfacción
que un usuario promedio
obtiene del producto.
• Una buena UX anima a los
usuarios a “pasar” al siguiente
nivel (por ej. Suscribirse al sitio
o comprar un producto). La
tasa de conversión es un
medio común de medir la
efectividad (ROI, Retorno de
inversión) de la experiencia de
usuario.
• Una mala UX mueve a la gente
lejos de su sitio, los hace sentir
estúpidos, enojados o
frustrados.
• El Diseño Centrado en el
Usuario (DCU) pone a los
usuarios esperados de un
producto en el centro de su
diseño y desarrollo.
• El DCU hace esto al tomar en
cuenta al usuario en cada paso
del camino mientras el
producto es desarrollado.
• La participación de los
usuarios es llevada a cabo de
una forma repetitiva.
DCU Flujo de trabajo
El desarrollo y el involucramiento de los usuarios son efectuados de
una manera iterativa, en donde el ciclo se repite hasta que los
objetivos de usabilidad del proyecto hayan sido logrados. Los pasos
primarios son:
1) Concepto, 2) Investigación, 3) Prototipo, 4) Pruebas, 5)
Construcción, 6)Pruebas/Construcción hasta que esté correcto, 7)
Lanzamiento, 8) Pruebas Post Lanzamiento.
5 Planos: Elementos de DCU
• El modelo de los 5 Planos
provee un encuadre para
hablar acerca de los
problemas de la experiencia
de usuario y las herramientas
para solventarlos.
• Los 5 planos son construidos
de abajo hacia arriba, desde
un nivel abstracto a un nivel
más concreto.
• Decisiones tomadas en los
planos más alto y más bajo
pueden tener un efecto de
onda en ambas direcciones.
5 Planos: Elementos de DCU
• Los 5 Planos están divididos en:
• Estrategia: Define los objetivos
del sitio & usuarios, hace
investigación (entrevistas,
grupos focales), crea personas.
• Alcance: Decide las
características funcionales y de
contenido, crea las historias de
usuario y escenarios de uso.
• Estructura: Desarrolla la
estructura del sitio, arquitectura
de información, usa el “Card
Sorting” y las historias de
usuario. Crea el mapa del sitio.
• Esqueleto: Prototipos o
“wireframes”, Navegación,
ubicación de fotografías, texto,
botones, etc.
• Superficie: Diseño visual,
concepto, colores, tablas de
ánimo (mood boards), etc.
• El trabajo en el siguiente plano
debe comenzar antes de que
el trabajo en el plano anterior
ha concluido.
Estrategia Centrada en el Usuario
• “¿Sabemos cuál es el
problema, y si esto (producto,
website) solventa el problema
para aquellos que lo van a
usar?”
• “¿El usuario qué debe ser
capaz de hacer?”
• Nuestro objetivo es mejorar la
eficiencia: Ayudar a la gente a
trabajar más rápido y cometer
menos errores.
• El primer paso es definir al
usuario promedio:
1. Crear lista de atributos (Objetivos
primarios para visitar el website,
Roles: el que busca trabajo, el que
busca información, cliente, etc.,
Demográficos: sexo, edad,
ingresos, estado civil, etc.,
Experiencia: educación,
conocimiento técnico, etc.,
Organizacional: tipo de empleo,
tipo de compañía para la que el
usuario trabaja, etc.
2. Priorizar y definir que atributos
son importantes para el usuario y
los objetivos del sitio.
3. Describir segmentos o grupos de
usuarios para investigarlos.
Métodos de investigación DCU
• Las técnicas de investigación pueden
ser divididas en investigación
cualitativa (entendimiento profundo)
e investigación cuantitativa
(validación).
• La investigación cualitativa se trata
de descubrir nuevas cosas por medio
de una muestra reducida.
• Ejemplos de investigación cualitativa
son:
1) Grupos focales (Los usuarios
actuales y los pretendidos comparten
pensamientos, sentimientos, etc.)
2) Entrevistas a usuarios (1 a 1)
3) Estudios de campo (Observa,
pregunta a usuarios en una situación
de trabajo)
4) Ordenar tarjetas (card sorting)
(Sugiere estructuras/categorías)
5) Pruebas de usabilidad (Obtiene
información de los usuarios mientras
usan el producto, ej: La prueba de
pensar en vos alta).
• La investigación cuantitativa es
acerca de probar algo con una
muestra grande.
• Por ejemplo: Encuestas y Estadísticas
del sitio o análisis del archivo de
ingresos (log file).
• La investigación cuantitativa es mejor
para decirle qué está pasando, la
investigación cualitativa le dice
porqué está pasando.
Personas: Herramienta para DCU
• Otra manera de ver a la
investigación de DCU es
estudiando lo que la gente dice
(objetivos y actitudes que
tienen) versus lo que ellos
realmente hacen
(comportamientos).
• Cuando la investigación termina,
nosotros creamos personas, que
son una descripción de usuarios
típicos.
• Al construir una representación
ficticia de los usuarios somos
capaces de empatizar con ellos y
entender sus necesidades.
• Las Personas son blancos
mercadotécnicos (motivaciones
de compra) o interactivas
(comportamiento de uso).
Personas: Herramienta para DCU
• Las Personas tienen que ser
procesables. “¿Cuáles son sus
objetivos y comportamientos?”,
son las preguntas básicas que
debemos preguntarnos a
nosotros mismos.
• La descripción de la Persona debe
incluir: Foto (no posada sino
natural) – Nombre (uno común) –
Edad – Ubicación (para establecer
diferencias culturales y de
comportamiento) – Ocupación –
Biografía (hechos, anécdotas,
historias que hacen a la persona
más real).
• También puede incluir: Educación
– Salario – lema – Actividades en
línea y fuera de ella – Lealtad con
respecto a una marca –
Conocimiento técnico y en
computación – Comportamiento
en redes sociales – Motivación
para usar una marca – Objetivos
del usuario.
• Contar Historias: Crear historias
acerca de las personas nos ayuda
a construir una visión más
significativa del proyecto.
• Historias de una sola línea que
incluyan el rol del usuario y la
actividad que ellos desean
realizar.
Ejemplos prácticos de DCU
• Videos tutoriales y de ayuda de
como usar el website.
• Hacer obvio a lo que se puede y
no se puede dar clic (links,
botones).
• Si es posible mantener todo en
una página.
• Dar la opción de la versión
imprimible.
• Crear rutas cortas para completar
tareas.
• Incluir el mapa del sitio o migas
de pan para mostrar a los
usuarios en donde están y a
donde ir.
• Usar buen espacio entre líneas
(1.5) y todos los elementos.
• Escriba párrafos cortos y use
palabras coloquiales.
• Procure la facilidad de lectura.
Cuerpo de texto lo
suficientemente grande, alto
contraste entre el texto y el
fondo.
• Tenga extractos y encabezados
grandes para realizar escaneos de
lectura.
• Tenga enlaces para subir y bajar
en páginas con mucho contenido.
• Use gráficos con poco peso para
que se descarguen rápidamente.
• Use elementos consistentes y
significativos en todo el sitio (hilo
conductor).

Más contenido relacionado

La actualidad más candente

Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016taller_ux
 
Diseño centrado en los usuarios: la Red
Diseño centrado en los usuarios: la RedDiseño centrado en los usuarios: la Red
Diseño centrado en los usuarios: la RedDavid De Prado
 
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Santiago Bustelo
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Gabriel Celemin
 

La actualidad más candente (6)

Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016
 
Ux moreira
Ux moreiraUx moreira
Ux moreira
 
Analisis de usuario
Analisis de usuarioAnalisis de usuario
Analisis de usuario
 
Diseño centrado en los usuarios: la Red
Diseño centrado en los usuarios: la RedDiseño centrado en los usuarios: la Red
Diseño centrado en los usuarios: la Red
 
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
 

Destacado

BarCamp Costa Rica 2014 - Seo reinventarse
BarCamp Costa Rica 2014 - Seo reinventarseBarCamp Costa Rica 2014 - Seo reinventarse
BarCamp Costa Rica 2014 - Seo reinventarsebarcampcr
 
BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...
BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...
BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...barcampcr
 
BarCamp Costa Rica 2014 - Desconferencia ventas 2 0
BarCamp Costa Rica 2014 - Desconferencia ventas 2 0   BarCamp Costa Rica 2014 - Desconferencia ventas 2 0
BarCamp Costa Rica 2014 - Desconferencia ventas 2 0 barcampcr
 
BarCamp Costa Rica 2014 - Desarrollo para firefox os
BarCamp Costa Rica 2014 - Desarrollo para firefox osBarCamp Costa Rica 2014 - Desarrollo para firefox os
BarCamp Costa Rica 2014 - Desarrollo para firefox osbarcampcr
 
Ambientes de desarrollo y producción. Mejores prácticas con ansible
Ambientes de desarrollo y producción. Mejores prácticas con ansibleAmbientes de desarrollo y producción. Mejores prácticas con ansible
Ambientes de desarrollo y producción. Mejores prácticas con ansibleJoaquin Contreras
 
The Many Business Models of Drupal
The Many Business Models of Drupal The Many Business Models of Drupal
The Many Business Models of Drupal Phase2
 
BarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerce
BarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerceBarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerce
BarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commercebarcampcr
 
BarCamp Costa Rica 2014 - La ciencia detras del ux design 02
BarCamp Costa Rica 2014 - La ciencia detras del ux design 02BarCamp Costa Rica 2014 - La ciencia detras del ux design 02
BarCamp Costa Rica 2014 - La ciencia detras del ux design 02barcampcr
 

Destacado (8)

BarCamp Costa Rica 2014 - Seo reinventarse
BarCamp Costa Rica 2014 - Seo reinventarseBarCamp Costa Rica 2014 - Seo reinventarse
BarCamp Costa Rica 2014 - Seo reinventarse
 
BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...
BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...
BarCamp CR 2013 - Desarrollo profesional y modelos de negocio con drupal - en...
 
BarCamp Costa Rica 2014 - Desconferencia ventas 2 0
BarCamp Costa Rica 2014 - Desconferencia ventas 2 0   BarCamp Costa Rica 2014 - Desconferencia ventas 2 0
BarCamp Costa Rica 2014 - Desconferencia ventas 2 0
 
BarCamp Costa Rica 2014 - Desarrollo para firefox os
BarCamp Costa Rica 2014 - Desarrollo para firefox osBarCamp Costa Rica 2014 - Desarrollo para firefox os
BarCamp Costa Rica 2014 - Desarrollo para firefox os
 
Ambientes de desarrollo y producción. Mejores prácticas con ansible
Ambientes de desarrollo y producción. Mejores prácticas con ansibleAmbientes de desarrollo y producción. Mejores prácticas con ansible
Ambientes de desarrollo y producción. Mejores prácticas con ansible
 
The Many Business Models of Drupal
The Many Business Models of Drupal The Many Business Models of Drupal
The Many Business Models of Drupal
 
BarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerce
BarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerceBarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerce
BarCamp Costa Rica 2014 - Pre lanzamiento odoo v8.0 website e-commerce
 
BarCamp Costa Rica 2014 - La ciencia detras del ux design 02
BarCamp Costa Rica 2014 - La ciencia detras del ux design 02BarCamp Costa Rica 2014 - La ciencia detras del ux design 02
BarCamp Costa Rica 2014 - La ciencia detras del ux design 02
 

Similar a BarCamp Costa Rica 2014 - El valor del usuario final

Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
Pruebas De Usabilidad
Pruebas De UsabilidadPruebas De Usabilidad
Pruebas De Usabilidadguest041f5db
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxCarmenKeim2
 
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
 
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
 
Usabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteUsabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteRubén Alcaraz Martínez
 
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...innovatics
 
Prsentacion tienes 5 segundos
Prsentacion tienes 5 segundosPrsentacion tienes 5 segundos
Prsentacion tienes 5 segundosJavi Berti
 
Presentacion tienes 5 segundos
Presentacion tienes 5 segundosPresentacion tienes 5 segundos
Presentacion tienes 5 segundosJavi Berti
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experienceOveralia
 
Conversion thursday - User Experience
Conversion thursday - User ExperienceConversion thursday - User Experience
Conversion thursday - User ExperienceHitz Kareaga
 
Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014
Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014
Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014Alfredo Sánchez
 
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario ¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario Juan-Francisco Reyes
 
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
 
UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoJulian Camacho
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
HPI_201_APUNTE_SEMANA_2_2023.pdf
HPI_201_APUNTE_SEMANA_2_2023.pdfHPI_201_APUNTE_SEMANA_2_2023.pdf
HPI_201_APUNTE_SEMANA_2_2023.pdfHéctor Silva
 
HPI_201_APUNTE_SEMANA_3_2023.pdf
HPI_201_APUNTE_SEMANA_3_2023.pdfHPI_201_APUNTE_SEMANA_3_2023.pdf
HPI_201_APUNTE_SEMANA_3_2023.pdfHéctor Silva
 
Bbva v segunda parte
Bbva v segunda parteBbva v segunda parte
Bbva v segunda parteMoises Cielak
 

Similar a BarCamp Costa Rica 2014 - El valor del usuario final (20)

Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
Pruebas De Usabilidad
Pruebas De UsabilidadPruebas De Usabilidad
Pruebas De Usabilidad
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
 
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))
 
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...
 
Usabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteUsabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el cliente
 
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
 
Prsentacion tienes 5 segundos
Prsentacion tienes 5 segundosPrsentacion tienes 5 segundos
Prsentacion tienes 5 segundos
 
Presentacion tienes 5 segundos
Presentacion tienes 5 segundosPresentacion tienes 5 segundos
Presentacion tienes 5 segundos
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
Conversion thursday - User Experience
Conversion thursday - User ExperienceConversion thursday - User Experience
Conversion thursday - User Experience
 
Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014
Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014
Diseño de experiencia de usuario en ciudades inteligentes - TMCI 2014
 
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario ¿Cómo diseñar SUNAT.gob.pe?  Aplicando Diseño Centrado en el Usuario
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario
 
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
 
UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de Producto
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
 
HPI_201_APUNTE_SEMANA_2_2023.pdf
HPI_201_APUNTE_SEMANA_2_2023.pdfHPI_201_APUNTE_SEMANA_2_2023.pdf
HPI_201_APUNTE_SEMANA_2_2023.pdf
 
HPI_201_APUNTE_SEMANA_3_2023.pdf
HPI_201_APUNTE_SEMANA_3_2023.pdfHPI_201_APUNTE_SEMANA_3_2023.pdf
HPI_201_APUNTE_SEMANA_3_2023.pdf
 
Bbva v segunda parte
Bbva v segunda parteBbva v segunda parte
Bbva v segunda parte
 

Más de barcampcr

BarCamp Costa Rica 2014 - Large scale js applications
BarCamp Costa Rica 2014 - Large scale js applicationsBarCamp Costa Rica 2014 - Large scale js applications
BarCamp Costa Rica 2014 - Large scale js applicationsbarcampcr
 
BarCamp Costa Rica 2014 - Sociedades de conocimiento
BarCamp Costa Rica 2014 - Sociedades de conocimientoBarCamp Costa Rica 2014 - Sociedades de conocimiento
BarCamp Costa Rica 2014 - Sociedades de conocimientobarcampcr
 
BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...
BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...
BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...barcampcr
 
BarCamp Costa Rica 2014 - Sonrum musica juegos de video
BarCamp Costa Rica 2014 - Sonrum musica juegos de videoBarCamp Costa Rica 2014 - Sonrum musica juegos de video
BarCamp Costa Rica 2014 - Sonrum musica juegos de videobarcampcr
 
BarCamp Costa Rica 2014 - Effective Communication for sales
BarCamp Costa Rica 2014 - Effective Communication for salesBarCamp Costa Rica 2014 - Effective Communication for sales
BarCamp Costa Rica 2014 - Effective Communication for salesbarcampcr
 
BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?
BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?
BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?barcampcr
 
BarCamp CR 2014 - Python para web
BarCamp CR 2014 - Python para webBarCamp CR 2014 - Python para web
BarCamp CR 2014 - Python para webbarcampcr
 
BarCamp CR 2014 - Bitcoin y las monedas digitales
BarCamp CR 2014 - Bitcoin y las monedas digitales BarCamp CR 2014 - Bitcoin y las monedas digitales
BarCamp CR 2014 - Bitcoin y las monedas digitales barcampcr
 
BarCamp CR 2013 - Angularjs - Brian Salazar
BarCamp CR 2013 - Angularjs - Brian SalazarBarCamp CR 2013 - Angularjs - Brian Salazar
BarCamp CR 2013 - Angularjs - Brian Salazarbarcampcr
 
BarCamp CR 2013 - Gamificacion - Brian Salazar
BarCamp CR 2013 - Gamificacion - Brian SalazarBarCamp CR 2013 - Gamificacion - Brian Salazar
BarCamp CR 2013 - Gamificacion - Brian Salazarbarcampcr
 
BarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio Fallas
BarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio FallasBarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio Fallas
BarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio Fallasbarcampcr
 
Barcamp CR 2013 - Pierda el miedo a emprender - Marcelo Guzman
Barcamp CR 2013 -  Pierda el miedo a emprender - Marcelo GuzmanBarcamp CR 2013 -  Pierda el miedo a emprender - Marcelo Guzman
Barcamp CR 2013 - Pierda el miedo a emprender - Marcelo Guzmanbarcampcr
 
BarCampCR 2013 - Tecnologías emergentes - Leopoldo Rojas M
BarCampCR 2013 - Tecnologías emergentes -  Leopoldo Rojas MBarCampCR 2013 - Tecnologías emergentes -  Leopoldo Rojas M
BarCampCR 2013 - Tecnologías emergentes - Leopoldo Rojas Mbarcampcr
 
BarCamp CR 2013 - Windows 8 y windows phone – Pablo Pitty
BarCamp CR 2013 - Windows 8 y windows phone – Pablo PittyBarCamp CR 2013 - Windows 8 y windows phone – Pablo Pitty
BarCamp CR 2013 - Windows 8 y windows phone – Pablo Pittybarcampcr
 
BarCamp CR 2013 - Mozilla CR - Jorge Villalobos
BarCamp CR 2013 - Mozilla CR - Jorge VillalobosBarCamp CR 2013 - Mozilla CR - Jorge Villalobos
BarCamp CR 2013 - Mozilla CR - Jorge Villalobosbarcampcr
 
BarCamp 2013 - Porqueux barcampv3 - Iván Alarcón
BarCamp 2013 - Porqueux barcampv3 - Iván AlarcónBarCamp 2013 - Porqueux barcampv3 - Iván Alarcón
BarCamp 2013 - Porqueux barcampv3 - Iván Alarcónbarcampcr
 

Más de barcampcr (16)

BarCamp Costa Rica 2014 - Large scale js applications
BarCamp Costa Rica 2014 - Large scale js applicationsBarCamp Costa Rica 2014 - Large scale js applications
BarCamp Costa Rica 2014 - Large scale js applications
 
BarCamp Costa Rica 2014 - Sociedades de conocimiento
BarCamp Costa Rica 2014 - Sociedades de conocimientoBarCamp Costa Rica 2014 - Sociedades de conocimiento
BarCamp Costa Rica 2014 - Sociedades de conocimiento
 
BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...
BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...
BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...
 
BarCamp Costa Rica 2014 - Sonrum musica juegos de video
BarCamp Costa Rica 2014 - Sonrum musica juegos de videoBarCamp Costa Rica 2014 - Sonrum musica juegos de video
BarCamp Costa Rica 2014 - Sonrum musica juegos de video
 
BarCamp Costa Rica 2014 - Effective Communication for sales
BarCamp Costa Rica 2014 - Effective Communication for salesBarCamp Costa Rica 2014 - Effective Communication for sales
BarCamp Costa Rica 2014 - Effective Communication for sales
 
BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?
BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?
BarCamp CR 2014 - El web está al aire. ¿Y ahora quién podrá ayudarnos?
 
BarCamp CR 2014 - Python para web
BarCamp CR 2014 - Python para webBarCamp CR 2014 - Python para web
BarCamp CR 2014 - Python para web
 
BarCamp CR 2014 - Bitcoin y las monedas digitales
BarCamp CR 2014 - Bitcoin y las monedas digitales BarCamp CR 2014 - Bitcoin y las monedas digitales
BarCamp CR 2014 - Bitcoin y las monedas digitales
 
BarCamp CR 2013 - Angularjs - Brian Salazar
BarCamp CR 2013 - Angularjs - Brian SalazarBarCamp CR 2013 - Angularjs - Brian Salazar
BarCamp CR 2013 - Angularjs - Brian Salazar
 
BarCamp CR 2013 - Gamificacion - Brian Salazar
BarCamp CR 2013 - Gamificacion - Brian SalazarBarCamp CR 2013 - Gamificacion - Brian Salazar
BarCamp CR 2013 - Gamificacion - Brian Salazar
 
BarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio Fallas
BarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio FallasBarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio Fallas
BarCamp CR 2013 - Tendencias en las búsquedas en la internet - Helio Fallas
 
Barcamp CR 2013 - Pierda el miedo a emprender - Marcelo Guzman
Barcamp CR 2013 -  Pierda el miedo a emprender - Marcelo GuzmanBarcamp CR 2013 -  Pierda el miedo a emprender - Marcelo Guzman
Barcamp CR 2013 - Pierda el miedo a emprender - Marcelo Guzman
 
BarCampCR 2013 - Tecnologías emergentes - Leopoldo Rojas M
BarCampCR 2013 - Tecnologías emergentes -  Leopoldo Rojas MBarCampCR 2013 - Tecnologías emergentes -  Leopoldo Rojas M
BarCampCR 2013 - Tecnologías emergentes - Leopoldo Rojas M
 
BarCamp CR 2013 - Windows 8 y windows phone – Pablo Pitty
BarCamp CR 2013 - Windows 8 y windows phone – Pablo PittyBarCamp CR 2013 - Windows 8 y windows phone – Pablo Pitty
BarCamp CR 2013 - Windows 8 y windows phone – Pablo Pitty
 
BarCamp CR 2013 - Mozilla CR - Jorge Villalobos
BarCamp CR 2013 - Mozilla CR - Jorge VillalobosBarCamp CR 2013 - Mozilla CR - Jorge Villalobos
BarCamp CR 2013 - Mozilla CR - Jorge Villalobos
 
BarCamp 2013 - Porqueux barcampv3 - Iván Alarcón
BarCamp 2013 - Porqueux barcampv3 - Iván AlarcónBarCamp 2013 - Porqueux barcampv3 - Iván Alarcón
BarCamp 2013 - Porqueux barcampv3 - Iván Alarcón
 

BarCamp Costa Rica 2014 - El valor del usuario final

  • 1.
  • 2. Definiciones Básicas: • Experiencia de Usuario (UX) es acerca de como un producto funciona cuando una persona se pone en contacto con este y tiene que usarlo. • La calidad de UX es medida de acuerdo al nivel de satisfacción que un usuario promedio obtiene del producto. • Una buena UX anima a los usuarios a “pasar” al siguiente nivel (por ej. Suscribirse al sitio o comprar un producto). La tasa de conversión es un medio común de medir la efectividad (ROI, Retorno de inversión) de la experiencia de usuario. • Una mala UX mueve a la gente lejos de su sitio, los hace sentir estúpidos, enojados o frustrados. • El Diseño Centrado en el Usuario (DCU) pone a los usuarios esperados de un producto en el centro de su diseño y desarrollo. • El DCU hace esto al tomar en cuenta al usuario en cada paso del camino mientras el producto es desarrollado. • La participación de los usuarios es llevada a cabo de una forma repetitiva.
  • 3. DCU Flujo de trabajo El desarrollo y el involucramiento de los usuarios son efectuados de una manera iterativa, en donde el ciclo se repite hasta que los objetivos de usabilidad del proyecto hayan sido logrados. Los pasos primarios son: 1) Concepto, 2) Investigación, 3) Prototipo, 4) Pruebas, 5) Construcción, 6)Pruebas/Construcción hasta que esté correcto, 7) Lanzamiento, 8) Pruebas Post Lanzamiento.
  • 4. 5 Planos: Elementos de DCU • El modelo de los 5 Planos provee un encuadre para hablar acerca de los problemas de la experiencia de usuario y las herramientas para solventarlos. • Los 5 planos son construidos de abajo hacia arriba, desde un nivel abstracto a un nivel más concreto. • Decisiones tomadas en los planos más alto y más bajo pueden tener un efecto de onda en ambas direcciones.
  • 5. 5 Planos: Elementos de DCU • Los 5 Planos están divididos en: • Estrategia: Define los objetivos del sitio & usuarios, hace investigación (entrevistas, grupos focales), crea personas. • Alcance: Decide las características funcionales y de contenido, crea las historias de usuario y escenarios de uso. • Estructura: Desarrolla la estructura del sitio, arquitectura de información, usa el “Card Sorting” y las historias de usuario. Crea el mapa del sitio. • Esqueleto: Prototipos o “wireframes”, Navegación, ubicación de fotografías, texto, botones, etc. • Superficie: Diseño visual, concepto, colores, tablas de ánimo (mood boards), etc. • El trabajo en el siguiente plano debe comenzar antes de que el trabajo en el plano anterior ha concluido.
  • 6. Estrategia Centrada en el Usuario • “¿Sabemos cuál es el problema, y si esto (producto, website) solventa el problema para aquellos que lo van a usar?” • “¿El usuario qué debe ser capaz de hacer?” • Nuestro objetivo es mejorar la eficiencia: Ayudar a la gente a trabajar más rápido y cometer menos errores. • El primer paso es definir al usuario promedio: 1. Crear lista de atributos (Objetivos primarios para visitar el website, Roles: el que busca trabajo, el que busca información, cliente, etc., Demográficos: sexo, edad, ingresos, estado civil, etc., Experiencia: educación, conocimiento técnico, etc., Organizacional: tipo de empleo, tipo de compañía para la que el usuario trabaja, etc. 2. Priorizar y definir que atributos son importantes para el usuario y los objetivos del sitio. 3. Describir segmentos o grupos de usuarios para investigarlos.
  • 7. Métodos de investigación DCU • Las técnicas de investigación pueden ser divididas en investigación cualitativa (entendimiento profundo) e investigación cuantitativa (validación). • La investigación cualitativa se trata de descubrir nuevas cosas por medio de una muestra reducida. • Ejemplos de investigación cualitativa son: 1) Grupos focales (Los usuarios actuales y los pretendidos comparten pensamientos, sentimientos, etc.) 2) Entrevistas a usuarios (1 a 1) 3) Estudios de campo (Observa, pregunta a usuarios en una situación de trabajo) 4) Ordenar tarjetas (card sorting) (Sugiere estructuras/categorías) 5) Pruebas de usabilidad (Obtiene información de los usuarios mientras usan el producto, ej: La prueba de pensar en vos alta). • La investigación cuantitativa es acerca de probar algo con una muestra grande. • Por ejemplo: Encuestas y Estadísticas del sitio o análisis del archivo de ingresos (log file). • La investigación cuantitativa es mejor para decirle qué está pasando, la investigación cualitativa le dice porqué está pasando.
  • 8. Personas: Herramienta para DCU • Otra manera de ver a la investigación de DCU es estudiando lo que la gente dice (objetivos y actitudes que tienen) versus lo que ellos realmente hacen (comportamientos). • Cuando la investigación termina, nosotros creamos personas, que son una descripción de usuarios típicos. • Al construir una representación ficticia de los usuarios somos capaces de empatizar con ellos y entender sus necesidades. • Las Personas son blancos mercadotécnicos (motivaciones de compra) o interactivas (comportamiento de uso).
  • 9. Personas: Herramienta para DCU • Las Personas tienen que ser procesables. “¿Cuáles son sus objetivos y comportamientos?”, son las preguntas básicas que debemos preguntarnos a nosotros mismos. • La descripción de la Persona debe incluir: Foto (no posada sino natural) – Nombre (uno común) – Edad – Ubicación (para establecer diferencias culturales y de comportamiento) – Ocupación – Biografía (hechos, anécdotas, historias que hacen a la persona más real). • También puede incluir: Educación – Salario – lema – Actividades en línea y fuera de ella – Lealtad con respecto a una marca – Conocimiento técnico y en computación – Comportamiento en redes sociales – Motivación para usar una marca – Objetivos del usuario. • Contar Historias: Crear historias acerca de las personas nos ayuda a construir una visión más significativa del proyecto. • Historias de una sola línea que incluyan el rol del usuario y la actividad que ellos desean realizar.
  • 10. Ejemplos prácticos de DCU • Videos tutoriales y de ayuda de como usar el website. • Hacer obvio a lo que se puede y no se puede dar clic (links, botones). • Si es posible mantener todo en una página. • Dar la opción de la versión imprimible. • Crear rutas cortas para completar tareas. • Incluir el mapa del sitio o migas de pan para mostrar a los usuarios en donde están y a donde ir. • Usar buen espacio entre líneas (1.5) y todos los elementos. • Escriba párrafos cortos y use palabras coloquiales. • Procure la facilidad de lectura. Cuerpo de texto lo suficientemente grande, alto contraste entre el texto y el fondo. • Tenga extractos y encabezados grandes para realizar escaneos de lectura. • Tenga enlaces para subir y bajar en páginas con mucho contenido. • Use gráficos con poco peso para que se descarguen rápidamente. • Use elementos consistentes y significativos en todo el sitio (hilo conductor).