Principios De Usabilidad

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

18/10/2009

3

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

2

18/10/2009


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


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

3

18/10/2009


•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

8

4

18/10/2009

9


•Utilidad percibida
•Pocos colores y más oscuros

•Estructuras tridimensionales

•Lenguajes formales y más directos

•Líneas rectas

10

5

18/10/2009

11

12

6

18/10/2009


•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

14

7

18/10/2009

15

•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

8

18/10/2009


17


18

9

18/10/2009


•Aplicaciones sencillas
•Iconos

•Minimizar las interacciones
•Contenidos concisos y
relevantes
l t

19

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

10

18/10/2009

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

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

11

18/10/2009

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

3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: BRAINSTORMING

¿Para qué é
sirve?
¿En qué
consiste?

24

12

18/10/2009

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

3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: TESTS DE USUARIOS

E é it ?
¿Qué tipo de tareas
se analizan?
¿Cuándo
utilizarlos?

26

13

18/10/2009

3. MÉTODOS DE ANÁLISIS DE LA USABILIDAD: AN. HEURÍSTICO

E é it ?
¿Son realmente
útiles?
¿Cuándo
utilizarlos?

27

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

14

18/10/2009

29


•Identidad

•Contacto

•Aviso legal
•Páginas de bienvenida

•Papel del homesite

•Homesite como punto de referencia

30

15

18/10/2009

•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

32

16

18/10/2009

33


•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

17

18/10/2009


•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


•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

18

18/10/2009

PRINCIPIOS DE
USABILIDAD
Miguel Guinalíu
Universidad de Zaragoza
guinaliu@unizar.es
www.guinaliu.es

37

19

Principios De Usabilidad

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (16)

Similaire à Principios De Usabilidad

Similaire à Principios De Usabilidad (12)

Plus de Miguel Guinalíu

Plus de Miguel Guinalíu (17)

Dernier

Dernier (20)

Principios De Usabilidad