Métodos De Evaluación De Usabilidad Para Aplicaciones Web . - Pucv

Transcription

PONTIFICIA UNIVERSIDAD CATÓLICA DE VALPARAÍSOFACULTAD DE INGENIERÍAESCUELA DE INGENIERÍA INFORMÁTICAMÉTODOS DE EVALUACIÓN DE USABILIDAD PARAAPLICACIONES WEB TRANSACCIONALESMANUEL FELIPE LÓPEZ CISTERNASINFORME FINAL DEL PROYECTOPARA OPTAR AL TÍTULO PROFESIONAL DEINGENIERO CIVIL EN INFORMÁTICAJUNIO 2012

Pontificia Universidad Católica de Valparaíso - ChileFacultad de IngenieríaEscuela de Ingeniería InformáticaMÉTODOS DE EVALUACIÓN DE USABILIDAD PARAAPLICACIONES WEB TRANSACCIONALESMANUEL FELIPE LÓPEZ CISTERNASProfesor Guía: Rodolfo Villarroel AcevedoCarrera: Ingeniería Civil InformáticaJunio 2012

Dedico mi trabajo a mi familia y amigosespecialmente a mis padres, que desde niñome entregaron las herramientas para lograr mis objetivos.

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesÍndiceResumen . ivAbstract . ivGlosario de términos . vLista de Figuras . viLista de Tablas . vii1 Introducción . 11.1 Discusión bibliográfica . 21.2 Descripción del problema . 22 Definición del proyecto . 42.1 Objetivos del proyecto . 42.1.1 Objetivo general . 42.1.2 Objetivos específicos . 42.2 Plan de trabajo . 43 Aplicaciones web . 63.1 Evolución de las aplicaciones web . 64 Usabilidad . 104.1 ¿Qué es la usabilidad? . 104.2 ¿Por qué es importante la usabilidad? . 124.3 Usabilidad en la web . 134.4 Problemas de usabilidad en la web . 144.5 Beneficios que aporta la usabilidad en la web . 154.6 Métodos de inspección de usabilidad . 154.6.1 Evaluación heurística . 164.6.2 Recorrido cognitivo . 204.6.3 Análisis de acciones . 214.6.4 Revisión de guías y reglas . 234.7 Métodos de prueba de usabilidad . 244.7.1 Pruebas en papel . 264.7.2 Pensando en voz alta . 274.7.3 Interacción constructiva . 28Página i

