1. 18/10/2009
PRINCIPIOS DE
USABILIDAD
Miguel Guinalíu
Universidad de Zaragoza
guinaliu@unizar.es
www.guinaliu.es
1
2
Miguel Guinalíu, www.guinaliu.es
1

2. 18/10/2009
3
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
CONTENIDOS
1. DEFINICIÓN DE CONCEPTOS
Ó
2. IMPORTANCIA DE LA
USABILIDAD
3. MÉTODOS DE ANÁLISIS DE
USABILIDAD
4. CRITERIOS DEL ANÁLISIS
HEURÍSTICO
4
Miguel Guinalíu, www.guinaliu.es
2

3. 18/10/2009
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
la usabilidad se refiere a la
capacidad de un sistema de
información para ser
comprendido, aprendido,
p , p ,
usado y ser atractivo para el
usuario, en condiciones
específicas de uso
5
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
la
l usabilidad web se refiere a l
bilid d b fi la
capacidad de un sitio web
para ser comprendido,
aprendido, usado y ser
atractivo para el usuario, en
i l i
condiciones específicas de uso
6
Miguel Guinalíu, www.guinaliu.es
3

4. 18/10/2009
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
•Fases iniciales de interacción
•Mayor número de colores y más
brillantes
•Lenguaje informal
•Fi
Figuras curvilíneas
ilí
•Imágenes
•Textos largos
7
Miguel Guinalíu, www.guinaliu.es
8
Miguel Guinalíu, www.guinaliu.es
4

5. 18/10/2009
9
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
•Utilidad percibida
•Pocos colores y más oscuros
•Estructuras tridimensionales
•Lenguajes formales y más directos
•Líneas rectas
10
Miguel Guinalíu, www.guinaliu.es
5

6. 18/10/2009
11
Miguel Guinalíu, www.guinaliu.es
12
Miguel Guinalíu, www.guinaliu.es
6

7. 18/10/2009
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
•Entretenimiento y emociones
•Desafíos y recompensas
•Entornos interactivos
•Elementos multimedia
•Manejo del ratón y scrolls de pantalla
•Capacidad de compresión lectora baja
•Búsquedas simples
•Tipografía consistente y legible
13
Miguel Guinalíu, www.guinaliu.es
14
Miguel Guinalíu, www.guinaliu.es
7

8. 18/10/2009
15
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
•L
Los navegadores móviles (e.g. O
d ó il ( Opera))
permiten una visualización completa
de los contenidos web (salvo flash que
es soportado por muy pocos
dispositivos).
•Sin embargo la EXPERIENCIA de
navegación no es igual de buena si
ió i ld b i
obligamos a trabajar en el móvil sobre
la misma web que vemos en el
ordenador de casa.
16
Miguel Guinalíu, www.guinaliu.es
8

9. 18/10/2009
PRINCIPIOS DE USABILIDAD
17
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
18
Miguel Guinalíu, www.guinaliu.es
9

10. 18/10/2009
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
•Aplicaciones sencillas
•Iconos
•Minimizar las interacciones
•Contenidos concisos y
relevantes
l t
19
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
1. DEFINICIÓN DE CONCEPTOS
Valores por defecto en el di ñ d contenidos para
V l d f t l diseño de t id
móbiles (Mobile Web Best Practices 1.0)
•Ancho de pantalla: 120 pixels, mínimo.
• Markup Language Support: XHTML Basic 1.1
• Character Encoding: UTF-8 [UTF-8].
• Image Format Support: JPEG. GIF 89a.
• Maximum Total Page Weight: 20 kilobytes.
• Colors: 256 Colors mínimo
Colors, mínimo.
• Style Sheet Support: CSS Level 1 [CSS] y CSS
Level 2 [CSS2].
• HTTP: HTTP/1.0 [HTTP1.0] or more recent
[HTTP1.1].
• Script: No soportado desde el lado cliente.
20
Miguel Guinalíu, www.guinaliu.es
10

