Evaluación de Usabilidad para Aplicaciones Web

Evaluacin de Usabilidad para Aplicaciones Web

Adrian Fernandez, Emilio Insfran, Silvia Abraho

Grupo Investigacin ISSI, Departamento de Sistemas Informticos y Computacin, Universidad Politcnica de Valencia, Camino de Vera, s/n, 46022, Valencia, Spain

{afernandez, einsfran, sabrahao}@dsic.upv.es

Resumen. La mayora de los mtodos de evaluacin de usabilidad para aplicaciones Web presentan varias limitaciones: un concepto de usabilidad muy restringido, evaluaciones realizadas slo en etapas finales del desarrollo Web y carencia de guas de cmo integrar adecuadamente la usabilidad en el proceso de desarrollo Web. Este artculo presenta el uso de un proceso de evaluacin de usabilidad integrado en distintas etapas del desarrollo Web dirigido por modelos (DWDM). Este proceso de evaluacin se basa en un modelo de usabilidad Web que descompone el concepto de usabilidad en sub-caractersticas y atributos medibles, a los cuales se asocian mtricas con el fin de cuantificarlos y poder detectar problemas de usabilidad al ser aplicados a modelos independientes de plataforma, modelos especficos de plataforma, o a la aplicacin Web final.

Abstract. Most usability evaluation methods for Web applications present several limitations: a concept for usability which is only partially supported; usability evaluations performed at later stages of the Web development process; lack of guidelines on how to properly integrate the usability in Web development. This paper presents the use of a usability evaluation process for Model-Driven Web development (MDWD) approaches. This evaluation process is based on a Web usability model that decomposes the usability concept into subcharacteristics and measurable attributes, which are then associated to metrics in order to quantify them and to detect usability problems when applied to platform-independent models, platform-specific models, or to the final Web application.

Palabras clave: Usabilidad Web; Proceso de evaluacin; Desarrollo Web dirigido por modelos; Mtricas; Aplicaciones Web. Keywords: Web usability; Evaluation process; Model-Driven Web Development, Metrics, Web applications.

1 Introduccin

Las aplicaciones Web desempean un papel muy relevante en toda actividad empresarial e intercambio de informacin [19]. En las empresas, stas representan su carta de presentacin hacia clientes potenciales, mientras que en el contexto de la administracin pblica son indispensables a la hora de realizar diversas transacciones que requieren la participacin del ciudadano. No es suficiente con satisfacer las


necesidades funcionales de una aplicacin Web, la facilidad que experimenten los usuarios con stas determinar en gran medida su xito o fracaso.

La usabilidad es una de las caractersticas de calidad ms importantes para las aplicaciones Web junto a otras tales como la fiabilidad y seguridad [23]. El reto de desarrollar aplicaciones Web ms usables ha provocado la aparicin de un gran nmero de mtodos de evaluacin de la usabilidad. A pesar de este gran nmero de mtodos de evaluacin, la mayora de stos slo tienen en cuenta las evaluaciones de usabilidad en las ltimas etapas del proceso de desarrollo Web. En Juristo et al. [16] se sugiere que la evaluacin de la usabilidad debera trasladarse a las primeras etapas del proceso de desarrollo Web con el fin de mejorar la experiencia del usuario y disminuir los costes de mantenimiento.

Los resultados de una revisin sistemtica acerca del empleo de mtodos de evaluacin de usabilidad Web, llevada a cabo en trabajos previos [12], revelaron adems algunos problemas tales como: un concepto de usabilidad parcialmente soportado, ya que cada mtodo se centra en aspectos muy concretos; y la carencia de mtodos de evaluacin de usabilidad que ofrezcan guas claras sobre cmo pueden ser integrados adecuadamente en los procesos de desarrollo Web, especialmente en fases tempranas de dicho proceso.

La mayora de los procesos de desarrollo Web tradicionales no se benefician de las ventajas que conlleva el empleo de artefactos intermedios producidos en las fases anlisis y diseo. Estos artefactos intermedios slo se utilizan principalmente para guiar a los desarrolladores y documentar la aplicacin Web. Dado que la trazabilidad entre estos artefactos y la aplicacin Web final no est bien definida, realizar evaluaciones de usabilidad en las fases donde se producen dichos artefactos puede llegar a ser una tarea difcil. Este problema no ocurre en el desarrollo Web dirigido por modelos, ya que stos artefactos intermedios (modelos que especifican una aplicacin Web, sin tener en cuenta detalles tecnolgicos de implementacin, en sus distintas dimensiones: contenido, navegacin y presentacin) se aplican en todas las etapas del proceso de desarrollo, obteniendo de forma automtica o semi-automtica el cdigo fuente final a partir de estos modelos [1]. Este contexto ofrece la posibilidad de evaluar estos modelos con el objetivo de corregir problemas de usabilidad de forma temprana, permitiendo que estos cambios se puedan reflejar directamente en el cdigo fuente.

Basndonos en estas ideas, en trabajos previos se elabor un modelo de usabilidad Web que descompone el concepto de usabilidad en sub-caractersticas y atributos medibles, a los que se asocian mtricas con el fin de cuantificarlos y detectar problemas de usabilidad [9] y un esbozo preliminar de la estructura que debera poseer un proceso que empleara este modelo [10]. En este artculo se desarrolla y presenta el uso de un proceso de evaluacin de usabilidad detallando todas sus fases y actividades con el objetivo de integrar evaluaciones de usabilidad en distintas etapas del desarrollo Web dirigido por modelos (DWDM).