Métodos de Evaluación de Usabilidad para Aplicaciones Web Transaccionales4.7.4 Experimentos formales . 284.7.5 Técnicas de interrogación . 294.7.6 Ordenamiento de tarjetas . 295 Comparación de los métodos de evaluación de usabilidad. 305.1 Metodología de evaluación de usabilidad para aplicaciones web transaccionales . 366 Métodos de evaluación de usabilidad en aplicaciones web transaccionales en la práctica. . 416.1 Casos de estudio . 416.2 Caso de estudio: BitTorrent Traker Chile “ChileBT” . 446.2.1 Evaluación heurística . 446.2.2 Pruebas en papel . 526.2.3 Ordenamiento de tarjetas . 556.2.4 Pensando en voz alta . 576.2.5 Interacción constructiva . 596.2.6 Experimentos formales . 616.2.7 Técnicas de interrogación . 646.2.8 Análisis de resultados . 666.3 Consideraciones de la metodología estudiada. 737 Propuesta de mejoras a la metodología estudiada . 767.1 Principios heurísticos estudiados . 767.1.1 Principios heurísticos de Tognazzini para la web . 767.1.2 Principios heurísticos de Instone para la web . 777.1.3 Principios heurísticos de Pierotti . 787.2 Evaluaciones heurísticas realizadas . 787.2.1 Evaluación heurística sitio web PcFactory. 797.2.2 Evaluación heurística sitio web ChileBT . 827.2.3 Evaluación heurística sitio web Ripley . 877.3 Propuesta de mejora a la metodología . 918 Validación de la propuesta de mejoras. . 978.1 Evaluación heurística sitio web Falabella . 979 Conclusiones . 10110 Bibliografía . 103Anexo 1: Documento Evaluación Heurística para Evaluadores . 105Anexo 2: Acuerdo de Confidencialidad . 114Página ii

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesAnexo 3: Evaluación Heurística Sitio web ChileBT. . 116Anexo 4: Listado de Tareas Experimentos Formales Sitio web ChileBT . 118Anexo 5: Cuestionario Sitio web ChileBT . 121Anexo 6: Evaluación Heurística Sitio web PcFactory. 123Anexo 7: Evaluación Heurística Sitio web ChileBT . 126Anexo 8: Evaluación Heurística Sitio web Ripley . 129Anexo 9: Evaluación Heurística Sitio web Falabella . 131Página iii

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesResumenLa usabilidad es considerada, hoy en día, como un importante atributo de calidad de sistemassoftware, con gran énfasis en los sistemas interactivos, ganándose un puesto entre atributosmás tradicionales como el rendimiento y la fiabilidad. Este concepto engloba un conjunto demétodos y principios, con los que se busca obtener sistemas fáciles de usar y de aprender porparte de los usuarios. Para lograr evaluar la usabilidad, se dispone de diversos métodos, loscuales se pueden llevar a cabo según variables como los costos, recursos humanos,disponibilidad de tiempo, entre otros. Esta investigación se enfocará en el estudio de losdiversos métodos de evaluación existentes con el fin de validar una metodología de evaluaciónde usabilidad en aplicaciones web transaccionales presentada en un trabajo anterior de laEscuela.Palabras-clave: Usabilidad, Metodología de Evaluación de Usabilidad, Aplicaciones WebTransaccionales.AbstractToday, usability is considered as important quality attribute of software systems, specially oninteractive systems, earning a place among other more traditional attributes such asperformance and reliability. This concept includes a set of methods and principles, whichseeks systems easy to use and learn from users. To evaluate the usability, there are severalmethods that can be carried out according to variables such as cost, human resources, timeavailability, among others. This research will focus on the study of usability evaluationmethods in order to validate a methodology of usability evaluation in transactional webapplications presented in a previous work of the School.Keywords: Usability, Methodology of Usability Evaluation, Transactional Web Applications.Página iv

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesGlosario de términosAplicación: En informática, es un tipo de programa informático diseñado como herramientapara permitir al usuario uno o diversos tipos de trabajo.Link o Enlace: Referencia que conecta dos nodos en la web, usando fuentes y áreas dedestino únicas con esos nodos.Metodología: Conjunto de métodos que se siguen en una investigación o en una exposicióndoctrinal.Minimalista: Que utiliza elementos mínimos y básicos, como colores puros, formasgeométricas simples, lenguaje sencillo, etc.Regla: Aquello que debe cumplirse, porque previamente fue convenido por una colectividad.Subjetividad: Se presenta cuando se actúa basado en los sentimientos personales, como laintuición, y no en la observación o razonamiento y puede estar influenciado por ideas previas.Torrent: Protocolo diseñado para el intercambio de archivos de igual a igual (peer-to-peer oP2P).Transacción: En informática, es una interacción con una estructura de datos compleja,compuesta por varios procesos que se han de aplicar uno después de otro.Página v

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesLista de FigurasFigura 3.1: Evolución de las aplicaciones web. . 7Figura 4.1: Influencia de la usabilidad en la lealtad del usuario. . 14Figura 4.2: Cantidad de evaluadores v/s problemas hallados. . 17Figura 4.3: Extracto de documento de revisión de guías y reglas. . 23Figura 4.4: Ejemplo de prueba en papel. 27Figura 5.1: Evaluación global. . 37Figura 5.2: Evaluación específica. . 38Figura 5.3: Factor tiempo no es crítico. . 38Figura 6.1: Vista página de inicio sitio web PC Factory. 42Figura 6.2: Vista página de inicio sitio web LAN. . 43Figura 6.3: Vista página de inicio sitio web ChileBT. . 43Figura 6.4: Página de torrents disponibles en ChileBT. . 53Figura 6.5: Página de detalles del torrent. . 54Figura 6.6: Mensaje de error al realizar una búsqueda. . 57Figura 6.7: Iconos poco representativos. 58Figura 7.1: Vista página principal sitio web Pc Factory. . 79Figura 7.2: Página principal sitio web ChileBT. . 83Figura 7.3: Página principal sitio web Ripley. . 87Figura 8.1: Página principal sitio web de Falabella. . 97Página vi

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesLista de TablasTabla 2.1: Etapas del proyecto. . 5Tabla 3.1: Categorías de aplicaciones web. . 8Tabla 4.1: Medición de atributos de usabilidad. . 11Tabla 4.2: Escala de severidad. . 18Tabla 4.3: Escala de frecuencia. . 18Tabla 4.4: Tiempos promedio de un análisis de acciones típico. . 22Tabla 5.1: Ventajas y desventajas de los métodos de evaluación de usabilidad. . 30Tabla 5.2: Comparación de los métodos de inspección de usabilidad. . 34Tabla 5.3: Comparación de los métodos de prueba de usabilidad. . 35Tabla 6.1: Principios de usabilidad en aplicaciones web transaccionales . 45Tabla 6.2: Problemas encontrados en la evaluación heurística. . 46Tabla 6.3: Problemas encontrados en la evaluación heurística por principio violado. . 48Tabla 6.4: Problemas según principios incumplidos. . 49Tabla 6.5: Ranking de problemas según criticidad. . 50Tabla 6.6: Agrupación actual de "tarjetas" sitio web ChileBT. . 56Tabla 6.7: Problemas Identificados con el pensamiento en voz alta. 58Tabla 6.8: Problemas identificados con interacción constructiva. . 60Tabla 6.9: Definición de tareas para los experimentos formales. . 62Tabla 6.10: Resultados del experimento formal. . 63Tabla 6.11: Preguntas del cuestionario. . 65Tabla 6.12: Promedio de las respuestas del cuestionario. . 66Tabla 6.13: Tiempos involucrados. . 69Tabla 6.14: Tiempos involucrados según la escala de tiempo. . 70Tabla 6.15: Problemas de evaluación heuristica confirmados por métodos de prueba. . 71Tabla 7.1: Problemas encontrados en la evaluación heurística sitio web Pc Factory. . 80Tabla 7.2: Problemas según promedio de criticidad sitio web Pc Factory. . 82Tabla 7.3: Problemas encontrados en la evaluación heurística sitio web ChileBT. . 84Tabla 7.4: Problemas según promedio de criticidad sitio web ChileBT. . 86Tabla 7.5: Problemas encontrados en la evaluación heurística sitio web Ripley. . 88Tabla 7.6: Problemas según promedio de criticidad sitio web Ripley. . 90Tabla 7.7: Consideraciones para las app. web transaccionales. . 92Tabla 7.8: Importancia de las consideraciones para app. web transaccionales. . 95Tabla 8.1: Problemas encontrados en la evaluación heurística sitio web Falabella. . 98Página vii

