Charla sobre experiencia de usuario

49
2ª parte: Experiencia de usuario Patricia Carmona Pulido - [email protected] @Try_publizistik Raúl Jiménez Ortega - [email protected] @hhkaos #pidecurso

description

Presentación utilizada por Patricia Carmona durante la charla organizada el miércoles 14 de Marzo en el evento:http://www.facebook.com/events/407523832597982/

Transcript of Charla sobre experiencia de usuario

Page 1: Charla sobre experiencia de usuario

2ª parte: Experiencia de usuarioPatricia Carmona Pulido - [email protected] @Try_publizistikRaúl Jiménez Ortega - [email protected] @hhkaos#pidecurso

Page 2: Charla sobre experiencia de usuario

Hablaremos de...

● Experiencia de usuario y DCU● Comportamientos● Consejos prácticos● Herramientas

#PIDECURSO

Page 3: Charla sobre experiencia de usuario

¿Qué persigue el diseño centrado en el usuario (DCU)?

Efectividad - Poder alcanzar las metas.○ Encontrar lo que buscan.○ Hacer lo que quieren hacer.

Eficiencia - A qué velocidad.○ Número de errores.○ Cantidad de esfuerzo.○ Número de pasos.

Satisfacción - Resultado de la experiencia.○ ¿Repetiría?○ ¿Se lo recomendaría a otros?

"La efectividad, eficiencia y satisfacción que alcanzan los usuarios al cumplir metas concretas en entornos específicos"

ISO 13407 - Proceso de Diseño Centrado en el Usuario para Sistemas interactivos

Page 4: Charla sobre experiencia de usuario

Percepción visualNos vemos involuntariamente atraídos por lo inusual

La capacidad que tiene un elemento visual de atraer la atención del usuario se encuentra en directa relación con sus diferencias gráficas respecto a los elementos colindantes.

Teoría psicológica sobre la percepción

Fuente: http://www.human-computer.net/blog

Page 5: Charla sobre experiencia de usuario

UsabilidadDimensiones o características

Empírica: puede ser medida y evaluada en función de: facilidad de aprendizaje,

eficiencia, cualidad de ser recordada, eficacia y satisfacción.

Dependiente: la usabilidad representa el grado en el que el usuario puede

explotar la utilidad y por tanto depende de ésta.

Ética: los productos usables son rentables económicamente y se evalúa por su ROI, no

obstante el objetivo final del "buen diseño" es mejorar la calidad de vida de las personas.

Relativa: un producto será usable si lo es para su audiencia objetiva, no

necesariamente para el resto de la población.

Page 6: Charla sobre experiencia de usuario

Diseñar para todos esImposible

Page 7: Charla sobre experiencia de usuario

¿Qué esta cambiando?Y cómo nos afecta

Page 8: Charla sobre experiencia de usuario

Los usuarios ya no son como antesRecomendaciones, influencias y opiniones

El 78% de las personas cree en las recomendaciones de otros consumidores .Fuente: Nielsen: Trust in adverstising, report, October 2007

El 56% de los usuarios accede a las redes sociales para informarse sobre promociones.Fuente: ROI Research Inc.

El 83% de los consumidores vacacionales están influenciados por las opiniones de otros usuarios. Fuente: ChannelAdvisor "Consumer Shopping Habits Survey", August 2010.

Solo el 16% de los americanos prefieren tratar un problema con el servicio de atención al cliente en persona.Fuente: ConsumerReport; What’s wrong with customer service?, July2011

Page 9: Charla sobre experiencia de usuario

Satisfacción online vs offlineUsuarios satisfechos tras realizar compras

Porcentaje de usuarios satisfechos o muy satisfechos | Fuente: http://v3g.es/6w0

Page 10: Charla sobre experiencia de usuario

Y qué opinan las empresasPercepción sobre sus propuestas

Muchas organizaciones no son conscientes de lo que opinan sus clientes. Fuente: http://v3g.es/6vZ

Page 11: Charla sobre experiencia de usuario

ConsejosExtraidos de prwd 2011 - #UX101

Page 12: Charla sobre experiencia de usuario

Dirige al visitante a donde quieras

Usa tamaños de botones, estilos y colores para dirigir al usuario para incrementar las conversiones

Page 13: Charla sobre experiencia de usuario

Anima a tus usuarios a comprar

Page 14: Charla sobre experiencia de usuario

Responde a la pregunta:¿Dónde estoy?

Page 15: Charla sobre experiencia de usuario

Principios clave de los formularios

Házlos simples.

Pregunta solo por la

información

indispensable.

Las personas están

ocupadas, no tienen tiempo para grandes formularios.

Page 16: Charla sobre experiencia de usuario

¿Cuál creéis que se usó más?

Page 17: Charla sobre experiencia de usuario

¿Cuál creéis que se usó más?

14% 86%

Page 18: Charla sobre experiencia de usuario

¿Cuál creéis que convirtió más?

Page 19: Charla sobre experiencia de usuario

¿Cuál creéis que convirtió más?

17% 55%

Page 20: Charla sobre experiencia de usuario

Los formularios también pueden ser:

● Largos

● Complejos

● Y darle muchas opciones a los visitantes

