PDF de programación - PROCEDIMIENTO PARA LA VALORACIÓN DE LA USABILIDAD EN PORTALES WEB

PROCEDIMIENTO PARA LA VALORACIÓN DE LA USABILIDAD EN

PORTALES WEB



ARTURO JOSÉ GUARÍN VILLALBA







































UNIVERSIDAD DE PAMPLONA

DEPARTAMENTO DE INGENIERÍAS ELÉCTRICA ELECTRÓNICA SISTEMAS Y

TELECOMUNICACIONES

FACULTAD DE INGENIERÍAS Y ARQUITECTURA

PROGRAMA DE INGENIERÍA DE SISTEMAS

PAMPLONA

2013

PROCEDIMIENTO PARA LA VALORACIÓN DE LA USABILIDAD EN

PORTALES WEB



ARTURO JOSÉ GUARÍN VILLALBA

PROYECTO DE GRADO PRESENTADO PARA OPTAR EL TÍTULO DE

INGENIERO DE SISTEMAS























MSC. LUIS ALBERTO ESTEBAN VILLAMIZAR

Director de Trabajo de Grado









DEPARTAMENTO DE INGENIERÍAS ELÉCTRICA ELECTRÓNICA SISTEMAS Y

UNIVERSIDAD DE PAMPLONA

TELECOMUNICACIONES

FACULTAD DE INGENIERÍAS Y ARQUITECTURA

PROGRAMA DE INGENIERÍA DE SISTEMAS

PAMPLONA

2013











































AGRADECIMIENTOS





PENSAMIENTOS









RESUMEN

Con la definición de un procedimiento para la valoración de la usabilidad de un

portal web se buscó proveer de una herramienta con la cual se pueda evaluar qué

tan usables son los portales web, la usabilidad es la capacidad de un producto

software de ser entendido, aprendido, usado y además debe ser atractivo para el

usuario cuando es usado bajo unas condiciones específicas. Se establece un

estudio bibliográfico sobre la usabilidad y su aplicación hacia portales web,

posteriormente se definen una serie de pasos e indicadores a tomar en cuenta con

la finalidad de valorar la usabilidad. En una última instancia se aplica el

procedimiento propuesto con la finalidad de validar su tesis.

ABSTRACT





With the definition of a procedure for evaluating the usability of a website sought to

provide a tool with which to evaluate how usable are the web portals, usability is

the capability of a software product to be understood, learned , used and must also

be attractive for the user when used under specified conditions. Establishing a

bibliographic study on its application to usability and web portals, then defines a

series of steps and indicators to take into account in order to assess usability. In an

ultimately proposed procedure is applied in order to validate the thesis.

TABLA DE CONTENIDO





1.

INTRODUCCION ...................................................................................................... 12

PLANTEAMIENTO DEL PROBLEMA Y JUSTIFICACIÓN .......................................... 14

1.1.1. Problema ................................................................................................ 14

1.1.2.

Justificación ............................................................................................ 14

OBJETIVOS ................................................................................................................ 16

1.2. Objetivo General ............................................................................................ 16

1.3. Objetivos Específicos ..................................................................................... 16

2. MARCO TEORICO ................................................................................................... 17

2.1. Usabilidad ...................................................................................................... 17

2.2. Accesibilidad .................................................................................................. 19

2.3. WCAG 2.0 ...................................................................................................... 20

2.4.

ISO-9126 Software Engineering - Product quality .......................................... 23

2.5.
ISO-25000 Software Engineering - Software product Quality Requirements and
Evaluation (SQuaRE) ............................................................................................... 25

ISO-9241 Ergonomic requirements for office work with visual display terminals

2.6.
(VDTs) ...................................................................................................................... 27

2.7. Evaluación de la usabilidad ............................................................................ 30

2.8. Revisión de métodos de evaluación ............................................................... 32

2.9. Clasificación de los métodos de evaluación de usabilidad ............................. 32

2.9.1. Nielsen y Molich ...................................................................................... 33

2.9.2. Wixon y Wilson ....................................................................................... 33

2.9.3. Preece .................................................................................................... 33

2.9.4. Baecker ................................................................................................... 34

2.9.5. Scriven .................................................................................................... 34

2.9.6. Whitefield, Wilson y Dowell ..................................................................... 34

2.9.7. Coutaz y Balbo ........................................................................................ 35

2.9.8. Hix y Hartson .......................................................................................... 36

2.10.

Herramientas que miden la usabilidad de portales web .............................. 36

2.10.1.

Google Analytics.................................................................................. 36



8

2.10.2.

Usabilla ............................................................................................... 38

2.10.3.

Crazy Egg............................................................................................ 40

2.10.4.

Click Tale............................................................................................. 41

2.10.5.

Infomaki ............................................................................................... 43

2.10.6.

Adobe® Test & Target™ ..................................................................... 44

3. PROPUESTA DE PROCEDIMIENTO ....................................................................... 47

3.1. Estructura del modelo del procedimiento para la valoración de portales web . 48

3.1.1.

Factores .................................................................................................. 48

3.1.2.

Indicadores ............................................................................................. 48

3.1.2.1. Lista de Indicadores dentro de sus respectivos Factores ................... 49

3.2. Definición del procedimiento para la valoración de portales web .................... 55

3.3. Aplicación del procedimiento para la valoración de portales web ................... 63

4. CONCLUSIONES Y TRABAJOS FUTUROS ........................................................... 74

4.1. Conclusiones ................................................................................................. 74

4.2. Trabajos futuros ............................................................................................. 75

5. BIBLIOGRAFÍA ........................................................................................................ 76

6. ANEXOS .................................................................................................................. 82







9

TABLA DE FIGURAS





Fig. 1. Marco de definición de usabilidad de acuerdo a Nielsen. .................................... 19
Fig. 2. Estructura del WCAG 2.0. De adentro hacia afuera, Estándar, Principios, Pautas.
........................................................................................................................................ 23
Fig. 3. La usabilidad como un atributo de la calidad del software de acuerdo a ISO/IEC
9126. ............................................................................................................................... 24
Fig. 4. La usabilidad como característica de los Modelos de calidad de sistemas y
software ISO/IEC 25010. ................................................................................................. 26
Fig. 5. Marco de definición de Usabilidad de acuerdo a (ISO 9241-11). ......................... 30
Fig. 6. Clases de métodos de evaluación según Whitefield et al. ................................... 35
Fig. 7. Dashboard de Google Analytics. ......................................................................... 38
Fig. 8. Medición de usabilidad con Usabilla con Heatmap (Mapa de calor). ................... 40
Fig. 9. Vista de un mapa de confetti de Crazy Eg. .......................................................... 41
Fig. 10. Vista de un Heatmap (Mapa de calor) opción presente en ClickTale. ................ 43
Fig. 11. Vista de un Mapa de Click’s en Infomaki. .......................................................... 44
Fig. 12. Vista de parte del Dashboard de Adobe® Test & Target™. ............................... 46
Fig. 13. Estructura del modelo propuesto para la valoración de portales web. ............... 47
Fig. 14. Secuencia de pasos del procedimiento para la valoración de portales web. ...... 55








10

LISTA DE TABLAS





Tabla 1. Pesos definidos para los indicadores. Valoración de la usabilidad en el portal de
la Universidad de Antioquia. ............................................................................................ 66
Tabla 2. Pesos definidos para los indicadores. Valoración de la usabilidad en el portal de
la Universidad de Pamplona. ...........................................................................................