Métodos de Evaluación de Usabilidad para Aplicaciones Web Transaccionales1 IntroducciónHasta hace no mucho tiempo, la mayoría de las tareas que se realizaban en uncomputador, eran mediante aplicaciones instaladas. Poco a poco, el uso de internet ha idoganando terreno con aplicaciones que han ido sustituyendo estas aplicaciones instaladas en losequipos, por aplicaciones web que se ejecutan directamente en un navegador web, sin lanecesidad de instalación.Posteriormente, con el gran aumento del uso de Internet, diversas empresas y negociosse vieron en la necesidad de migrar a este tipo de aplicaciones, permitiendo a los usuarios,realizar todo tipo de actividades a través de la red. De este modo, se pueden encontraraplicaciones web para realizar compras, transacciones bancarias, búsqueda de información,entre otros, todas éstas clasificadas dentro del grupo de las aplicaciones web transaccionales.Sin duda alguna, este tipo de aplicaciones web favorece en gran medida a los usuarios,debido a que muchos de los trámites que anteriormente requerían la presencia de éstos enalgún lugar físico, se pueden realizar desde la comodidad de sus hogares, lo que significa unahorro de tiempo significativo.Por otra parte, estas comodidades que se entregan, hacen que cada vez más usuariosquieran hacer uso de estas aplicaciones, por lo que su diseño debe estar pensado para quecualquier persona sea capaz de utilizarlo sin problemas. Es aquí donde entra en juego lausabilidad.La Usabilidad, es la medida en que un producto se puede usar por determinadosusuarios para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en uncontexto de uso determinado (Granollers, Lorés & Cañas, 2005). Distintos investigadores hanpostulado definiciones y comentarios relacionados a este término, enfocadas en distintosámbitos.Jakob Nielsen, uno de los gurús a nivel mundial de la usabilidad, la define de lasiguiente manera: “La utilidad de un sistema en cuanto a medio para conseguir un objetivo,tiene un componente de funcionalidad (utilidad funcional) y otro basado en el modo en quelos usuarios pueden usar esta funcionalidad” (Floría, 2000)La definición de la usabilidad va desde frases muy elaboradas, como la vistaanteriormente, a frases como la de Kristoffer Bohmann (Bohmann, 2001): “La usabilidad esque los usuarios puedan completar sus tareas” o como lo resume Steve Krug en el título de sulibro de usabilidad: “No me hagas pensar” (Krug, 2006). Pero todas éstas se enmarcan dentrode un objetivo común, el usuario y la forma en que lleva a cabo sus tareas.Hoy en día, el concepto de Usabilidad va ganando cada vez más terreno y esconsiderado uno de los atributos básicos de todo sistema software interactivo. Ha pasado deser un término utilizado por grupos de investigadores y algunos desarrolladores de software, aser parte del vocabulario común en muchas áreas, sobre todo las que se relacionan con lainformática.Página 1

