Usabilidad web Definición y metodología Jaume Clotet Marketing y Análisis web
Usabilidad "Usabilidad es la  eficiencia  y  satisfacción  con la que un producto permite alcanzar  objetivos  especí...
Eficiencia eficiencia. (Del lat. efficientĭa). 1.  f.  Capacidad  de disponer de alguien o de algo para conseguir un efect...
Satisfacción satisfacción. (Del lat. satisfactĭo, -ōnis). 5.  f.  Cumplimiento  del deseo o del gusto.
<ul><ul><li>¿Semana Santa en Disney con mis 3 hijos? </li></ul></ul>
<ul><li>“ AYUDAR A LOS USUARIOS A  </li></ul><ul><li>CUMPLIR OBJETIVOS Y TAREAS  </li></ul><ul><li>DE MANERA EFICIENTE Y S...
<ul><li>¿ES CAPAZ DE CUMPLIMENTAR LOS OBJETIVOS DE NUESTROS USUARIOS? </li></ul>Y nuestra web...
<ul><li>¿CUÁLES SON NUESTROS OBJETIVOS? </li></ul>Y nuestro negocio... ¿CUÁLES SON SUS OBJETIVOS? Y nuestros usuarios...
Elementos de la Experiencia del Usuario Fuente:  Jesse James Garrett
¿Donde entra la Usabilidad en este proceso? Fuente:  Jesse James Garrett
¿Usabilidad sin objetivos?... Mmmm Fuente:  Jesse James Garrett
<ul><ul><li>¿Cómo se puede medir?   </li></ul></ul><ul><ul><li>¿Cómo se debe gestionar?   </li></ul></ul><ul><ul><li>La us...
1º Definir objetivos
Objetivo objetivo, va. 6.  m. Mil. Blanco para ejercitarse en el tiro. 8.  m. Mil. Punto o zona que se pretende alcanzar u...
RESULTADO = Tráfico x Conversión <ul><ul><li>1º Definir objetivos </li></ul></ul>
% x
¿Qué es una CONVERSIÓN?
<ul><ul><li>Ratio de conversión de la web </li></ul></ul>
<ul><ul><li>Ratio de conversión web usuario repetidor </li></ul></ul>
<ul><ul><li>Ratio de conversión del carrito </li></ul></ul>
<ul><ul><li>Efectividad del Buscador </li></ul></ul>
¿Cómo mejoramos RATIOS de CONVERSIÓN?
De la MICRO a la MACRO mejora Veamos un ejemplo
Datos mensuales 1.000 Promedio de clientes que regresan por mes 100.000 Promedio de visitantes que repiten por mes 25.000 ...
Métricas mensuales 55 € Ingresos por cliente 0,55 € Ingresos por visitante 5,00 € Coste de adquisición de cliente 0,05 € C...
Objetivos globales de mejora 10,00 % Incrementar ingresos por pedido 10,00 % Incrementar conversión en 693.000 € Ingresos ...
Prospect Visita Usuario conocido Lead Captar Fidelizar visita Generar lead Cliente Venta <ul><ul><li>Ratio Conversión a Cl...
% <ul><ul><li>Optimizar 10% la conversión a cliente  </li></ul></ul>
<ul><ul><li>Proceso de venta </li></ul></ul>Vista producto Carrito Detalles Caja Añadir  Carrito OK Pedido OK  Detalles Ve...
% <ul><ul><li>Optimizar el ratio de vista a selección de producto </li></ul></ul>
<ul><ul><li>Detalles pedido </li></ul></ul>Datos de envío Forma envío Forma pago OK Detalles Rellenar FORM Selct. Selct. C...
% <ul><ul><li>Optimizar el ratio de envío de datos </li></ul></ul>
<ul><ul><li>Mejorar el GLOBAL con pequeñas mejoras </li></ul></ul>
Técnicas de Usabilidad Documento propiedad de Acambiode SL; J Clotet i J Galobart; 6 de Noviembre de 2001 – Sant Cugat del...
<ul><ul><li>Test Heurístico </li></ul></ul>
<ul><ul><li>Card Sorting </li></ul></ul>
<ul><ul><li>Prototipado Rápido </li></ul></ul>
<ul><ul><li>Test A/B </li></ul></ul><ul><li>Es un método orientado a obtener datos para ayudar a tomar decisiones que se b...
<ul><ul><li>Test de Usuario </li></ul></ul>
<ul><ul><li>Test Remoto </li></ul></ul>
<ul><ul><li>Eye tracking </li></ul></ul>
<ul><ul><li>Caso Bankinter </li></ul></ul>
<ul><ul><li>Caso Caja Madrid </li></ul></ul>
<ul><ul><li>Estudio de medios en España </li></ul></ul>
<ul><ul><li>Accesibilidad Web </li></ul></ul>Hablar de Accesibilidad Web es hablar de un  acceso universal  a la Web, inde...
<ul><ul><li>Test de Accesibilidad Web </li></ul></ul>
<ul><li>Errores más comunes en diseño web </li></ul><ul><ul><li>Búsquedas ineficaces </li></ul></ul><ul><ul><li>Demasiado ...
“ Lo que más me ha sorprendido es la diferencia entre cómo pensamos que se comporta el usuario y cómo  realmente  se compo...
<ul><li>Cómo se comporta el usuario online   </li></ul><ul><li>El usuario suele… </li></ul><ul><ul><li>Ser mucho menos cap...
Upcoming SlideShare
Loading in …5
×

