Usabilidad Web
Su impacto positivo en el negocio
Luis Villa
lvilla@grancomo.com
luis.villa@the-cocktail.com

Diseño de Producto
ado
sult
re
do a
enta
Ori
eb.
%w
100

¿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
2001: 427.000
2007: 1.700.000
¿Qué cuenta -de verdad- como Declaración Online?
¿Particulares vía web? ¿profesionales (bancos, asesorías)? ¿ambas?

Un éxito, pero...

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.

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.

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)

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:\\AEAT\\RENT2006\\DatLocal.mdb

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:\\AEAT\\RENT2006\\DatLocal.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

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=7ac42d8a7343c010VgnVCM100000bb030a0aRCRD&vgnextchannel=c295242274c5e010VgnVCM1
000000100007fRCRD&i18n.http.lang=es

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

¿Tecnología inmadura?

Factible Viable
Deseable
Fuente: Jeff Veen

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...

Fuente: IBM

Evolución de las metodologías
Tecnocéntricas Centradas en Usuario

Enfoque tradicional
Requerimientos Análisis Desarrollo Lanzamiento
Diseño y
Maquetación

Más documentación, más errores...

http://www.usabilityinstitute.com/morsels/morsels.htm

Centrado en el Usuario
Requerimientos Análisis Desarrollo Lanzamiento
Interfaz: prototipado y tests
Dos facetas:
Tecnología: estandarización
Negocio: definición de producto

¡Cómpralo!

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

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

¿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é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

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

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

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

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 Nº de jornadas/horas de formación

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

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

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

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)

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 Incremento importe medio de compras

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

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 (%)

Diseño Centrado en el Usuario

Experiencia de uso
Sitio o aplicación
HTTP
XHTML
AJAX
Navegador
CSS
Accesibilidad
URL
Javascript
Objetivo
Tarea Tarea
Usuario
Usuario
Experiencia de Uso

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

Negocio + User Experience

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

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

Carlos Tareas: viajar y hacer reportajes
Necesidades: mostrar su trabajo
21 años
Actitud: la tecnología es algo práctico
Fotógrafo

Tomás Tareas: mantenimiento de redes
Necesidades: información actualizada
29 años
Actitud: Amante de la tecnología
Informático

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 \"Color\"
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

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. 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.

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...

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
blog > www.grancomo.com
lvilla@grancomo.com

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