Este artculo est estructurado como sigue. La seccin 2 discute trabajos relacionados acerca de la evaluacin de usabilidad en el desarrollo Web. La seccin 3 presenta un marco de trabajo para la integracin de evaluaciones de usabilidad en el desarrollo Web dirigido por modelos. La seccin 4 presenta el proceso de evaluacin


de usabilidad Web describiendo las fases y actividades que lo componen. La seccin 5 presenta un caso de estudio sobre una aplicacin Web real a fin de ilustrar el proceso de evaluacin en distintas etapas del proceso de desarrollo. Finalmente, la seccin 6 presenta las conclusiones y futuros trabajos.

2 Trabajos Relacionados

En general, los mtodos de evaluacin de usabilidad pueden clasificarse en dos tipos: mtodos empricos y mtodos de inspeccin. En los mtodos empricos, los problemas de usabilidad son detectados mediante observacin e interaccin con los usuarios, mientras que stos realizan tareas o proveen sugerencias acerca del diseo y facilidad de uso del interfaz de usuario final. En cambio, en los mtodos de inspeccin, los problemas son descubiertos por evaluadores que inspeccionan distintos aspectos de usabilidad en artefactos Web (normalmente interfaces) con respecto a un conjunto de guas, principios de diseo, normas, etc.

Los mtodos de inspeccin de usabilidad surgen como una alternativa rentable a los mtodos empricos para identificar problemas de usabilidad, ya que no requieren de la participacin del usuario final y pueden ser empleados en fases ms tempranas del proceso de desarrollo Web [7]. Existen varias propuestas de mtodos de inspeccin para evaluar la usabilidad de aplicaciones Web, como por ejemplo, Blackmon et al. [4], y Conte et al. [8].

Blackmon et al. [4] presenta el mtodo Cognitive Walkthrough for the Web que evala la facilidad con la que un usuario puede explorar un sitio Web mediante algoritmos semnticos. Sin embargo este mtodo slo da soporte a la facilidad de navegacin.

Conte et al. [8] presenta el mtodo Web Design Perspectives, el cual extiende y adapta las heursticas propuestas por Nielsen [20] con el objetivo acercarlas ms a las dimensiones que caracterizan una aplicacin Web: contenido, estructura, navegacin y presentacin. Sin embargo estos tipos de mtodos tienden hacia un considerable grado de subjetividad en la evaluacin de usabilidad.

Otros trabajos presentan mtodos de inspeccin que se centran en la evaluacin de la usabilidad Web a travs del clculo de mtricas con el objetivo de minimizar la subjetividad de la evaluacin: Ivory [13], y Olsina y Rossi [21].

Ivory [13] presenta la metodologa WebTango, la cual permite obtener medidas cuantitativas, a partir de mtricas validadas empricamente, referentes a la interfaces de usuario final para construir modelos predictivos que permitan evaluar otras interfaces de usuario.

Olsina y Rossi [21] proponen la metodologa WebQEM donde se evala de forma cuantitativa algunos atributos de usabilidad provenientes de la ISO 9126-1 [14] y las necesidades del usuario, permitiendo agregar los resultados para componer indicadores de usabilidad.

La mayora de trabajos, como los citados anteriormente, presentan evaluaciones de usabilidad ms orientadas hacia el desarrollo Web tradicional, por lo que tienen lugar principalmente en las fases ms tardas del proceso de desarrollo Web. Tal y como se mencionaba anteriormente, el desarrollo Web dirigido por modelos ofrece un contexto


propicio a la evaluacin de usabilidad a lo largo de todo el proceso de desarrollo Web, ya que los modelos que se aplican en todas las etapas pueden ser evaluados, permitiendo una evaluacin de usabilidad temprana. En esta lnea han surgido diversos trabajos como Atterer [3], Abraho e Insfran [2], y Molina y Toval [18].

En Atterer [3] se presenta un prototipo de un validador para realizar anlisis de modelos que representan propiedades abstractas de la aplicacin Web. Es una de las primeras propuestas que aprovechan las ventajas de los modelos que representan la navegacin y la interfaz de usuario de una aplicacin Web para comprobar ciertos aspectos de usabilidad como caminos de navegacin o uniformidad de la interfaz.

En Abraho e Insfran [2], se propone un modelo de usabilidad, basado en las sub-caractersticas propuestas en la ISO 9126-1 [14], para evaluar los productos de software que se obtienen como resultado de los procesos de desarrollo dirigido por modelos. Sin embargo, esta propuesta no es especfica para las aplicaciones Web y no se proporcionan mtricas. Este mismo modelo fue empleado en Panach et al. [24] con el objetivo de dotar de mtricas a un conjunto de atributos para ser aplicables a los modelos conceptuales que proporcionaba un mtodo concreto de desarrollo Web dirigido por modelos.

En Molina y Toval [18] se presenta una propuesta para ampliar la expresividad de los modelos que representan la navegacin de aplicaciones Web con el objetivo de incorporar los requisitos de usabilidad y mejorar la aplicacin de posibles mtricas e indicadores en modelos que representan la navegacin.