Métodos de Evaluación de Usabilidad para Aplicaciones Web Transaccionales1.1 Discusión bibliográficaEn la publicación española “Anuario ThinkEPI” del año 2007 (Marcos, 2007), sepresenta un artículo llamado “La usabilidad en España, un boom muy necesario”, donde laautora da a conocer la experiencia de la usabilidad en dicho país y todo lo que ha significadoel creciente interés por esta disciplina. Como bien se explica, este artículo se refiereprincipalmente a la experiencia vivida en España, pero como lo dice la propia autora, esperfectamente ajustable a cualquier otro país.El concepto usabilidad de un sistema software (Nielsen, 93) tiene dos componentesprincipales, una se refiere al aspecto funcional del sistema y la otra a cómo los usuariospueden usar dicha funcionalidad (Floría, 2000).La Organización Internacional para la Estandarización (ISO) ofrece dos definiciones deusabilidad. La primera (ISO/IEC 9126) se centra en productos de software y la segunda (ISO9241), usada más habitualmente, puede aplicarse a cualquier objeto o sistema, sea o no desoftware. Ambas se detallan a continuación.La norma ISO/IEC 9126 dice que “la usabilidad se refiere a la capacidad de unsoftware de ser comprendido, aprendido, usado y ser atractivo para el usuario, encondiciones específicas de uso”. Esta definición enfatiza los atributos internos y externos delproducto. Por otra parte, la norma ISO 9241, dice que “la usabilidad es la medida en que unproducto se puede usar por determinados usuarios para conseguir objetivos específicos conefectividad, eficiencia y satisfacción en un contexto de uso específico”. Esta definición estácentrada más en el concepto de calidad en el uso, en cómo el usuario realiza tareas específicasen escenarios específicos con efectividad (Reyes Gómez, 2004).Según Bevan (1994), la usabilidad no se puede valorar por si sola estudiando unproducto de manera aislada, sino que hay que tener en cuenta a los usuarios que lo utilizarán.Tomando en cuenta las aplicaciones web, la usabilidad se puede definir como “la facilidad, elnivel de uso o el grado en el que una página web, una aplicación informática o cualquier otrosistema interactúe con un usuario” (Reyes Gómez, 2004).1.2 Descripción del problemaExisten diversos métodos para lograr evaluar la usabilidad. La aplicación de estosdiversos métodos, depende de diversas variables, entre las que se pueden nombrar los costos,la disponibilidad de tiempo, los recursos humanos necesarios para la interpretación yrealización de estos métodos, entre otras.Los distintos métodos de evaluación de la usabilidad se pueden clasificar en dos grandesgrupos: métodos de inspección de usabilidad, que son realizados por analistas y expertos enusabilidad, y métodos de prueba de usabilidad, que permiten realizar pruebas empíricas deldiseño de la interfaz con usuarios representativos.Página 2

Métodos de Evaluación de Usabilidad para Aplicaciones Web TransaccionalesCada uno de estos métodos de evaluación de usabilidad, pueden llevarse a cabo endistintas etapas del desarrollo del sistema software, por lo que entregarán distintasperspectivas de cómo se van o no cumpliendo con los principios de usabilidad. Por otro lado,se producen diferencias significativas en los tiempos necesarios para llevar a cabo ciertométodo, los recursos que se utilizan, la cantidad de expertos y usuarios de prueba, entre otros.En el año 2008, en su tesis de Magíster presentada en la Escuela de IngenieríaInformática de la Pontificia Universidad Católica de Valparaíso, Renato Otaiza formuló unaMetodología de Evaluación de Usabilidad para Aplicaciones Web Transaccionales (Otaiza,2008).La finalidad de este trabajo, es validar dicha metodología realizando una evaluación delos métodos utilizados y, a su vez, considerar otros métodos que pudieron no ser utilizados almomento de postular la metodología. De esta forma, una vez realizado el trabajo, sería posiblellegar a la conclusión de que la metodología postulada es válida para evaluar la usabilidad enaplicaciones web transaccionales o realizar propuestas para mejorar dicha metodologíaaplicando otros métodos de evaluación de usabilidad.Página 3