11. 18/10/2009
PRINCIPIOS DE USABILIDAD
2. IMPORTANCIA DE LA USABILIDAD
Retorno de la i inversión entre el 200% y el 800% (hay
ió (
fuentes que lo amplían al 1.200%) para un coste
derivado del análisis de usabilidad de entre el 3-10% del
coste total del proyecto.
Reducción de un 10% en los principales costes de
mantenimiento, como por ejemplo las llamadas de
, p j p
soporte de usuarios y la formación a empleados.
La conversión de usuarios en clientes aumenta en un
20% típicamente, lo que conduce a un incremento de las
ventas y de la fidelidad de clientes.
21
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
2. IMPORTANCIA DE LA USABILIDAD
El valor de la usabilidad (costes)
l d l bilid d ( t )
Probabilidad de rediseño al utilizar el diseño centrado en el
usuario
Inclusión de funciones innecesarias
Uso de reglas generalmente aceptadas (e.g. menús arriba a la
izquierda)
Costes de mantenimiento y apoyo
Productividad y la calidad de las acciones y las decisiones
Nivel del esfuerzo (estrés)
Manejo de una variedad más amplia de tareas
Salud, bienestar y motivación
Absentismo
22
Miguel Guinalíu, www.guinaliu.es
11

12. 18/10/2009
PRINCIPIOS DE USABILIDAD
2. IMPORTANCIA DE LA USABILIDAD
El valor de la usabilidad (costes)
l d l bilid d ( t )
Satisfacción
Confianza
Calidad de producto
Ejemplo real de una aseguradora:
- Pérdida de 5 clientes potenciales diarios por problemas de usabilidad (1.825
al año)
- Pérdida de 365 clientes anuales (de cada 5 potenciales 1 se convertía)
- Pérdida de 219.000$ anuales (cada cliente suponía 600$ de ingresos al año)
- Pérdida de 2.628.000$ (el ciclo de vida medio de cada cliente era de 12 años)
23
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: BRAINSTORMING
¿Para qué é
sirve?
¿En qué
consiste?
24
Miguel Guinalíu, www.guinaliu.es
12

13. 18/10/2009
PRINCIPIOS DE USABILIDAD
3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: FOCUS GROUPS
¿Para qué sirven?
P é i ?
¿En qué consisten?
La figura del
moderador
¿Cuándo utilizar
esta técnica?
25
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: TESTS DE USUARIOS
¿En qué consisten?
E é it ?
¿Qué tipo de tareas
se analizan?
¿Cuándo
utilizarlos?
26
Miguel Guinalíu, www.guinaliu.es
13

14. 18/10/2009
PRINCIPIOS DE USABILIDAD
3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: AN. HEURÍSTICO
¿En qué consisten?
E é it ?
¿Son realmente
útiles?
¿Cuándo
utilizarlos?
27
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
Cuestiones iniciales
•Objetivos del sitio web
•URL
•Estructura general del sitio web
•Look & feel
•Coherencia
•Actualización
28
Miguel Guinalíu, www.guinaliu.es
14

15. 18/10/2009
29
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
•Identidad
•Contacto
•Aviso legal
•Páginas de bienvenida
•Papel del homesite
•Homesite como punto de referencia
30
Miguel Guinalíu, www.guinaliu.es
15

16. 18/10/2009
PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
•C
Capacidad
id d d auto-orientación
de t i t ió
•Clics
•Obtención múltiple de resultados
•Mapas y buscadores internos
•Espacio útil
•Tamaño y colocación de contenidos
31
Miguel Guinalíu, www.guinaliu.es
32
Miguel Guinalíu, www.guinaliu.es
16

17. 18/10/2009
33
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
•Lenguaje
•Tamaño de las páginas
•Tamaño de los párrafos
•Uso de negrita
•Uso de viñetas y enumeraciones
•Encabezados
•Impresión
34
Miguel Guinalíu, www.guinaliu.es
17

18. 18/10/2009
PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
•Tamaño de fuente de letra
•Fondos y texturas
•Colores y textos en enlaces
•Uso de títulos estándar
•Posición y tamaño de los menús
•Enlaces rotos, redundantes y páginas
muertas
35
Miguel Guinalíu, www.guinaliu.es
PRINCIPIOS DE USABILIDAD
4. CRITERIOS DEL ANÁLISIS HEURÍSTICO
•Optimización para navegadores
•Optimización resolución
•Uso de las últimas tecnologías
•Uso de elementos multimedia
•Uso de Flash, JavaScript
•WAI
•Descarga de archivos voluminosos
36
Miguel Guinalíu, www.guinaliu.es
18

19. 18/10/2009
PRINCIPIOS DE
USABILIDAD
Miguel Guinalíu
Universidad de Zaragoza
guinaliu@unizar.es
www.guinaliu.es
37
19