Sin embargo, hasta donde conocemos, no hay constancia de que exista un proceso genrico de evaluacin de usabilidad Web que pueda ser integrado en cualquier mtodo de desarrollo Web dirigido por modelos.

3 Usabilidad en el Desarrollo Web Dirigido por Modelos

Un proceso de desarrollo Web que sigue un enfoque basado en modelos bsicamente transforma (mediante reglas de transformacin) modelos que son independientes de los detalles de la implementacin tecnolgica (Modelos independientes de plataforma - PIM) en otros modelos que contienen aspectos especficos de la plataforma tecnolgica (Modelos especficos de plataforma - PSM). Estos ltimos pueden ser compilados para generar automticamente el cdigo fuente de la aplicacin Web final (Modelo de cdigo CM). Existen varios mtodos de desarrollo Web que emplean esta aproximacin, como por ejemplo: OO-H [11] o WebML [6].

En estos procesos de desarrollo es posible integrar evaluaciones haciendo uso de un modelo de usabilidad Web que se descompone el trmino usabilidad en sub-caractersticas y atributos medibles (ver Fig.1). El conjunto de atributos seleccionados puede ser evaluado en diferentes niveles de abstraccin de una aplicacin Web que se obtiene como resultado de un proceso DWDM: a nivel de modelos independientes de plataforma (nivel PIM), a nivel de modelos especficos de plataforma (nivel PSM), a nivel de cdigo fuente e interfaces de usuario finales (nivel CM).

A nivel PIM es posible evaluar modelos tales como: modelos estructurales, modelos de presentacin, modelos de navegacin, etc. El conjunto de atributos de usabilidad que pueden ser evaluados a este nivel son aquellos relacionados con el


acceso a la informacin por parte de los usuarios y cmo sta es presentada por medio de interfaces de usuario abstractas (ej., navegabilidad, densidad de informacin, etc.). Sin embargo, este conjunto de atributos puede variar segn la expresividad de los modelos que ofrece cada mtodo concreto de desarrollo Web. Esta evaluacin genera un informe de usabilidad independiente de plataforma que proporciona retroalimentacin a las fases de anlisis y de diseo sobre cmo corregir los modelos independientes de plataforma (Fig. 1 (1)).

Fig. 1. Evaluacin de usabilidad en el desarrollo Web dirigido por modelos

A nivel PSM es posible evaluar modelos tales como: interfaces de usuario concretas, esquemas de bases de datos, etc. El conjunto de atributos de usabilidad que pueden ser evaluados a este nivel son aquellos relacionados con los componentes de software especficos (ej., comportamiento constante de los controles, controles apropiados a diversas funcionalidades, etc.). Esta evaluacin genera un informe de usabilidad especfico de plataforma que proporciona retroalimentacin a: las fases de anlisis y diseo, si el origen de los problemas de usabilidad detectados radica en los modelos independientes de plataforma (Fig. 1 (2A)), y/o a la fase de transformacin de modelos, si el origen de los problemas de usabilidad detectados radica en los modelos especficos de plataforma o en las reglas de transformacin entre modelos independientes y especficos de plataforma (Fig. 1 (2B)).

A nivel CM es posible evaluar el cdigo fuente y las interfaces de usuario de la aplicacin Web final. El conjunto de atributos de usabilidad que pueden ser evaluados estn ms relacionados con los aspectos de la interfaz de usuario final (ej., compatibilidad entre navegadores, retroalimentacin del estado actual, etc.) Esta evaluacin genera un informe de usabilidad de la aplicacin Web final que proporciona retroalimentacin a todas las fases previas sobre: cmo corregir los modelos independientes de plataforma (Fig. 1 (3A)), los modelos especficos de plataforma y reglas de transformacin entre modelos (Fig. 1 (3B)); y las reglas de generacin de cdigo (Fig. 1 (3C)), segn el origen de los problemas de usabilidad.

Todas las evaluaciones anteriores pueden aplicarse de forma iterativa durante el proceso de desarrollo Web hasta alcanzar el grado de usabilidad deseado.


4 Proceso de Evaluacin de Usabilidad Web

A fin de dar soporte a la idea mostrada en la seccin anterior, esta seccin propone un proceso de evaluacin de usabilidad Web en consonancia con sta.

El proceso de evaluacin propuesto extiende y adapta el proceso de evaluacin de calidad propuesto en el estndar ISO 25000 SQuaRE [15] con el propsito de integrar evaluaciones de usabilidad en procesos de desarrollo Web dirigido por modelos, empleando para ello un modelo de usabilidad Web como artefacto principal. Este modelo descompone el concepto de usabilidad en sub-caractersticas, y estas a su vez en otras sub-caractersticas y atributos medibles. A los atributos medibles se les asocia mtricas genricas, que debern ser operacionalizadas para ser aplicables en distintos niveles de abstraccin (modelos independientes de plataforma, modelos especficos de plataforma, e interfaz de usuario final) para distintos mtodos de desarrollo Web.

La Figura 2 muestra una visin general de las fases principales del proceso de evaluacin de usabilidad Web empleando la notacin SPEM 2 [22]. Notacin propuesta por el Object Management Group (OMG) para proveer definiciones detalladas de procesos software y guas que faciliten la aplicacin del proceso.

