Usabilidad Web
Un impacto positivo en el negocio




                                    Luis Villa
                      ...
Diseño de Producto

                                  doa
                             ulta
                            s
...
¿De qué vamos a hablar?
La facilidad de uso no importa....
cuando cumplimos nuestros objetivos
          de negocio...

                  erio?
               ns
            ¿E
Declaraciones Online

                 1999:            20.000
                 2000:           115.000
                 2...
Un éxito, pero...
Luis. 37 años.
Usuario avanzado de Internet
Plataforma: Mac + Windows

Usuario particular de servicios online
Objetivo: Ha...
Mi experiencia con
                                          la Agencia Tributaria en
                                    ...
NOTA: La ayuda del programa no está disponible para el Sistema Operativo MS Windows
Vista ® (más información consulte http...
NOTA: La ayuda del programa no está disponible para el Sistema Operativo MS Windows
Vista ® (más información consulte http...
NOTA: La ayuda del programa no está disponible para el Sistema Operativo MS Windows
Vista ® (más información consulte http...
Soluciones empaquetadas: la
tecnología dejada a sí misma sólo
       causa problemas...
¿Porqué le llaman web?
No todo está realmente pensado para
              la web...
http://www.asturias.es/portal/site/Asturias/menuitem.5a9c72704e87bc51347d83b5bb30a0a0/?
vgnextoid=7ac42d8a7343c010VgnVCM10...
Código MSIE sucio y pesado, no
  accesibles, URLs tecnodependientes,
  dificultan colaboración, no evolutivos
evolución, de...
¿Tecnología inmadura?
Factible              Viable




           Deseable
Negocio              Tecnología
             A




             D



      B              C




          Usuarios
1996
1997
1998
Texto




        1999
2000
2001
2002
2003
2004
2005
Hoy...
Todo en uno...
1998
1998
1999
2001
2002
2003
2004
2005
Hoy...
Hacer una cosa y bien
Estrategia




En diseño, las funcionalidades que se incluyen son tan
      importantes como las que quedan fuera...
Evolución de las metodologías




Tecnocéntricas            Centradas en Usuario
Enfoque tradicional



Requerimientos   Análisis   Desarrollo    Lanzamiento




                            Diseño y
    ...
Más documentación, más errores...
http://www.usabilityinstitute.com/morsels/morsels.htm
Centrado en el Usuario



 Requerimientos   Análisis              Desarrollo     Lanzamiento




                       In...
¡Cómpralo!
Usabilidad

“   Capacidad de un software de ser
    comprendido, aprendido, usado y
    ser atractivo para el usuario, en
...
Usabilidad

“   La eficiencia y satisfacción con la
    que un producto permite alcanzar
    objetivos específicos a usuar...
¿Para qué?
Costes
Ingresos
Hacerlo medible
Objetivos de Negocio




              Necesidades de Usuario
Diseño y Negocio: medir y gestionar


Medición del Retorno de la Inversión ROI



  Oportunidad      Conducta         Métr...
Diseño y Negocio: medir y gestionar


Medición del Retorno de la Inversión ROI



  Oportunidad      Conducta         Métr...
Diseño y Negocio: medir y gestionar


Medición del Retorno de la Inversión ROI



  Oportunidad      Conducta         Métr...
Diseño y Negocio: medir y gestionar


Medición del Retorno de la Inversión ROI



  Oportunidad      Conducta         Métr...
Reducción de costes: fórmulas
Reducción de costes: fórmulas
Reducción de costes: fórmulas

 Llamadas de soporte   Nº o decremento (%) de llamadas a Help Desk
Reducción de costes: fórmulas

 Llamadas de soporte   Nº o decremento (%) de llamadas a Help Desk


          Formación   ...
Reducción de costes: fórmulas

 Llamadas de soporte   Nº o decremento (%) de llamadas a Help Desk


          Formación   ...
Reducción de costes: fórmulas

     Llamadas de soporte    Nº o decremento (%) de llamadas a Help Desk


              For...
Reducción de costes: fórmulas

     Llamadas de soporte    Nº o decremento (%) de llamadas a Help Desk


              For...
Reducción de costes: fórmulas

     Llamadas de soporte    Nº o decremento (%) de llamadas a Help Desk


              For...
Aumento de ingresos: fórmulas
Aumento de ingresos: fórmulas
Aumento de ingresos: fórmulas



  Ratio de conversión   Nº o incremento (%) de visitas/compras.
Aumento de ingresos: fórmulas



   Ratio de conversión   Nº o incremento (%) de visitas/compras.


Valor medio de compra ...
Aumento de ingresos: fórmulas



   Ratio de conversión   Nº o incremento (%) de visitas/compras.


Valor medio de compra ...
Aumento de ingresos: fórmulas



   Ratio de conversión   Nº o incremento (%) de visitas/compras.


Valor medio de compra ...
Diseño Centrado en el Usuario
Experiencia de uso



                       Sitio o aplicación
                            HTTP
                         ...
Experiencia de uso



                       Sitio o aplicación
                            HTTP
                         ...
Negocio + User Experience
Conoce a tus usuarios

       Segmentos                 Perfiles de usuario            Personas
  Identificar diferencias en...
Caterina     Tareas: gestión de su empresa
             Necesidades: controlar datos de negocio
33 años
             Actit...
Carlos      Tareas: viajar y hacer reportajes
            Necesidades: mostrar su trabajo
21 años
            Actitud: la ...
Tomás         Tareas: mantenimiento de redes
              Necesidades: información actualizada
29 años
              Acti...
Banner cabecera (727x88)                                                                                                  ...
Haz productos adaptables
Apóyate en estándares
Hacia la usabilidad...

๏ Nivel 0. Sin pistas: hecha por intuición, argumentos políticos o
   directivos.
๏ Nivel 1. Desen...
Conclusiones


๏ Identifica tus objetivos de negocio

๏ Conoce a tus usuarios

๏ Comienza por el interfaz

๏ Centra tu prod...
En la web hay dos tipos de producto:
        prototipos y zombies
Diseña y rediseña para cuando el usuario apaga su ordenador
:-)
Diseña y rediseña para cuando el usuario apaga su ordenador
The End
Luis Villa del Campo
www.the-cocktail.com
luis.villa@the-cocktail.com

                              blog > www.grancomo.c...
Créditos y referencias en esta presentación
Improving Interface Design
Garrett Dimon. Webvisions 2007

Strategic Experienc...
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Jornada sobre Usabilidad para Empresas e Instituciones
Upcoming SlideShare
Loading in …5
×

Jornada sobre Usabilidad para Empresas e Instituciones

2,269 views
2,221 views

Published on

Ponencia de Luis Villa en la Jornada sobre Usabilidad, destinada a promover los beneficios del Diseño Centrado en el Usuario entre las grandes empresas e instituciones de Aragón.

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,269
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
34
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Jornada sobre Usabilidad para Empresas e Instituciones

  1. 1. Usabilidad Web Un impacto positivo en el negocio Luis Villa luis.villa@the-cocktail.com
  2. 2. Diseño de Producto doa ulta s a re tado rien eb. O 0% w 10
  3. 3. ¿De qué vamos a hablar?
  4. 4. La facilidad de uso no importa....
  5. 5. cuando cumplimos nuestros objetivos de negocio... erio? ns ¿E
  6. 6. Declaraciones Online 1999: 20.000 2000: 115.000 2001: 427.000 2007: 1.700.000 ¿Qué cuenta -de verdad- como Declaración Online? ¿Particulares vía web? ¿profesionales (bancos, asesorías)? ¿ambas?
  7. 7. Un éxito, pero...
  8. 8. Luis. 37 años. Usuario avanzado de Internet Plataforma: Mac + Windows Usuario particular de servicios online Objetivo: Hacer su declaración de renta sin hacer cola en el Banco.
  9. 9. Mi experiencia con la Agencia Tributaria en internet... Luis. 37 años. Usuario avanzado de Internet Plataforma: Mac + Windows Usuario particular de servicios online Objetivo: Hacer su declaración de renta sin hacer cola en el Banco.
  10. 10. NOTA: La ayuda del programa no está disponible para el Sistema Operativo MS Windows Vista ® (más información consulte http://support.microsoft.com/kb/917607)
  11. 11. NOTA: La ayuda del programa no está disponible para el Sistema Operativo MS Windows Vista ® (más información consulte http://support.microsoft.com/kb/917607) AVISO: Si al instalar el programa obtiene uno de los siguientes mensajes, deberá descargar, descomprimir e instalar todos los componentes adicionales que correspondan a su sistema operativo: * Error en el acceso a datos. Instale ADO desde el CD o Internet o * ERROR INDEFINIDO unido a No es posible conectar con la B.D.: x:AEATRENT2006DatLocal.mdb
  12. 12. NOTA: La ayuda del programa no está disponible para el Sistema Operativo MS Windows Vista ® (más información consulte http://support.microsoft.com/kb/917607) AVISO: Si al instalar el programa obtiene uno de los siguientes mensajes, deberá descargar, descomprimir e instalar todos los componentes adicionales que correspondan a su sistema operativo: * Error en el acceso a datos. Instale ADO desde el CD o Internet o * ERROR INDEFINIDO unido a No es posible conectar con la B.D.: x:AEATRENT2006DatLocal.mdb ATENCIÓN: Para la correcta ejecución de los Programas de Ayuda Multiplataforma es necesario tener previamente instalada una Máquina Virtual Java compatible con la versión 1.4.2_04 de JRE de Sun y el Módulo de Cálculo de Retenciones, ambos disponibles en esta página. Descarga e Instalación de la Máquina Virtual Java
  13. 13. Soluciones empaquetadas: la tecnología dejada a sí misma sólo causa problemas...
  14. 14. ¿Porqué le llaman web?
  15. 15. No todo está realmente pensado para la web...
  16. 16. http://www.asturias.es/portal/site/Asturias/menuitem.5a9c72704e87bc51347d83b5bb30a0a0/? vgnextoid=7ac42d8a7343c010VgnVCM100000bb030a0aRCRD&vgnextchannel=c295242274c5e010VgnVCM1 000000100007fRCRD&i18n.http.lang=es
  17. 17. Código MSIE sucio y pesado, no accesibles, URLs tecnodependientes, dificultan colaboración, no evolutivos evolución, devoradores de recursos, falsa escalabilidad... s... uoso fect y de aros os c duct Pro
  18. 18. ¿Tecnología inmadura?
  19. 19. Factible Viable Deseable
  20. 20. Negocio Tecnología A D B C Usuarios
  21. 21. 1996
  22. 22. 1997
  23. 23. 1998
  24. 24. Texto 1999
  25. 25. 2000
  26. 26. 2001
  27. 27. 2002
  28. 28. 2003
  29. 29. 2004
  30. 30. 2005
  31. 31. Hoy...
  32. 32. Todo en uno...
  33. 33. 1998
  34. 34. 1998
  35. 35. 1999
  36. 36. 2001
  37. 37. 2002
  38. 38. 2003
  39. 39. 2004
  40. 40. 2005
  41. 41. Hoy...
  42. 42. Hacer una cosa y bien
  43. 43. Estrategia En diseño, las funcionalidades que se incluyen son tan importantes como las que quedan fuera...
  44. 44. Evolución de las metodologías Tecnocéntricas Centradas en Usuario
  45. 45. Enfoque tradicional Requerimientos Análisis Desarrollo Lanzamiento Diseño y Maquetación
  46. 46. Más documentación, más errores...
  47. 47. http://www.usabilityinstitute.com/morsels/morsels.htm
  48. 48. Centrado en el Usuario Requerimientos Análisis Desarrollo Lanzamiento Interfaz: prototipado y tests Dos facetas: Tecnología: estandarización Negocio: definición de producto
  49. 49. ¡Cómpralo!
  50. 50. Usabilidad “ Capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso. Fuente: ISO/IEC 9126
  51. 51. Usabilidad “ 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. Fuente: ISO/IEC 9241
  52. 52. ¿Para qué?
  53. 53. Costes
  54. 54. Ingresos
  55. 55. Hacerlo medible
  56. 56. Objetivos de Negocio Necesidades de Usuario
  57. 57. Diseño y Negocio: medir y gestionar Medición del Retorno de la Inversión ROI Oportunidad Conducta Métrica de la Valor de la Resultado X = de Negocio deseada Conducta métrica Financiero Fuente: Leveraging Business Value: How ROI Changes User Experience, Adaptive Path
  58. 58. Diseño y Negocio: medir y gestionar Medición del Retorno de la Inversión ROI Oportunidad Conducta Métrica de la Valor de la Resultado X = de Negocio deseada Conducta métrica Financiero Negocio Fuente: Leveraging Business Value: How ROI Changes User Experience, Adaptive Path
  59. 59. Diseño y Negocio: medir y gestionar Medición del Retorno de la Inversión ROI Oportunidad Conducta Métrica de la Valor de la Resultado X = de Negocio deseada Conducta métrica Financiero Negocio Diseño Fuente: Leveraging Business Value: How ROI Changes User Experience, Adaptive Path
  60. 60. Diseño y Negocio: medir y gestionar Medición del Retorno de la Inversión ROI Oportunidad Conducta Métrica de la Valor de la Resultado X = de Negocio deseada Conducta métrica Financiero Negocio Diseño Negocio Fuente: Leveraging Business Value: How ROI Changes User Experience, Adaptive Path
  61. 61. Reducción de costes: fórmulas
  62. 62. Reducción de costes: fórmulas
  63. 63. Reducción de costes: fórmulas Llamadas de soporte Nº o decremento (%) de llamadas a Help Desk
  64. 64. Reducción de costes: fórmulas Llamadas de soporte Nº o decremento (%) de llamadas a Help Desk Formación Reducción Nº de jornadas/horas de formación
  65. 65. Reducción de costes: fórmulas Llamadas de soporte Nº o decremento (%) de llamadas a Help Desk Formación Reducción Nº de jornadas/horas de formación Abandonos Nº o decremento (%) de abandonos en un sitio/aplicación
  66. 66. Reducción de costes: fórmulas Llamadas de soporte Nº o decremento (%) de llamadas a Help Desk Formación Reducción Nº de jornadas/horas de formación Abandonos Nº o decremento (%) de abandonos en un sitio/aplicación Productividad de Usuarios Nº de minutos/horas y/o x coste/hora
  67. 67. Reducción de costes: fórmulas Llamadas de soporte Nº o decremento (%) de llamadas a Help Desk Formación Reducción Nº de jornadas/horas de formación Abandonos Nº o decremento (%) de abandonos en un sitio/aplicación Productividad de Usuarios Nº de minutos/horas y/o x coste/hora Costes de Programación Nº minutos/horas y/o multiplicado por coste/hora
  68. 68. Reducción de costes: fórmulas Llamadas de soporte Nº o decremento (%) de llamadas a Help Desk Formación Reducción Nº de jornadas/horas de formación Abandonos Nº o decremento (%) de abandonos en un sitio/aplicación Productividad de Usuarios Nº de minutos/horas y/o x coste/hora Costes de Programación Nº minutos/horas y/o multiplicado por coste/hora Errores Nº, % y coste monetario (si es medible)
  69. 69. Aumento de ingresos: fórmulas
  70. 70. Aumento de ingresos: fórmulas
  71. 71. Aumento de ingresos: fórmulas Ratio de conversión Nº o incremento (%) de visitas/compras.
  72. 72. Aumento de ingresos: fórmulas Ratio de conversión Nº o incremento (%) de visitas/compras. Valor medio de compra Incremento importe medio de compras
  73. 73. Aumento de ingresos: fórmulas Ratio de conversión Nº o incremento (%) de visitas/compras. Valor medio de compra Incremento importe medio de compras Páginas vistas Nº o incremento porcentual (%) de páginas vistas
  74. 74. Aumento de ingresos: fórmulas Ratio de conversión Nº o incremento (%) de visitas/compras. Valor medio de compra Incremento importe medio de compras Páginas vistas Nº o incremento porcentual (%) de páginas vistas Uso del Producto Nº de personas, sesiones o incrementos (%)
  75. 75. Diseño Centrado en el Usuario
  76. 76. Experiencia de uso Sitio o aplicación HTTP XHTML AJAX Navegador CSS Accesibilidad URL Javascript Objetivo Tarea Tarea Usuario Usuario Experiencia de Uso
  77. 77. Experiencia de uso Sitio o aplicación HTTP XHTML AJAX Navegador CSS Accesibilidad URL Javascript Objetivo Objetivo Tarea Tarea Usuario Usuario Negocio Experiencia de Uso
  78. 78. Negocio + User Experience
  79. 79. Conoce a tus usuarios Segmentos Perfiles de usuario Personas Identificar diferencias entre Tareas, necesidades y Generalizar atributos de consumidores objetivos personas reales en arquetipos Tomás 29 años Informático Caterina 33 años Empresaria Carlos 21 años Músico
  80. 80. Caterina Tareas: gestión de su empresa Necesidades: controlar datos de negocio 33 años Actitud: la tecnología es clave en el negocio Empresaria
  81. 81. Carlos Tareas: viajar y hacer reportajes Necesidades: mostrar su trabajo 21 años Actitud: la tecnología es algo práctico Fotógrafo
  82. 82. Tomás Tareas: mantenimiento de redes Necesidades: información actualizada 29 años Actitud: Amante de la tecnología Informático
  83. 83. Banner cabecera (727x88) Minipromo 1 (200x43) Minipromo 2 (200x43) Prototipa e itera Portad Jano 24 de Marzo de 2007 a Ultimo ISSN-XXXXXX Nume ro Buscador Buscar Portada | Actualidad | Opinión | Humanidades Médicas | Ocio y Cultura | Blogs Suscríbase! Boletín de Novedades · Servicios Mi cuenta Elsevier Boletín de novedades Imágenes Imagen quot;Colorquot; Para no perderse Viajes Espectáculos Estambul, la Paco de Lucía Título foto ciudad de los pasea su sultanes. guitarra Lorem ipsum dolor sit amet consectateur nonummy lorenzino. Música Música Interdum volgus videt, Reedición de Reedición de est ubi peccat. las obras de las obras de Mozart. Mozart. 1 2 3 Publicidad Actualidad JANO Online Robapáginas (200x200) Especialidad Unos 2 millones de Titular destacado españoles de entre 45 y 70 años tendrán EPOC 22/01/2007. Lorem ipsum en España en 2008 dolor sit amet consectateur nonummy lorenzino. Interdum Unos 2 millones de volgus videt, est ubi peccat. españoles de entre 45 y 70 años tendrán EPOC Especialidad en España en 2008 Titular noticia Unos 2 millones de 12/01/2007. Lorem ipsum dolor sit amet consectaur españoles de entre 45 y nonummy lorenzino. Interdum volgus videt, est ubi 70 años tendrán EPOC peccat. en España en 2008 Especialidad Unos 2 millones de Titular noticia españoles de entre 45 y 70 años tendrán EPOC 12/01/2007. Lorem ipsum dolor sit amet consecteur Lo más leído en España en 2008 Agencia Elsevier nonummy lorenzino. Interdum volgus videt, est ubi peccat. Bernat Soria prevé que en 2008 se podrán identificar Más noticias » las células madre del cancer Cardiología Formación Médica Continuada Rueda de Escritores Salgado espera un consenso social respecto a la Ley sobre el Alcohol Espido Freire Actualización Nutrición Sobre los viajes Identificación y actuación y las personas. desde la atención primaria Alrededor de 3,2 millones de europeos fueron Otros escritores sobre los factores de riesgo en Más » diagnosticados de cáncer el año pasado. la enfermedad cardiovascular Farmacología C. Tajada Vitales, J.M. Benítez Moreno, C. López Mompó Opinión El cáncer de pulmón en no fumadores es más Diagnóstico a Primera Vista frecuente en las mujeres Caso clínico TIítulo sección Cirugía Titular articulo J. Herreros Lorem ipsum dolor sit Tabaquismo pasivo y enfermedad cardiovascular amet consectateur Terapias alternativas nonummy lorenzino. Tabaquismo pasivo y enfermedad cardiovascular Terapias alternativas TIítulo sección Atención urgente Titular articulo Intoxicación por plantas Lorem ipsum dolor sit Salgado espera un consenso social respecto a la Ley medicinales amet consectateur sobre el Alcohol C. Monsalve Maestro y S. Nogué Xarau nonummy lorenzino. Nutrición Promo 3 (AdWords o formato Texto) Galería de Imagenes Publicidad Agenda médica Jano Multimedia Sponsor Otros Videos Orthopaedic Research Society Annual Meeting San Diego, California. Estados Unidos. · ipsum dolor (1:12) 11/14 febrero 2007 · Lorem ipsum (3:34) FARMAMAQ · Título de vídeo (4:43) Zaragoza. Zaragoza. España. 13/15 feb. 2007 · Título de vídeo (1:06) International Congress XX on Endovascular · Título de vídeo (4:43) Interventions Scottsdale. USA. 11/15 feb. 2007 Sponsor 0:23 International Congress XX on Endovascular Scottsdale. USA. 11/15 feb. 2007 Blogs Elsevier Anuncia un evento Ver agenda » Unos 2 millones de Nombre de Blog
  84. 84. Haz productos adaptables
  85. 85. Apóyate en estándares
  86. 86. Hacia la usabilidad... ๏ Nivel 0. Sin pistas: hecha por intuición, argumentos políticos o directivos. ๏ Nivel 1. Desenfocada: Formación, estándares, . Sin compromiso y no integrada en el ciclo de desarrollo. ๏ Nivel 2. Usabilidad gestionada: existe un sponsor en la organización. Usabilidad como estrategia. ๏ Nivel 3. Infraestructura: metodología UCD, repositorios, proyectos piloto, métricas... ๏ Nivel 4. Equipo humano: consultores internos y externos dedicados. ๏ Nivel 5: Usabilidad como rutina: parte natural del proceso de trabajo.
  87. 87. Conclusiones ๏ Identifica tus objetivos de negocio ๏ Conoce a tus usuarios ๏ Comienza por el interfaz ๏ Centra tu producto: menos es más ๏ No te fíes de las soluciones empaquetadas ๏ Prototipa e itera... repite ๏ Busca pequeñas victorias ๏ Itera... mejora... sigue...
  88. 88. En la web hay dos tipos de producto: prototipos y zombies
  89. 89. Diseña y rediseña para cuando el usuario apaga su ordenador
  90. 90. :-) Diseña y rediseña para cuando el usuario apaga su ordenador
  91. 91. The End
  92. 92. Luis Villa del Campo www.the-cocktail.com luis.villa@the-cocktail.com blog > www.grancomo.com lvilla@grancomo.com
  93. 93. Créditos y referencias en esta presentación Improving Interface Design Garrett Dimon. Webvisions 2007 Strategic Experience Design Brandon Schauer. From Business To Buttons 2007 Cost-Justifiying Usability Deborah J. Mayhew The Usability Engineering Lifecycle Deborah J. Mayhew Fotos: Google Images Flickr.com Capturas: Yahoo & Google Archive.org blog > www.grancomo.com lvilla@grancomo.com

×