Usabilidad DefinicióN Y MetodologíA

2,499 views

Published on

Published in: Business, Technology
  • Be the first to comment

Usabilidad DefinicióN Y MetodologíA

  1. 1. Usabilidad web Definición y metodología Jaume Clotet Marketing y Análisis web
  2. 2. Usabilidad &quot;Usabilidad es la 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&quot;
  3. 3. Eficiencia eficiencia. (Del lat. efficientĭa). 1. f. Capacidad de disponer de alguien o de algo para conseguir un efecto determinado.
  4. 4. Satisfacción satisfacción. (Del lat. satisfactĭo, -ōnis). 5. f. Cumplimiento del deseo o del gusto.
  5. 5. <ul><ul><li>¿Semana Santa en Disney con mis 3 hijos? </li></ul></ul>
  6. 6. <ul><li>“ AYUDAR A LOS USUARIOS A </li></ul><ul><li>CUMPLIR OBJETIVOS Y TAREAS </li></ul><ul><li>DE MANERA EFICIENTE Y SATISFACTORIA” </li></ul>Objetivos de cualquier WEB
  7. 7. <ul><li>¿ES CAPAZ DE CUMPLIMENTAR LOS OBJETIVOS DE NUESTROS USUARIOS? </li></ul>Y nuestra web...
  8. 8. <ul><li>¿CUÁLES SON NUESTROS OBJETIVOS? </li></ul>Y nuestro negocio... ¿CUÁLES SON SUS OBJETIVOS? Y nuestros usuarios...
  9. 9. Elementos de la Experiencia del Usuario Fuente: Jesse James Garrett
  10. 10. ¿Donde entra la Usabilidad en este proceso? Fuente: Jesse James Garrett
  11. 11. ¿Usabilidad sin objetivos?... Mmmm Fuente: Jesse James Garrett
  12. 12. <ul><ul><li>¿Cómo se puede medir? </li></ul></ul><ul><ul><li>¿Cómo se debe gestionar? </li></ul></ul><ul><ul><li>La usabilidad... </li></ul></ul>
  13. 13. 1º Definir objetivos
  14. 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.
  15. 15. RESULTADO = Tráfico x Conversión <ul><ul><li>1º Definir objetivos </li></ul></ul>
  16. 16. % x
  17. 17. ¿Qué es una CONVERSIÓN?
  18. 18. <ul><ul><li>Ratio de conversión de la web </li></ul></ul>
  19. 19. <ul><ul><li>Ratio de conversión web usuario repetidor </li></ul></ul>
  20. 20. <ul><ul><li>Ratio de conversión del carrito </li></ul></ul>
  21. 21. <ul><ul><li>Efectividad del Buscador </li></ul></ul>
  22. 22. ¿Cómo mejoramos RATIOS de CONVERSIÓN?
  23. 23. De la MICRO a la MACRO mejora Veamos un ejemplo
  24. 24. Datos mensuales 1.000 Promedio de clientes que regresan por mes 100.000 Promedio de visitantes que repiten por mes 25.000 € Inversión en marketing online 55 € Tamaño de la transacción (ingreso por pedido / valor del candidato / ...) 5.000 Transacciones mensuales (usuarios únicos convertidos) 500.000 Usuarios únicos al mes
  25. 25. Métricas mensuales 55 € Ingresos por cliente 0,55 € Ingresos por visitante 5,00 € Coste de adquisición de cliente 0,05 € Coste de adquisición de visitante 0,20 % Ratio de retención del cliente 20,00 % Ratio de retención del visitante <ul><ul><li>1,00 % </li></ul></ul>Ratio de conversión de la web 275.000 € Ingresos mensuales
  26. 26. Objetivos globales de mejora 10,00 % Incrementar ingresos por pedido 10,00 % Incrementar conversión en 693.000 € Ingresos adicionales anuales 57.750 € Ingresos adicionales mensuales Resultado esperado <ul><ul><li>1, 10 % </li></ul></ul>Ratio de conversión de la web 60,5 € Ingresos por cliente
  27. 27. Prospect Visita Usuario conocido Lead Captar Fidelizar visita Generar lead Cliente Venta <ul><ul><li>Ratio Conversión a Cliente 1% </li></ul></ul>
  28. 28. % <ul><ul><li>Optimizar 10% la conversión a cliente </li></ul></ul>
  29. 29. <ul><ul><li>Proceso de venta </li></ul></ul>Vista producto Carrito Detalles Caja Añadir Carrito OK Pedido OK Detalles Venta Pago
  30. 30. % <ul><ul><li>Optimizar el ratio de vista a selección de producto </li></ul></ul>
  31. 31. <ul><ul><li>Detalles pedido </li></ul></ul>Datos de envío Forma envío Forma pago OK Detalles Rellenar FORM Selct. Selct. Caja Enviar
  32. 32. % <ul><ul><li>Optimizar el ratio de envío de datos </li></ul></ul>
  33. 33. <ul><ul><li>Mejorar el GLOBAL con pequeñas mejoras </li></ul></ul>
  34. 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 <ul><ul><ul><li>Test Heurístico </li></ul></ul></ul><ul><ul><ul><li>Card Sorting </li></ul></ul></ul><ul><ul><ul><li>Prototipado Rápido </li></ul></ul></ul><ul><ul><ul><li>Test A/B </li></ul></ul></ul><ul><ul><ul><li>Test de Usuario </li></ul></ul></ul><ul><ul><ul><li>Test Remoto </li></ul></ul></ul><ul><ul><ul><li>Eye tracking </li></ul></ul></ul><ul><ul><ul><li>Accesibilidad </li></ul></ul></ul>
  35. 35. <ul><ul><li>Test Heurístico </li></ul></ul>
  36. 36. <ul><ul><li>Card Sorting </li></ul></ul>
  37. 37. <ul><ul><li>Prototipado Rápido </li></ul></ul>
  38. 38. <ul><ul><li>Test A/B </li></ul></ul><ul><li>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. </li></ul><ul><li>Permite conocer la respuesta a diversas alternativas de organización de la información. </li></ul><ul><li>Se pede orientar a la obtención de datos reales </li></ul><ul><li>Ofrece una visión objetiva </li></ul><ul><li>Evita contaminación de pruebas de otros estímulos </li></ul><ul><li>Ha evolucionado al Content Targeting automatizado </li></ul>
  39. 39. <ul><ul><li>Test de Usuario </li></ul></ul>
  40. 40. <ul><ul><li>Test Remoto </li></ul></ul>
  41. 41. <ul><ul><li>Eye tracking </li></ul></ul>
  42. 42. <ul><ul><li>Caso Bankinter </li></ul></ul>
  43. 43. <ul><ul><li>Caso Caja Madrid </li></ul></ul>
  44. 44. <ul><ul><li>Estudio de medios en España </li></ul></ul>
  45. 45. <ul><ul><li>Accesibilidad Web </li></ul></ul>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.
  46. 46. <ul><ul><li>Test de Accesibilidad Web </li></ul></ul>
  47. 47. <ul><li>Errores más comunes en diseño web </li></ul><ul><ul><li>Búsquedas ineficaces </li></ul></ul><ul><ul><li>Demasiado texto </li></ul></ul><ul><ul><li>Tamaños de fuente fijos </li></ul></ul><ul><ul><li>No mostrar información clara y concisa </li></ul></ul><ul><ul><li>Ventanas flotantes </li></ul></ul><ul><ul><li>Pobre atención al cliente y ayuda online </li></ul></ul>Fuente: Useit.com Dr. Jacob Nielsen
  48. 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”
  49. 49. <ul><li>Cómo se comporta el usuario online </li></ul><ul><li>El usuario suele… </li></ul><ul><ul><li>Ser mucho menos capaz de lo que dice/piensa </li></ul></ul><ul><ul><li>Confundirse a menudo, cometer errores típicos </li></ul></ul><ul><ul><li>Ser impaciente </li></ul></ul><ul><ul><li>Preferir la sencillez frente a la conglomeración </li></ul></ul><ul><ul><li>Navegar tanto por los menús como por el buscador </li></ul></ul><ul><ul><li>Escanear en lugar de leer </li></ul></ul><ul><ul><li>No distinguir bien qué es un link y qué no </li></ul></ul>Fuente: Alfonso de la Nuez

×