Usabilidad DefinicióN Y MetodologíA
-
Upload
jaume-clotet -
Category
Business
-
view
2.235 -
download
0
Transcript of Usabilidad DefinicióN Y MetodologíA
![Page 1: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/1.jpg)
Usabilidad web
Definición y metodología
Jaume ClotetMarketing y Análisis web
![Page 2: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/2.jpg)
2
Usabilidad
"Usabilidad es la eficiencia y satisfacción con la que unproducto permite alcanzar objetivos específicos ausuarios específicos en un contexto de uso específico"
![Page 3: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/3.jpg)
3
Eficiencia
eficiencia.(Del lat. efficientĭa).
1. f. Capacidad de disponer de alguien o de algo para conseguir un efecto determinado.
![Page 4: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/4.jpg)
4
Satisfacción
satisfacción.
(Del lat. satisfactĭo, -ōnis).
5. f. Cumplimiento del deseo o del gusto.
![Page 5: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/5.jpg)
5
¿Semana Santa en Disney con mis 3 hijos?
![Page 6: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/6.jpg)
6
“AYUDAR A LOS USUARIOS A
CUMPLIR OBJETIVOS Y TAREAS
DE MANERA EFICIENTE Y SATISFACTORIA”
Objetivos de cualquier WEB
![Page 7: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/7.jpg)
7
¿ES CAPAZ DE CUMPLIMENTAR LOS OBJETIVOS DE NUESTROS
USUARIOS?
Y nuestra web...
![Page 8: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/8.jpg)
8
¿CUÁLES SON NUESTROS OBJETIVOS?
Y nuestro negocio...
¿CUÁLES SON SUS OBJETIVOS?
Y nuestros usuarios...
![Page 9: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/9.jpg)
9
Elementos de la Experiencia del Usuario
Fuente: Jesse James Garrett
![Page 10: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/10.jpg)
10
¿Donde entra la Usabilidad en este proceso?
Fuente: Jesse James Garrett
![Page 11: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/11.jpg)
11
¿Usabilidad sin objetivos?... Mmmm
Fuente: Jesse James Garrett
![Page 12: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/12.jpg)
12
¿Cómo se puede medir?
¿Cómo se debe gestionar?
La usabilidad...
![Page 13: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/13.jpg)
13
1º Definir objetivos
![Page 14: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/14.jpg)
14
Objetivo
objetivo, va.
6. m. Mil. Blanco para ejercitarse en el tiro.
8. m. Mil. Punto o zona que se pretende alcanzar u ocupar como resultado de una operación militar.
![Page 15: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/15.jpg)
15
RESULTADO = Tráfico x Conversión
1º Definir objetivos
![Page 16: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/16.jpg)
16
%x
![Page 17: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/17.jpg)
17
¿Qué es una CONVERSIÓN?
![Page 18: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/18.jpg)
18
Ratio de conversión de la web
![Page 19: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/19.jpg)
19
Ratio de conversión web usuario repetidor
![Page 20: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/20.jpg)
20
Ratio de conversión del carrito
![Page 21: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/21.jpg)
21
Efectividad del Buscador
![Page 22: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/22.jpg)
22
¿Cómo mejoramos RATIOS de CONVERSIÓN?
![Page 23: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/23.jpg)
23
De la MICRO a la MACRO mejora
Veamos un ejemplo
![Page 24: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/24.jpg)
24
Usuarios únicos al mes 500.000
Transacciones mensuales (usuarios únicos convertidos) 5.000
Tamaño de la transacción (ingreso por pedido / valor del candidato / ...) 55 €
Inversión en marketing online 25.000 €
Promedio de visitantes que repiten por mes 100.000
Promedio de clientes que regresan por mes 1.000
Datos mensuales
![Page 25: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/25.jpg)
25
Métricas mensuales
Ingresos mensuales 275.000 €
Ratio de conversión de la web 1,00 %
Ratio de retención del visitante 20,00 %
Ratio de retención del cliente 0,20 %
Coste de adquisición de visitante 0,05 €
Coste de adquisición de cliente 5,00 €
Ingresos por visitante 0,55 €
Ingresos por cliente 55 €
![Page 26: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/26.jpg)
26
Incrementar conversión en 10,00 %
Incrementar ingresos por pedido 10,00 %
Objetivos globales de mejora
693.000 €Ingresos adicionales anuales
57.750 €Ingresos adicionales mensuales
Resultado esperado
1, 10 %Ratio de conversión de la web
60,5 €Ingresos por cliente
![Page 27: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/27.jpg)
27
Prospect Visita Usuario
conocido Lead
Captar Fidelizarvisita
Generarlead
Cliente
Venta
Ratio Conversión a Cliente 1%
![Page 28: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/28.jpg)
28
%
Optimizar 10% la conversión a cliente
![Page 29: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/29.jpg)
29
Proceso de venta
Vista producto Carrito Detalles Caja
Añadir Carrito
OKPedido
OK Detalles
Venta
Pago
![Page 30: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/30.jpg)
30
%
Optimizar el ratio de vista a selección de producto
![Page 31: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/31.jpg)
31
Detalles pedido
Datos de envío Forma envío
Forma pago
OK Detalles
RellenarFORM
Selct. Selct.
Caja
Enviar
![Page 32: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/32.jpg)
32
%
Optimizar el ratio de envío de datos
![Page 33: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/33.jpg)
33
Mejorar el GLOBAL con pequeñas mejoras
![Page 34: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/34.jpg)
34
Técnicas de Usabilidad
Documento propiedad de Acambiode SL; J Clotet i J Galobart; 6 de Noviembre de 2001 – Sant Cugat del Vallès
• Test Heurístico
• Card Sorting
• Prototipado Rápido
• Test A/B
• Test de Usuario
• Test Remoto
• Eye tracking
• Accesibilidad
![Page 35: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/35.jpg)
35
Test Heurístico
![Page 36: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/36.jpg)
36
Card Sorting
![Page 37: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/37.jpg)
37
Prototipado Rápido
![Page 38: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/38.jpg)
38
Test A/B
Es un método orientado a obtener datos para ayudar a tomar decisiones que se basa en la comparación entre dos modelos para identificar el más adecuado.
• Permite conocer la respuesta a diversas alternativas de organización de la información.
• Se pede orientar a la obtención de datos reales
• Ofrece una visión objetiva
• Evita contaminación de pruebas de otros estímulos
• Ha evolucionado al Content Targeting automatizado
![Page 39: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/39.jpg)
39
Test de Usuario
![Page 40: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/40.jpg)
40
Test Remoto
![Page 41: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/41.jpg)
41
Eye tracking
![Page 42: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/42.jpg)
42
Caso Bankinter
![Page 43: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/43.jpg)
43
Caso Caja Madrid
![Page 44: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/44.jpg)
44
Estudio de medios en España
![Page 45: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/45.jpg)
45
Accesibilidad Web
Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.
![Page 46: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/46.jpg)
46
Test de Accesibilidad Web
![Page 47: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/47.jpg)
47
Errores más comunes en diseño web
1. Búsquedas ineficaces
2. Demasiado texto
3. Tamaños de fuente fijos
4. No mostrar información clara y concisa
5. Ventanas flotantes
6. Pobre atención al cliente y ayuda online
Fuente: Useit.com
Dr. Jacob Nielsen
![Page 48: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/48.jpg)
48
“Lo que más me ha sorprendido es la diferencia entre cómo pensamos que se comporta el usuario y cómo realmente se comporta”
Steve Krug, “Don’t Make Me Think”
![Page 49: Usabilidad DefinicióN Y MetodologíA](https://reader035.fdocumento.com/reader035/viewer/2022062307/557d79bdd8b42a75548b4af6/html5/thumbnails/49.jpg)
49
Cómo se comporta el usuario online
El usuario suele…
Ser mucho menos capaz de lo que dice/piensa
Confundirse a menudo, cometer errores típicos
Ser impaciente
Preferir la sencillez frente a la conglomeración
Navegar tanto por los menús como por el buscador
Escanear en lugar de leer
No distinguir bien qué es un link y qué no
Fuente: Alfonso de la Nuez