ANÁLISIS DE USABILIDAD Y DISEÑO DE UN SUPERMERCADO ONLINE - UOC

AN?LISIS DE USABILIDAD Y DISE?O DE UN SUPERMERCADO ONLINE

Trabajo de Fin de Carrera en

Interacci?n Humana con los Ordenadores

para la obtenci?n del t?tulo de Ingeniero T?cnico en Inform?tica de Gesti?n

dirigido por Antonio Rodr?guez Guti?rrez y realizado por Marc Guasch Moix el 12 de Diciembre de 2011

RESUMEN

En este trabajo se realiza un estudio de usabilidad para la elaboraci?n ?ptima de una Web de un supermercado de alimentaci?n online. Para tal fin, se sigue la filosof?a del Dise?o Centrado en el Usuario. En primer lugar, se presenta un an?lisis del proble- ma de cara a identificar los requisitos b?sicos de usabilidad que necesita una Web de esta tipolog?a: se estudia la literatura previa sobre el tema, se consulta a los usuarios y se realiza un an?lisis comparativo de las principales Webs de supermercados online de ?mbito nacional. En segundo lugar, se procede a la elaboraci?n de un prototipo basado en la informaci?n recogida en la fase de an?lisis, y teniendo en cuenta la estructura mental de los usuarios en cuanto a la organizaci?n de los productos, obtenida median- te la t?cnica del card sorting. Finalmente, se procede a evaluar la calidad del prototipo elaborado con una evaluaci?n heur?stica llevada a cabo por expertos. De todo ello se obtienen una serie de recomendaciones que todo sitio Web de comercio electr?nico (en especial supermercados de alimentaci?n) deber?a cumplir si quiere ofrecer una Web adaptada a las necesidades del usuario.

Palabras clave: usabilidad, DCU, supermercado, comercio electr?nico, benchmarking, card sorting, evaluaci?n heur?stica.

?rea: Interacci?n Humana con los Ordenadores.

?NDICE DE CONTENIDOS

Cap?tulo 1: Introducci?n

1.1.- Descripci?n del trabajo .................................................................................... 1 Justificaci?n .......................................................................................................... 1 Descripci?n ........................................................................................................... 2

1.2.- Objetivos .......................................................................................................... 3 Objetivo general ................................................................................................... 3 Objetivos espec?ficos ............................................................................................ 3

1.3.- Enfoque y m?todo ........................................................................................... 4 1.4.- Planificaci?n ..................................................................................................... 5 1.5.- Breve descripci?n de la memoria .................................................................... 9

Cap?tulo 2: An?lisis

2.1.- Introducci?n ..................................................................................................... 10 2.2.- Estudio de la literatura previa ......................................................................... 10 2.3.- Entrevistas individuales, personas y escenarios ............................................ 15

Preguntando a los interesados ............................................................................ 15 Personas ............................................................................................................... 18 Escenarios ............................................................................................................ 22 2.4.- An?lisis comparativo de los principales supermercados online .................... 23 Introducci?n ......................................................................................................... 23 Los criterios .......................................................................................................... 23 Los supermercados ............................................................................................... 26 An?lisis y resultados ............................................................................................. 27

Cap?tulo 3: Dise?o

3.1.- Agrupamiento de tarjetas (Card Sorting) ....................................................... 34 Justificaci?n de la t?cnica ..................................................................................... 34 Planteamiento del agrupamiento de tarjetas ..................................................... 36 Procedimiento ...................................................................................................... 38 Resultados y conclusiones .................................................................................... 40

3.2.- Creaci?n del prototipo ..................................................................................... 44 P?gina de entrada ................................................................................................ 45 P?gina de compra ................................................................................................ 47 P?gina resumen del carrito .................................................................................. 50 P?gina de confirmaci?n de los datos de env?o ..................................................... 51 P?gina de selecci?n del tramo de entrega ........................................................... 52 P?gina de selecci?n de la forma de pago ............................................................ 53

Cap?tulo 4: Evaluaci?n

4.1.- Elecci?n del m?todo de evaluaci?n del prototipo .......................................... 54 4.2.- Evaluaci?n heur?stica ....................................................................................... 54

Los criterios de evaluaci?n ................................................................................... 54 La opini?n experta ............................................................................................... 56 Conclusi?n de la evaluaci?n ................................................................................. 57

Cap?tulo 5: Conclusiones y l?neas de futuro

5.1.- Conclusiones finales ........................................................................................ 58 5.2.- L?neas de trabajo futuras ................................................................................. 59

Glosario de t?rminos ............................................................................ 61 Referencias ........................................................................................... 64

?NDICE DE FIGURAS

Figura 1: Esquema del proceso de trabajo (adaptado de Garreta y Mor, 2011) ... 5 Figura 2: Tabla de planificaci?n semestral .................................................... 7 Figura 3: Calendario de planificaci?n semestral ............................................. 8 Figura 4: Tabla de criterios de valoraci?n para el benchmarking ....................... 26 Figura 5: Tabla de resultados del an?lisis de benchmarking ............................. 30 Figura 6: Tabla de resultados cuantitativos del an?lisis comparativo ................. 31 Figura 7: Interfaz de la tarea de agrupamiento de tarjetas............................... 39 Figura 8: Matriz ?tem X ?tem resultado del Card Sorting .................................. 41 Figura 9: Dendrograma.............................................................................. 43 Figura 10: Prototipo de la p?gina de entrada a la Web ................................... 45 Figura 11: Prototipo de la p?gina de compra de los productos ......................... 47 Figura 12: Prototipo de la p?gina resumen del carrito de la compra.................. 50 Figura 13: Prototipo de la p?gina de confirmaci?n de los datos de env?o ........... 51 Figura 14: Prototipo de la p?gina de selecci?n del tramo de entrega................. 52 Figura 15: Prototipo de la p?gina de selecci?n de la forma de pago .................. 53

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download