experiencia de usuario
DESCRIPTION
Charla impartida en la Universidad de Granada el 14 de Marzo de 2012.TRANSCRIPT
![Page 1: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/1.jpg)
2ª parte: Experiencia de usuarioPatricia Carmona Pulido - [email protected] @Try_publizistikRaúl Jiménez Ortega - [email protected] @hhkaos#pidecurso
![Page 2: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/2.jpg)
Hablaremos de...
● Experiencia de usuario y DCU● Comportamientos● Consejos prácticos● Herramientas
#PIDECURSO
![Page 3: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/3.jpg)
¿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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/4.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/5.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/6.jpg)
Diseñar para todos esImposible
![Page 7: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/7.jpg)
¿Qué está cambiando?Y cómo nos afecta
![Page 8: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/8.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/9.jpg)
Satisfacción online vs offlineUsuarios satisfechos tras realizar compras
Porcentaje de usuarios satisfechos o muy satisfechos | Fuente: http://v3g.es/6w0
![Page 10: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/10.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/11.jpg)
ConsejosExtraidos de prwd 2011 - #UX101
![Page 12: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/12.jpg)
Dirige al visitante a donde quieras
Usa tamaños de botones, estilos y colores para dirigir al usuario para incrementar las conversiones
![Page 13: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/13.jpg)
Anima a tus usuarios a comprar
![Page 14: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/14.jpg)
Responde a la pregunta:¿Dónde estoy?
![Page 15: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/15.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/16.jpg)
¿Cuál creéis que se usó más?
![Page 17: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/17.jpg)
¿Cuál creéis que se usó más?
14% 86%
![Page 18: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/18.jpg)
¿Cuál creéis que convirtió más?
![Page 19: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/19.jpg)
¿Cuál creéis que convirtió más?
17% 55%
![Page 20: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/20.jpg)
Los formularios también pueden ser:
● Largos
● Complejos
● Y darle muchas opciones a los visitantes
Consejo:Cuidado con los mitos
![Page 21: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/21.jpg)
Más ejemplosVersión original
![Page 22: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/22.jpg)
Más ejemplosTest versión A
![Page 23: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/23.jpg)
Más ejemplosResultados Original vs Test versión A
![Page 24: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/24.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/25.jpg)
Más ejemplosTest versión B
![Page 26: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/26.jpg)
Más ejemplosResultados: Test versión A vs B
![Page 27: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/27.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/28.jpg)
Metodologías y técnicas DCU
● Test de usuarios
● Evaluación heurística
● Card Sorting
● Eye-Tracking
![Page 29: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/29.jpg)
Test de usuarios
Conocer la interacción de un grupo de usuarios con el sitio web
![Page 30: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/30.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/31.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/32.jpg)
Card Sorting
Open Card Sorting vs Closed Card Sorting
![Page 33: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/33.jpg)
Card Sorting - Tipos
● Test de usabilidad en remoto
● Screenshot click testing
● Tree testing
![Page 34: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/34.jpg)
Tree Testinghttp://www.optimalworkshop.com/treejack-demo.htm
![Page 35: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/35.jpg)
Screenshot click testing
![Page 36: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/36.jpg)
Eye - Tracking● Evaluar la forma en la que una persona mira una
determinada escena
![Page 37: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/37.jpg)
Eye - Tracking
Ruta sacádica
![Page 38: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/38.jpg)
Eye - Tracking
Heatmap o Mapa de calor
![Page 39: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/39.jpg)
Eye - Tracking
Áreas en las que fija la atención
Tiempo que presta atención
![Page 40: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/40.jpg)
Algunas herramientasObservar, escuchar, probar y mejorar.
![Page 41: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/41.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/42.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/43.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/44.jpg)
Concept FeedbackDiseños, interfaces, etc.
● Nuevos diseños.
● Feedback de expertos
en < 48h.
● Comunidad 13.431
personas.
● Gratis. http://www.conceptfeedback.com/
![Page 45: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/45.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/46.jpg)
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: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/47.jpg)
Para ir terminando¿Cómo nos afecta todo esto?
![Page 48: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/48.jpg)
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.
![Page 49: Experiencia de usuario](https://reader035.vdocumento.com/reader035/viewer/2022081404/55821400d8b42ac7728b4a91/html5/thumbnails/49.jpg)
Fuentes y recomendacionesTransparencias, libros, webs, ...
● Informe APEI
● Usability & User Experience 101
● Don't make me think
● Web Analytics
● Why user experience is more important than
marketing