Métodos de Evaluación de Usabilidad para Aplicaciones Web Transaccionales2 Definición del proyecto2.1 Objetivos del proyectoPara este proyecto se ha definido un objetivo general y cinco objetivos específicos. Alcumplir con cada objetivo específico definido, se irá marcando el camino para que el proyectologre alcanzar el objetivo general y así llegar a buen término con la investigación.2.1.1 Objetivo generalxValidar una metodología de evaluación de usabilidad para aplicaciones webtransaccionales.2.1.2 Objetivos específicosxxxxxAnalizar principios y métodos de evaluación de usabilidad.Analizar la metodología de evaluación de usabilidad para sitios webtransaccionales a validar.Aplicar los métodos de evaluación de usabilidad a nuevos casos de estudio.Comparar los resultados obtenidos con los postulados en la metodología deevaluación de usabilidad para aplicaciones web transaccionales.Proponer posibles cambios a la metodología.2.2 Plan de trabajoLas etapas involucradas en la realización de esta investigación son las siguientes:x 1ra etapa:Formulación del proyecto.x 2da etapa:Estudio del estado del arte asociado.x 3ra etapa:Aplicación de los métodos de evaluación de usabilidadseleccionados, en los casos de estudio.x 4ta etapa:Validación y/o presentación de mejoras a la metodología deevaluación de usabilidad para aplicaciones web transaccionales.x 5ta etapa:Conclusiones del trabajo realizado.La primera etapa está relacionada con la definición del proyecto. En este punto sedefinen los temas que se abordarán. Se analiza la problemática y la forma de abordarla.En la segunda etapa, se recopila la información relacionada con el tema del proyecto.Aquí se estudiarán los temas relacionados a la investigación.Posteriormente, en la tercera etapa, se procede a aplicar los métodos de evaluación deusabilidad considerados, sobre los nuevos casos de estudio. Para esto se debe considerar laPágina 4

Métodos de Evaluación de Usabilidad para Aplicaciones Web Transaccionalespreparación de cada una de las pruebas a realizar, la aplicación de éstas, la recopilación deinformación y el análisis de los resultados obtenidos.Luego, en la cuarta etapa, se presentarán los resultados obtenidos en la etapa anterior ydependiendo de éstos, se evaluará la validez de la metodología y/o se presentarán posiblesmejoras a implementar.Finalmente, en la quinta etapa, se presentarán los resultados finales de la investigación ylas conclusiones que se pudieron obtener luego de realizar el trabajo.En la tabla 2.1 se muestran las actividades relacionadas a cada etapa del proyecto.Tabla 2.1: Etapas del proyecto.EtapaActividades1ra etapa:Formulación del proyectoxFormulación del proyecto (descripción del tema,definición de objetivos, metodología y plan detrabajo)2daEstudio del estado del arte asociadoxInvestigar sobre los principios, métodos ymetodologías de evaluación de usabilidad.Estudiar tipos de aplicaciones web, con énfasisen las aplicaciones web transaccionales.Estudiar la metodología de evaluación deusabilidad para aplicaciones web transaccionalesa validar.etapa:xx3raetapa:Aplicación de la metodología deevaluación de usabilidad paraaplicaciones web transaccionalessobre los casos de estudioxxxx4ta5taetapa:etapa:Validación y/o presentación demejoras a la metodología deevaluación de usabilidad paraaplicaciones web transaccionales.Conclusiones del trabajo realizadoxDiseño de pruebas a realizar sobre los casos deestudio.Realizar pruebas piloto sobre los casos deestudio.Aplicar la metodología de evaluación deusabilidad para aplicaciones web transaccionalessobre los casos de estudio.Procesar la información obtenida en las pruebasrealizadas.xFormular lista de guías y reglas de usabilidadpara aplicaciones web transaccionalesValidar la metodología y/o presentar las mejorasque surgieron durante la investigación.Validar las mejoras.xPresentar conclusiones del proyecto.xPágina 5

Métodos de Evaluación de Usabilidad para Aplicaciones Web Transaccionales3 Aplicaciones webHasta no hace mucho, todas las tareas que se realizaban en un computador, se hacían através de las aplicaciones instaladas. Pero poco a poco, Internet ha ido ganando terreno con laaparición de páginas web que son capaces de sustituir las aplicaciones instaladas, por lo que sepueden utilizar accediendo desde cualquier

aplicaciones web para realizar compras, transacciones bancarias, búsqueda de información, entre otros, todas éstas clasificadas dentro del grupo de las aplicaciones web transaccionales. Sin duda alguna, este tipo de aplicaciones web favorece en gran medida a los usuarios,