Consejo:Cuidado con los mitos

Page 21: Charla sobre experiencia de usuario

Más ejemplosVersión original

Page 22: Charla sobre experiencia de usuario

Más ejemplosTest versión A

Page 23: Charla sobre experiencia de usuario

Más ejemplosResultados Original vs Test versión A

Page 24: Charla sobre experiencia de usuario

Más ejemplosQué y por qué

1. Haz más obvia la separación entre información opcional y obligatoria.

2. Elimina el botón de "Atrás" para fomentar

que se complete la acción

Page 25: Charla sobre experiencia de usuario

Más ejemplosTest versión B

Page 26: Charla sobre experiencia de usuario

Más ejemplosResultados: Test versión A vs B

Page 27: Charla sobre experiencia de usuario

Más ejemplosQué y por qué

● Responde las preguntas clave de los usuarios.

● Elimina imagen de marca para centrar al usuario en

completar el formulario

● Proporciona información de soporte como las dos

alternativas de obtener un presupuesto.

Page 28: Charla sobre experiencia de usuario

Metodologías y técnicas DCU

● Test de usuarios

● Evaluación heurística

● Card Sorting

● Eye-Tracking

Page 29: Charla sobre experiencia de usuario

Test de usuarios

Conocer la interacción de un grupo de usuarios con el sitio web

Page 30: Charla sobre experiencia de usuario

Evaluación heurísticaComprobar el cumplimiento de los principios de diseño usable (principios heurísticos)

Directrices que debe cumplir el diseño para facilitar la comprensión y el uso del usuario final

Page 31: Charla sobre experiencia de usuario

Card Sorting

● Encontrar patrones que siguen los usuarios para localizar el contenido o la funcionalidad

● Reduce la incertidumbre y desorientación ● Genera sugerencias para la navegación, menús y

taxonomía

Page 32: Charla sobre experiencia de usuario

Card Sorting

Open Card Sorting vs Closed Card Sorting

Page 33: Charla sobre experiencia de usuario

Card Sorting - Tipos

● Test de usabilidad en remoto

● Screenshot click testing

● Tree testing

Page 34: Charla sobre experiencia de usuario

Tree Testinghttp://www.optimalworkshop.com/treejack-demo.htm

Page 35: Charla sobre experiencia de usuario

Screenshot click testing

Page 36: Charla sobre experiencia de usuario

Eye - Tracking● Evaluar la forma en la que una persona mira una

determinada escena

Page 37: Charla sobre experiencia de usuario

Eye - Tracking

Ruta sacádica

Page 38: Charla sobre experiencia de usuario

Eye - Tracking

Heatmap o Mapa de calor

Page 39: Charla sobre experiencia de usuario

Eye - Tracking

Áreas en las que fija la atención

Tiempo que presta atención

Page 40: Charla sobre experiencia de usuario

Algunas herramientasObservar, escuchar, probar y mejorar.

Page 41: Charla sobre experiencia de usuario

Google AnalyticsEntender mejor a los usuarios

● Configura objetivos de

conversión.

● Conoce:

○ Qué visitan.

○ De dónde provienen.

○ Por dónde entran y

por dónde salen.

● Gratis.

http://google.com/analytics

Page 42: Charla sobre experiencia de usuario

UserflyTests de usabilidad

● Grabar vídeos de

usuarios reales.

● Observar los clics y

movimientos.

● Instalación en segundos.

● Incrementa la

conversión.

● Gratis.

http://userfly.com

Page 43: Charla sobre experiencia de usuario

Website OptimizerAutomatiza los tests y mide la conversión

● Instalación en 5 minutos.

● Obtén informes

intuitivos.

● Realiza tests A/B y multi-

variable.

● Diseñado para

marketers.

● Gratis.http://www.google.com/websiteoptimizer

Page 44: Charla sobre experiencia de usuario

Concept FeedbackDiseños, interfaces, etc.

● Nuevos diseños.

● Feedback de expertos

en < 48h.

● Comunidad 13.431

personas.

● Gratis. http://www.conceptfeedback.com/

Page 45: Charla sobre experiencia de usuario

UserVoice y GetSatisfactionHerramientas de atención al cliente

● Implicar a tus usuarios.

● Darle voz a tu equipo.

● Personalizar la

comunicación.

● Escuchar a tus usuarios.

● Instalación en segundos.http://www.getsatisfaction.com

http://www.uservoice.com/

Page 46: Charla sobre experiencia de usuario

Existen muchas más pero... no tenemos tiempo ^_^

ClickHeat

ClickTale

Clixpy

Crazy EggEthnio

Feng-GUI.com

Five Second Test

Feedback Army

Loop 11

MoraeSilverback Usabilla

Page 47: Charla sobre experiencia de usuario

Para ir terminando¿Cómo nos afecta todo esto?

Page 48: Charla sobre experiencia de usuario

Mi conclusión personal

En Internet es posible rastrear, medir, detectar problemas y olvidar las especulaciones sin embargo, la mayoría de las compañías no lo saben. De cara a los usuarios:Peor experiencia en Internet y aumento de la desconfianza. De cara a las empresas:Se desperdicia mucho dinero innecesariamente en Internet.