En el proceso propuesto participan tres roles: el diseador de la evaluacin, el evaluador y el desarrollador Web. El diseador de la evaluacin sera el encargado de realizar las tres primeras fases: 1) Establecimiento de los requisitos de la evaluacin, 2) Especificacin de la evaluacin, 3) Diseo de la evaluacin. El evaluador realiza la cuarta fase: 4) Ejecucin de la evaluacin, mientras que el desarrollador Web realizara la ltima fase: 5) Anlisis de cambios. A continuacin se describe cada una de las principales fases junto a las actividades en las que se descomponen.

Fig. 2. Vista general del proceso de evaluacin de usabilidad Web

4.1 Establecimiento de los Requisitos de la Evaluacin

El objetivo de esta fase es establecer los requisitos que delimitan el alcance de la evaluacin. A continuacin se describen las actividades involucradas en esta fase. 1. Establecer propsito de la evaluacin. En esta actividad se determina que se

espera de la evaluacin, es decir, si la evaluacin se va a llevar a cabo en una nica aplicacin Web, o si se van a comparar distintas aplicaciones Web entre s. 2. Especificacin de perfiles. En esta actividad se determinan los distintos factores

que condicionaran la evaluacin. Esos factores son principalmente: a) tipo de aplicacin Web, ya que el conjunto de atributos de usabilidad ms relevantes variar


en funcin de los objetivos que persiga cada familia de aplicaciones Web (ej. la navegabilidad podra ser ms relevante en aplicaciones Web basadas en una intranet, mientras que el grado de atraccin podra ser ms relevante en plataformas de redes sociales); b) mtodo de desarrollo Web, ya que es necesario conocer qu tipo de artefactos se emplean a fin de integrar adecuadamente evaluaciones de usabilidad; y c) contexto de uso, donde se considera el perfil del usuario final, el entorno donde se utilizar la aplicacin Web, etc. 3. Seleccin de artefactos a evaluar. En esta actividad se determina la cantidad y

tipo de artefactos que se pretenden evaluar, los cuales dependern tanto del mtodo de desarrollo Web como de la plataforma tecnolgica destino. Los artefactos a considerar son: modelos independientes de plataforma (ej. modelos estructurales, modelos de navegacin, interfaces de usuario abstractas, etc.); modelos especficos de plataforma (ej. modelos de interfaz de usuario concretos, esquemas de bases de datos, etc.); Modelos de cdigo (ej. interfaces de usuario finales, cdigo fuente). 4. Seleccin de atributos de usabilidad. En esta actividad se emplea el modelo de

usabilidad Web como artefacto de entrada, a modo de catlogo, para seleccionar qu atributos de usabilidad se evaluaran. Este modelo de usabilidad Web est basado en la caracterstica de usabilidad propuesta en el modelo de calidad de la ISO 25000 SQuaRE [15]. La primera versin de este modelo fue presentada en [9], sta ha ido mejorndose teniendo en cuenta diferentes guas de usabilidad que permitan descubrir nuevos atributos de usabilidad. Actualmente, el modelo de usabilidad Web tiene en cuenta dos vistas de la usabilidad: usabilidad producto software y usabilidad en uso. En este artculo nos centraremos en la usabilidad del producto software, por ser evaluable durante el proceso de desarrollo Web mediante la inspeccin de artefactos Web. La usabilidad del producto software se descompone en 7 sub-caractersticas principales: 1) Adecuacin reconocible, 2) Facilidad de aprendizaje, 3) Facilidad de uso, 4) Facilidad de ayuda, 5) Accesibilidad tcnica, 6) Grado de atraccin, y 7) Adherencia a normas. stas a su vez, se descomponen en otras sub-caractersticas y atributos medibles1.

Los resultados obtenidos en las actividades anteriores constituyen los requisitos de la evaluacin que sern empleados como entrada a la siguiente fase.

4.2 Especificacin de la Evaluacin

El objetivo de esta fase es obtener y operacionalizar las mtricas que se van a aplicar y cmo se van a aplicar. A continuacin se describen las actividades involucradas en esta fase. 1. Seleccin de mtricas a aplicar. Una vez seleccionados los atributos de

usabilidad a evaluar, haciendo uso del modelo de usabilidad Web, obtenemos las mtricas asociadas a dichos atributos. Las mtricas que se proveen se obtuvieron de distintas fuentes: estudios de mtricas que fueron validadas [5], guas de diseo Web [25], estndares [15], etc. Las mtricas fueron estudiadas en relacin a su propsito, interpretacin y artefacto de aplicacin para proveer una definicin genrica de la mtrica. El objetivo de esta descripcin genrica es permitir que la mtrica pueda ser

1 Modelo de usabilidad disponible en: http://users.dsic.upv.es/~afernandez/WebUsabilityModel/


operacionalizada en artefactos de distintos niveles de abstraccin pertenecientes a cualquier mtodo de desarrollo Web. El anexo A muestra, a modo de ejemplo, un par de mtricas junto con su descripcin genrica. 2. Operacionalizacin de las mtricas. La mtricas han de operacionalizarse para

