Prototipo de un sistema. interactivo de soporte y ayuda a los compradores de un centro. comercial de equipamiento del hogar

Transcripción

1 Prototipo de un sistema interactivo de soporte y ayuda a los compradores de un centro comercial de equipamiento del hogar Chema Lizano Lacasa. Miguel Ancho Morlans. IPO1-5

2 INDICE 1.- Descripción general Recogida de información Análisis Etnográfico...4 Estudio de la audiencia..6 Análisis de la competencia Análisis de la información Objetivos de la aplicación...11 Objetivos de usabilidad..16 Objetivos de accesibilidad Estudio de los dispositivos a utilizar Diseño: 1º prototipo y navegación Prototipo en papel. 33 Mapa de Navegación Diseño: Análisis de tareas y diálogos Análisis jerárquico de tareas..38 Casos de uso detallados y diagrama de secuencias Recorrido cognitivo Evaluación de la usabilidad del producto Diseño Final Gestión del proyecto

3 6. RECORRIDO COGNITIVO DATOS INICIALES: Para realizar el recorrido cognitivo se va a utilizar el prototipo en papel desarrollado en el apartado anterior. Con el prototipo en papel se presentará una tarea y se detallarán todos los pasos necesarios para completarla. Diseño de la interfaz El prototipo en papel contendrá las diferentes ventanas que le aparecerán en la interfaz de la aplicación en función de las opciones que el usuario elija. Para la realización del recorrido cognitivo se comenzara en la ventana inicial y se intentara que la compra sea finalizada de manera correcta y con la mayor brevedad de tiempo posible. Tarea a Realizar Para el recorrido cognitivo se seleccionara la tarea más representativa del sistema que servirá para comprobar la eficacia, eficiencia y usabilidad de la aplicación en un usuario. Esta tarea será: Buscar el sofá Kivic de dos plazas en el catálogo y añadirlo a la lista de la compra, eligiendo el color y las unidades deseadas (en este caso sólo existen unas medidas de dicho sofá, por lo tanto no se pueden elegir). Para ello el usuario partirá de la pantalla principal de la aplicación

4 EJECUCION El método de ejecución será el siguiente, el usuario realizará una acción (A.U.) y recibirá un resultado del sistema (R.S.). Evaluaremos cada acción mediante las siguientes preguntas: 1- El usuario ve que la acción está disponible? 2-Una vez que lo ve, sabe que es la acción que se necesita? 3- El efecto de la acción coincide con el objetivo del usuario? 4-Una vez ejecutada la acción, el usuario entiende el feedback? A.U-1 Seleccionar el botón catálogo, situado en el centro de la pantalla principal. R.S-1 Mostrar la pantalla de catálogo, en el que aparecen las distintas secciones disponibles, y la versión digital de catálogo de papel. A.U-2 Seleccionar la sección Salón R.S-2 Mostrar todos los productos pertenecientes a la sección salón. Cada producto se mostrará en un espacio cuadrado en la pantalla, similar a un botón grande, que contendrá una foto del producto, el nombre, algunas características y el precio. Evaluación: El usuario ve que la acción está disponible? Al ser una pantalla en la que aparece bastante más información, es posible que el usuario necesite más tiempo para encontrar la acción. A.U-3 Comprobar si el sofá Kivic de dos plazas aparece entre los producto mostrados (El sistema muestra un número limitado de productos en pantalla), si no es así pasar a la siguiente página de productos pulsando el botón siguiente que aparece en la parte inferior derecha de la pantalla, o simplemente deslizando el dedo por la pantalla de derecha a izquierda. R.S-3 En caso de que el usuario cambie de página, mostrar en pantalla otra tanda de productos pertenecientes a la sección. -La acción de usuario 3 se repite hasta que el sillón Kivic aparezca en pantalla. A.U-4 Pulsar sobre el cuadrado correspondiente al sillón Kivic

5 R.S-4 Mostrar una nueva pantalla, con una foto ampliada del producto, así como información más detallada del mismo (precio, medidas y colores disponibles, materiales, etc.) y el botón para añadir el producto a la lista de la compra. Evaluación: Una vez que el usuario ve la acción, Sabe que es la acción que necesita? No hay ninguna dificultad en ver el producto cuando aparece en pantalla, pues los iconos son lo suficientemente grandes, pero puede ser que el usuario necesite de un tiempo para darse de cuenta de que tiene que pulsar sobre él para acceder a la información detallada y a la posibilidad de añadirlo a la lista de la compra. A.U-5 Pulsar sobre el botón Añadir a la lista de la compra R.S-5 Añadir el producto a la lista de la compra, con unas unidades, medidas y color por defecto, y mostrar un mensaje en un recuadro en pantalla con el siguiente mensaje: Producto añadido correctamente, puede modificar las medidas, las unidades o el color elegido en cualquier momento accediendo a la lista de la compra y en botón aceptar. Evaluación: Una vez que el usuario ve la acción, Sabe que es la acción que necesita? El botón añadir se ve claramente, el problema puede surgir porque el usuario no sabe que podrá modificar las medidas, el color y las unidades del producto desde la lista de la compra antes de añadirlo. Y por tanto no sepa que debe añadir el producto para luego modificar sus atributos. A.U-6 Pulsar el botón aceptar en el cuadro de información que ha lanzado el sistema R.S-6 Eliminar el cuadro de información de la pantalla. A.U-7 Pulsar el botón de acceso directo a la lista de la compra, en la esquina superior derecha de la aplicación. R.S-7 Mostrar la lista de la compra, que contendrá el producto recién añadido