poder ser aplicadas a los artefactos seleccionados. Esta actividad se realiza identificando los elementos de la definicin genrica de la mtrica con las primitivas de modelado o elementos del artefacto a evaluar, es decir, estableciendo un mapeo entre la definicin genrica de la mtrica y los conceptos que se representan en lo artefactos. Existirn mtricas operacionalizadas cuyo clculo se prestar a ser automatizado (ej. lenguajes de restricciones sobre modelos como OCL), mientras que otras podran requerir la interpretacin del evaluador para determinar algunos de los valores de las variables que se emplean en la frmula. 3. Establecimiento de umbrales. En esta actividad se establecen intervalos que

dividen el conjunto posible de valores obtenidos en cada mtrica. El objetivo es facilitar la interpretacin de los resultados obtenidos en cada mtrica, permitiendo adems, determinar la existencia de problemas de usabilidad y su nivel de criticidad.

Los resultados obtenidos en las actividades anteriores constituyen la especificacin de la evaluacin, la cual ser empleada como entrada a la siguiente fase.

4.3 Diseo de la Evaluacin

El objetivo de esta fase es disear cmo se realizar la evaluacin y que informacin se ha de obtenerse para documentar los problemas de usabilidad detectados. A continuacin se describen las actividades involucradas en esta fase. 1. Definicin de la plantilla para informes de usabilidad. Un informe de usabilidad

es bsicamente una coleccin de problemas de usabilidad. Esta plantilla servir para presentar los datos de los problemas de usabilidad detectados. Para cada problema podran incluirse los siguientes campos: a) identificador; b) descripcin del problema, c) nivel de criticidad que indica si el problema de usabilidad grave, medio o leve; d) artefacto evaluado donde se aplic la mtrica; e) origen del problema, refirindose al artefacto que origina el problema: modelos o reglas de transformacin; f) ocurrencias del problema detectado, g) recomendaciones para solucionarlo, las cuales, en algunos casos, podran ofrecerse automticamente segn los umbrales obtenidos. 2. Definicin del plan de evaluacin. El plan de evaluacin establece el nmero de

evaluadores que ejecutarn la evaluacin, el mecanismo para resolver los desacuerdos en los problemas obtenidos, el orden en el que se evaluarn los artefactos (normalmente mediante iteraciones comenzando por los de mayor nivel de abstraccin) y las restricciones que podran condicionar la evaluacin (ej. restricciones tecnolgicas o econmicas).

4.4 Ejecucin de la Evaluacin

El objetivo de esta fase es ejecutar la evaluacin de acuerdo al plan de evaluacin establecido. Al ejecutor de la evaluacin se le provee de las mtricas operacionalizadas para que las aplique en los artefactos seleccionados y sea capaz de detectar y reportar problemas de usabilidad en base a los umbrales definidos para cada


mtrica, usando para ello, la plantilla diseada para presentar estos problemas. El resultado de la ejecucin son los informes de usabilidad: un informe independiente de plataforma que contienen los problemas detectados al evaluar los modelos independientes de plataforma; un informe especfico de plataforma al evaluar modelos especficos de plataforma; y un informe de aplicacin Web final al evaluar las interfaces de usuario final o el cdigo fuente.

4.5 Anlisis de Cambios

El objetivo de esta fase es analizar los problemas de usabilidad detectados para evaluar qu cambios seran necesarios y priorizarlos segn su coste, esfuerzo o nivel de criticidad. A partir de los informes de usabilidad obtenidos en la ejecucin de la evaluacin, el desarrollador Web clasifica los problemas segn su origen e incorpora campos descriptivos tales como prioridad, recursos necesarios para solucionarlo, cambios a realizar, etc. El resultado de esta fase son los informes de mejora, uno para cada fase del proceso de desarrollo Web: anlisis, diseo, transformacin de modelos y generacin de cdigo.

5 Caso de Estudio

Esta seccin muestra la aplicacin del proceso de evaluacin de usabilidad a una aplicacin Web empresarial desarrollada mediante un mtodo concreto de desarrollo Web dirigido por modelos. Para ello, se seguirn las fases descritas anteriormente.

En cuanto a la fase de establecimiento de requisitos de la evaluacin, el propsito es evaluar artefactos Web pertenecientes a una aplicacin Web para detectar problemas de usabilidad. La aplicacin Web utilizada se corresponde con una intranet destinada a la gestin de proyectos Web de una empresa. Esta aplicacin, denominada Task Manager, permite entre otras funcionalidades: la gestin de tareas asignadas a programadores, la gestin de informes asociados a las tareas que se realizan diariamente, y la gestin de clientes de la empresa. Task Manager fue desarrollada para una empresa de desarrollo Web situada en Alicante (Espaa) utilizando el mtodo de desarrollo Web dirigido por modelos OO-H [13].

OO-H proporciona la semntica y la notacin necesaria para especificar interfaces de usuario en el contexto Web. Un aplicacin Web se puede modelar mediante tres vistas complementarias: Un modelo de clases que captura el contenido y la estructura esttica de la informacin; un modelo navegacional, basado en un conjunto de diagramas llamados NAD (Navigational Access Diagram) que capturan las propiedades de navegacin e interaccin para cada perfil de usuario basndose en vistas parciales del modelo de clases; y un modelo de presentacin abstracta, basado en un conjunto de diagramas llamados APD (Abstract Presentation Diagram), que se obtienen automticamente a partir de un NAD. Estos APD se refinan para capturar los conceptos asociados a la interfaz de usuario final de la aplicacin Web y los detalles especficos de presentacin. Un compilador de modelos recibe como entrada todos los anteriores modelos permitiendo generar automticamente el cdigo fuente de la aplicacin Web final.


Los artefactos seleccionados en este ejemplo se muestran en la Figura 3: el NAD que representa la gestin de contactos (Fig. 3 (a)) y un fragmento de la interfaz de usuario final (IUF) asociada a esa misma funcionalidad (Fig. 3 (b)). En el NAD se define como un usuario puede acceder al listado completo de contactos o bien mediante bsqueda por inicial o cadena de texto. Adems, puede crear o modificar un contacto existente. La informacin accesible del contacto (company, telephone, etc.) y las operaciones permitidas (new, modify) se representa mediante atributos y mtodos, respectivamente, de clases navegacionales, las cuales son vistas parciales del modelo de clases. La interfaz de usuario mostrada se obtendra automticamente del APD obtenido a partir del NAD anterior y posteriormente refinado (El APD correspondiente no se muestra por simplificar el ejemplo de aplicacin).

Fig. 3. Artefactos seleccionados a modo de ejemplo a) NAD y b) IUF

A modo de ejemplo, los atributos de usabilidad seleccionados son: Soporte a la cancelacin, perteneciente a la sub-caracterstica Controlabilidad (la cual a su vez pertenece a la subcaracterstica Facilidad de uso); y Enlaces significativos perteneciente a la sub-caracterstica Predictibilidad (la cual a su vez pertenece a la subcaracterstica Facilidad de aprendizaje).

En cuanto a la fase de especificacin de la evaluacin, las mtricas seleccionadas son aquellas asociadas a los atributos de usabilidad seleccionados previamente: la mtrica Operaciones cancelables (ver Anexo A) para el atributo Soporte a la cancelacin; y la mtrica Proporcin de nombres significativos para enlaces (ver Anexo A) para el atributo Enlaces significativos.

La mtrica Operaciones cancelables (OC) puede ser operacionalizada para ser aplicada en NADs de OO-H atendiendo a los mtodos invocados desde las clases navegacionales. Estos mtodos soportaran la cancelacin si existe un enlace navegacional que retorne desde el servicio a ejecutar hasta el estado anterior donde se invoc el mtodo. La frmula a aplicar sera:

OC (NAD) = Mtodos sin enlace de retorno / Nm. total de mtodos (1)

La mtrica Proporcin de nombres significativos (PNS) puede ser operacionalizada para ser aplicada en la interfaz de usuario final atendiendo a si los nombres de los enlaces permiten predecir la accin a realizar:

PNS (IUF) = Nm. enlaces no significativos / Nm. total de enlaces (2)


Puesto que el resultado de ambas mtricas es un valor real entre 0 y 1, el umbral para cada uno de ellas podra ser: (x=0): no existe problema de usabilidad; (0 < x 0.3): problema leve, (0.3 < x 0.6): problema medio, (0.6 < x 1): problema grave.

En cuanto a la fase de diseo de la evaluacin se definir una plantilla para reportar problemas de usabilidad basada en los campos descritos en la seccin 4. En cuanto a la fase de ejecucin de la evaluacin, la mtrica OC aplicada al NAD obtiene el valor 1/2=0.5 ya que de los mtodos new y modify slo el mtodo new posee un enlace de retorno (esta mtrica podra calcularse de forma automatizada). Por lo tanto estaramos ante un problema medio de usabilidad (P001). Mientras que la mtrica PNS aplicada a la interfaz de usuario final obtiene el valor 2/10=0.20 ya que de todos los enlaces, el nico no significativo es el New situado en la parte inferior del cuadro de dialogo New contact, ya que el usuario no intuye que la accin a realizar es una confirmacin (esta mtrica requiere interpretacin del evaluador). Por lo tanto estaramos ante un problema leve de usabilidad (P002). Las tablas 1 y 2 muestran un ejemplo de cmo se reportaran los problemas de usabilidad. El problema P001 pertenecera al informe de usabilidad independiente de plataforma, mientras que el P002 pertenecera al informe de usabilidad de la aplicacin Web final.

Tabla 1. Problema de usabilidad P001

ID P001

Descripcin La operacin de crear un nuevo contacto no posee la opcin de ser cancelada por el usuario.

Atributo usabilidad Facilidad de uso / Controlabilidad / Soporte a la cancelacin

Nivel criticidad Medio

Artefacto evaluado NAD (Navigational Access Diagram)

Origen del problema NAD (Navigational Access Diagram)

Ocurrencias 1 mtodo sin enlace de retorno

Recomendaciones Agregar un enlace cuyo origen sera la invocacin del mtodo New y cuyo destino sera la clase navegacional Contacto1.

Por ltimo, en la fase de anlisis de cambios, el desarrollador Web aadira informacin sobre los cambios a realizar, prioridad, etc.; e incluira el problema P001 en el informe de mejora para el anlisis, ya que su origen est en el modelo navegacional, y el P002 en el de diseo, ya que su origen est en el modelo de presentacin abstracta.