6 Evaluación: El usuario ve que la acción está disponible? Es posible que el usuario no vea que la acción esta disponible, al estar el botón situado en la esquina superior derecha, apartado del centro de la pantalla que es donde suelen fijar la vista los usuarios, y no ser de un tamaño llamativo. Una vez que el usuario ve la acción, Sabe que es la acción que necesita? Aunque el usuario vea el botón, si no se trata de un usuario con un mínimo de experiencia, es posible que no lo asocie con la acción de ir a la lista de la compra. A.U-8 Suponemos que el sofá Kivic de dos plazas aparece en pantalla, (Es posible que la lista contenga tantos productos que estos no quepan en pantalla y el usuario tenga que desplazarse hacia abajo). Seleccionar la pestaña deslizable correspondiente al color. R.S-8 Mostrar en un desplegable la lista de colores disponible. A.U-9 Elegir el color deseado de entre todos los mostrados. R.S-9 Cambiar el color al elegido por el usuario. A.U-10 Escribir en el campo de texto correspondiente a las unidades, las unidades deseadas. R.S-10 Cambiar el número de unidades del producto, y actualizar el precio. CONCLUSIONES: Tras obtener los resultados del recorrido cognitivo, decidimos realizar las siguientes modificaciones y correcciones al prototipo: 1-Decidimos ampliar el tamaño de los productos cuando se muestras en las diferente secciones, para que el usuario los distinga con mayor facilidad y rapidez. 2-Añadimos un mensaje de información la pantalla de añadir producto para informar al usuario de que podrá modificar las unidades, el color y las medidas del producto una vez lo haya añadido a la lista de la compra. 3-Aumentamos el tamaño de los botones de acceso directo (inicio, buscar, lista de la compra y configuración) para que sean más fáciles de ver

7 4-En el cuadro que lanza el sistema cuando añadimos un producto, para avisarnos de que ha sido añadido correctamente, incluimos la opción Modificar ahora, que lleva al usuario a ala lista de la compra para que modifique los atributos del producto recién añadido. 7. EVALUACION DE USABILIDAD DEL PRODUCTO SEGÚN NORMA ISO Ya expusimos en el apartado de Objetivos de usabilidad todo lo referente a la especificación de los usuarios, del entorno y de las tareas, siguiendo el modelo de la norma ISO , en este apartado utilizaremos esas especificaciones para evaluar la usabilidad del producto. Para ello realizaremos las tareas definidas en tal apartado sobre el prototipo desarrollado, y mediremos los tiempos para cada una de ellas. TAREAS: 1. AÑADIR UN PRODUCTO Después de realizar esta tarea sobre el prototipo, hemos obtenido unas medidas de tiempo Que se sitúan entre los 50 segundos y 1 minuto y 20 segundos. Hay que tener en cuenta que las pruebas han sido realizadas teniendo claro el producto a añadir, y buscando concretamente ese producto. A este tiempo habría que añadirle el retraso inherente a la obtención de los datos del catálogo desde la base de datos por parte de la aplicación. 2. BORRAR UN PRODUCTO Tras llevar a cabo esta tarea sobre el prototipo, el tiempo que se ha obtenido varia entre los 15 y los 30 segundos, teniendo en cuenta que partimos desde la pantalla de inicio y tenemos claro que producto queremos borrar

8 3. MODIFICAR UN PRODUCTO YA AÑADIDO A LA LISTA El tiempo que hemos obtenido en esta tarea varía entre los 25 y los 40 segundos. Hay que tener en cuenta a la hora de analizar estos tiempos, que hemos sabíamos que producto queríamos modificar y cuales eran los nuevos valores que queríamos para los atributos. 4. BUSCAR UN PRODUCTO No hemos podido evaluar esta tarea un profundidad, pues nuestro prototipo no contaba con un catálogo completo de productos sobre el que buscar. Así pues sólo podemos ofrecer una estimación del tiempo. Teniendo en cuenta el tiempo empleado en buscar el producto en la tarea añadir producto establecemos este tiempo entre el minuto y medio y los dos minutos. A este tiempo habría que añadirle el tiempo que le cuesta a la aplicación obtener los datos de los productos de la base de datos. 5. CONSULTAR LA UBICACIÓN DE UN PRODUCTO EN EL ALMACÉN Los tiempos obtenidos varían entre los 15 y los 30 segundos. A este tiempo habría que añadirle el empleado por la aplicación en mostrar el mapa del recinto y ubicar los productos en él. Tras realizar estas medidas, nos hemos dado cuenta de que nuestras estimaciones iniciales en el apartado usabilidad eran en algunos casos demasiado grandes, por lo que procedimos ajustarlas un poco más

9 8-DISEÑO FINAL

10 - 60 -

11 - 61 -

12 - 62 -

13 - 63 -

14 - 64 -

15 - 65 -

16 - 66 -

17 - 67 -

18 - 68 -

19 - 69 -

20 - 70 -

21 9-GESTIÓN DEL PROYECTO. Para la realización del proyecto se pusieron todas las ideas en común y por lo tanto siempre uno tenía en cuenta todas las partes, aunque fuesen realizadas por el otro. Las partes a las que se dedico cada siguientes: componente del grupo en concreto son las Chema se encargo del análisis etnográfico, estudio de la audiencia, objetivos de la aplicación, objetivos de usabilidad, casos de uso detallados y mapa de navegación. Miguel se encargo del análisis de la competencia, objetivos de accesibilidad, estudio de los dispositivos a utilizar, casos de uso y análisis jerárquico de tareas y del diseño final. Las partes que se hicieron comunes y en las cuales había que estar totalmente de acuerdo para la realización del proyecto fueron el prototipo en papel, diagrama de secuencias, casos de uso, recorrido cognitivo y evaluación de la usabilidad. Las diferentes pantallas en axure se realizaron también entre los dos