Tabla 2. Problema de usabilidad P002 ID P002

Descripcin Los enlaces cuyo nombre es New no son significativos, puesto que no facilitan que el usuario prediga que accin realizan.

Atributo usabilidad Facilidad de aprendizaje / Predictibilidad / Enlaces significativos

Nivel criticidad Leve

Artefacto evaluado IUF (Interfaz de Usuario Final)

Origen del problema APD (Abstract Presentation Diagram), donde se definen los textos para los nombres de los enlaces.


Ocurrencias 2 enlaces no significativos

Recomendaciones Sustituir el primer new (en el men izquierdo) por new contact y el segundo new (en el cuadro de dialogo) por un OK o Accept.

6 Conclusiones y Trabajos Futuros

Este artculo ha presentado el uso de un proceso de evaluacin de usabilidad integrado en el desarrollo Web dirigido por modelos.

Las caractersticas inherentes a los procesos de desarrollo Web dirigido por modelos (ej., empleo de modelos como artefactos intermedios y la trazabilidad entre dichos modelos por medio de transformaciones) propician un entorno adecuado para integrar evaluaciones de usabilidad. La evaluacin de estos modelos mediante el empleo de mtricas pretende disminuir la subjetividad adherida a los mtodos de inspeccin existentes, en medida de lo posible. Adems, el hecho de considerar la trazabilidad entre los modelos facilita la deteccin del origen de los problemas de usabilidad, permitiendo ofrecer recomendaciones que corrijan esos problemas en fases tempranas del desarrollo. Como consecuencia, la usabilidad de una aplicacin Web puede tenerse en cuenta durante todo el proceso de desarrollo Web, permitiendo el desarrollo de aplicaciones Web ms usables reduciendo el esfuerzo en las fases de mantenimiento.

El proceso de evaluacin propuesto puede ser instanciado en cualquier proceso de desarrollo Web dirigido por modelos gracias a la operacionalizacin de las mtricas genricas provenientes del Modelo de Usabilidad Web. Pese a que el objetivo principal es la aplicabilidad en procesos de desarrollo Web dirigido por modelos, la operacionalizacin de las mtricas nicamente sobre la interfaz de usuario final hace factible que este proceso pueda ser aplicado a cualquier mtodo tradicional de desarrollo Web, sin embargo, la retroalimentacin ofrecida slo ira destinada a la fase de implementacin a fin de corregir los problemas detectados en la misma interfaz de usuario final.

Actualmente se est trabajando en proporcionar evidencias empricas acerca de la efectividad y eficiencia del proceso de evaluacin propuesto al compararlo con otros mtodos de inspeccin. Los trabajos futuros van enfocados haca: incorporar mecanismos de agregacin para combinar los valores obtenidos por mtricas individuales a fin de cuantificar y comparar atributos de usabilidad de diferentes aplicaciones Web; determinar los atributos de usabilidad ms relevantes para cada familia de aplicaciones Web consultando a expertos del dominio; analizar el impacto (positivo o negativo) de atributos de usabilidad entre s, aplicar el proceso de evaluacin a distintas aplicaciones Web desarrolladas por diferentes mtodos de desarrollo Web dirigido por modelos; y por ltimo, desarrollar una herramienta que permita automatizar gran parte del proceso de evaluacin.

Agradecimientos. Este trabajo ha sido financiado por el proyecto MULTIPLE (ref. TIN2009-13838) y el programa FPU (AP2007-03731).


Referencias

[1] Abraho S., Iborra E., y Vanderdonckt J. Usability Evaluation of User Interfaces Generated with a Model-Driven Architecture Tool. Maturing Usability: Quality in Software, Interaction and Value, 2007, Springer, pp. 3-32.

[2] Abraho, S. e Insfran, E. 2006. Early Usability Evaluation in Model-Driven Architecture Environments. 6th IEEE International Conference on Quality Software (QSIC 2006), Beijing, China. IEEE Computer Society, pp. 287-294.

[3] Atterer, R. y Schmidt, A. 2005. Adding Usability to Web Engineering Models and Tools. 5th Int. Conference on Web Engineering (ICWE 2005), Australia. Springer, pp. 3641.

[4] Blackmon, M.H., Polson, P.G., Kitajima, M. y Lewis, C. Cognitive walkthrough for the web. Proc. of the ACM conference on human factors in computing systems (CHI02), USA, 2002, pp. 463-470.

[5] Calero, C., Ruiz, J., y Piattini, M. 2005. Classifying Web metrics using the Web quality model. Online Information Review journal. Emerald Group. 29(3), pp. 227-248.

[6] Ceri, S., Fraternali, P., y Bongio, A. 2000. Web Modeling Language (WebML): A Modeling Language for Designing Web Sites. Proc. of the 9th WWW Conf. pp. 137-157.

[7] Cockton, G., Lavery, D., y Woolrychn, A. 2003. Inspection-based evaluations. Jacko, J.A., Sears, A., (Eds.), The Human-Computer Interaction Handbook, 2nd ed. Lawrence Erlbaum Associates, pp. 1171-1190.

[8] Conte, T., Massollar, J., Mendes, E., y Travassos, G. H. 2007. Usability Evaluation Based on Web Design Perspectives. 1st Int. Symposium on Empirical Software Engineering and Measurement (ESEM 2007), Spain, pp. 146-155.

[9] Fernandez, A., Insfran, E., y Abraho, S. 2009. Integrating a Usability Model into a Model-Driven Web Development Process. 10th Inter. Conference on Web Information Systems Engineering (WISE 2009), pp. 497-510, Springer.

[10] Fernndez, A., Insfrn, E. y Abraho, S. 2009. Towards a Usability Evaluation Process for Model-Driven Web Development. 2nd Int. Workshop on the Interplay between Usability Evaluation and Software Development (I-USED 2009), Sweden. CEURWS.org, ISSN 1613-0073.

[11] Gmez, J., Cachero, C., y Pastor, O. 2001. Conceptual Modeling of Device-Independent Web Applications. IEEE MultiMedia, 8(2), pp. 26-39.

[12] Insfran, E. y Fernndez, A. 2008. A systematic review of usability evaluation in Web development. 2nd International Workshop on Web Usability and Accessibility (IWWUA 2008), New Zealand, LNCS 5176, Springer, pp. 81-91.

[13] Ivory, M.Y. 2001. An Empirical Foundation for Automated Web Interface Evaluation. PhD Thesis, University of California, Berkeley, Computer Science Division.

[14] ISO/IEC. 2001. ISO/IEC 9126-1 Standard, Software Engineering, Product Quality. [15] ISO/IEC. 2005. ISO/IEC 25000 series, Software Engineering, Software Product Quality

Requirements and Evaluation (SQuaRE). [16] Juristo, N., Moreno, A., y Snchez-Segura, M.I. 2007. Guidelines for eliciting usability

functionalities. IEEE Transactions on Software Engineering, 33(11), pp. 744-758. [17] Leavit, M. y Shneiderman, B. 2006. Research-Based Web Design & Usability Guidelines.

U.S. Government Printing Office. [18] Molina, F. y Toval, J.A. 2009. Integrating usability requirements that can be evaluated in

design time into Model Driven Engineering of Web Information Systems. Advances in Engineering Software 40(12), pp.1306-1317.

[19] Neuwirth, C. M. y Regli, S. H. 2002. IEEE Internet Computing Special Issue on Usability and the Web, 6(2).


[20] Nielsen, J. 1994. Heuristic evaluation. Usability Inspection Methods (Eds. Nielsen, J., and Mack, R.L.), John Wiley & Sons, NY.

[21] Olsina, L. y Rossi, G. 2002. Measuring Web Application Quality with WebQEM. IEEE Multimedia, 9(4) pp. 20-29.

[22] OMG. 2008. Software Process Engineering Meta-model v2.0 (SPEM 2),Web: http://www.omg.org/technology/documents/ formal/spem.htm [lt. acceso: Mayo 2010]

[23] Offutt, J. 2002. Quality Attributes of Web Software Applications. IEEE Software: Special Issue on Software Engineering of Internet Software, pp. 2532.

[24] Panach, J., Condori-Fernndez, N., Valverde, F., Aquino, N., y Pastor, O. 2007. Towards an Early Usability Evaluation for Web Applications. International Conference on Software Process and Product Measurement. LNCS Springer Vol. 4895, 32-45.

[25] World Wide Web Consortium W3C: Web Content Accessibility Guidelines (WCAG) 2.0. Disponible en http://www.w3.org/TR/WCAG/ [lt. acceso: Mayo 2010]

Anexo A: Descripcin Genrica de Mtricas

Nombre Operaciones cancelables (OC).

Atributo Facilidad de uso / Controlabilidad / Soporte a la cancelacin

Descripcin genrica

Ratio entre el nmero de funciones u operaciones que no pueden ser canceladas por el usuario antes de su finalizacin y el nmero total de funciones u operaciones predispuestas a ser canceladas.

Rango valores Valor real entre 0 y 1.

Interpretacin Cuanto mayor es el valor, la aplicacin Web presenta peor controlabilidad ya que es necesario recurrir a acciones externas de la aplicacin Web (herramientas del navegador) para regresar a estados anteriores si hemos llegado a un estado donde queremos cancelar la interaccin en curso

Aplicable a nivel

PIM: si los modelos de navegacin expresan caminos de cancelacin. PSM: si los modelos de IU concretos expresan opciones de cancelacin. CM: si la interfaz de usuario final expresa opciones de cancelacin.

Nombre Proporcin de nombres significativos para enlaces (PNS)

Atributo Facilidad de aprendizaje / Predictibilidad / Enlaces significativos

Descripcin genrica

Ratio entre el nmero de enlaces con nombre no significativo y el total de enlaces en un mismo artefacto

Rango valores Valor real entre 0 y 1.

Interpretacin Valores cercanos a 0 indican que el usuario puede predecir correctamente el destino de los enlaces. Valores cercanos a 1 indicaran una falta de predictibilidad en los resultados esperados al seguir un enlace.

Aplicable a PIM: si los modelos de IU abstracta expresan los textos de los enlaces. PSM: si los modelos de IU concretos expresan los textos de los enlaces. CM: si la interfaz de usuario final muestra los textos de los enlaces.

Evaluación de Usabilidad para Aplicaciones Web

Documents

Transcript of Evaluación de Usabilidad para Aplicaciones Web