Test de Usabilidad II

Durante esta semana estoy diseñando las pantallas correspondientes al Administrador y Súper-Administrador. Así en el próximo UC, haremos un "Cognitive Walk-through".

Quiero probar que una persona es capaz de crear una tienda con sus colas correspondientes, así como crear los usuarios que trabajarán en las mismas.

Pantalla inicial, autentificación del usuario:

A continuación la pantalla inicial de cada tipo de usuario (administrador y súper administrador), difieren un poquito en el texto de bienvenida y en las opciones del menú, quiero saber qué os parecen dichas opciones:

- Administrador: cuando pongo en el menú "Gestionar" es porque tienes las opciones de crear, borrar y modificar. Me pareció buena idea para no tener un menú muy amplio.

- Super Administrador: lo enfoqué no en poder hacer todas las tareas del administrador más las suyas, sino que fuese el encargado de gestionar tanto los administradores como los establecimientos.

Opción Gestionar colas:

Opción Gestionar usuarios: le última columna "colas asignadas" es una lista desplegable, puesto que un usuario podrá trabajar atender diferentes colas.

En cuanto a la gestión de administradores y establecimientos, opciones del súper administrador, no las publico, puesto que son iguales a estas dos anteriores. En el caso del establecimiento, los campos serían: identificador y nombre; y del administrador: identificador, nombre de usuario y establecimiento asignado.

Por último, voy a subir una imagen de cuando creo un usuario, tengo alguna duda, había decidido al nombre de usuario siempre añadir al final el nombre de la tienda, de esta forma habría mayor posibilidad de nombres de usuario en el sistema, pero me encuentro con el problema de que el administrador cambie el nombre de la tienda... ¿podría restringir a la modificación del nombre de la tienda sólo una vez? o bien, ¿sólo permitir la modificación del nombre de la tienda cuando no haya usuarios creados para la misma?

No he subido más imágenes, esta es una breve muestra, en el próximo UC las llevaré todas.

Estoy mirando algún que otro enlace para el desarrollo de las siguientes páginas, entre ellos están:

http://www.poynterextra.org/eyetrack2004/main-spanish.htm
http://www.guiabreve.com/sidebar-a-la-izquierda-derecha-ambos-o-ninguno.htm

Conclusiones Test Usabilidad I

Tras el test de usabilidad del jueves pasado he realizado diversos cambios atendiendo a las ideas aportadas por los integrantes del grupo.

Comenzaré por la Web del Dependiente:

- He suprimido en todas las pantallas el cambio de idioma, trasladando este a la opción de configuración, siempre lo más grande posible y con las banderas a su lado.

- Una vez que un usuario se identifica vemos que en las siguientes pantallas aparece siempre visible en la parte superior dos opciones que son "Configuración" y "Desconectarse".

- En la segunda pantalla, donde un usuario selecciona la cola donde trabajará, he eliminado el botón de cancelar porque no tenía mucho sentido...

- En la tercera captura, se ha decidido dejar el botón del color por defecto al generarlo en html, ya que el usuario estará durante varias hora utilizándolo y ese es un color que no cansa la vista.

- Por último, el mencionado botón estará desactivado mientras se superpone una cuenta atrás que será el tiempo en el que el dependiente deberá esperar a que llegue el cliente.

En cuanto a la Aplicación del Cliente:

- Tras mis dudas en la colocación del botón "Aceptar", en la pantalla donde el cliente introduce el código del establecimiento, ha quedado como en un principio, puesto que sería raro tener luego las opciones al lado derecho.

- Cuando seleccionamos el botón "Opciones", pasamos al segundo dibujo, donde vemos que se ha añadido una nueva pestaña, "Avisos", que en la tercera pantalla está desplegada. Sirve para que un usuario decida cuando quiere que la aplicación le avise del momento de ser atendido (Dependiendo de las personas que queden delante y/o el tiempo). En esta pantalla espero vuestras opiniones.

- Como podemos ver en la segunda página, en concreto en la tercera pantalla, vemos que se ha modificado la columna del medio, donde ahora muestra el número de personas que quedan delante de un cliente para ser atendido; a esto se la ha sumado dos iconos para que sea más comprensible. Espero vuestras opiniones aquí también.

- Para finalizar, en la última pantalla de la segunda página, se ha modificado los campos, ahora mismo podemos ver (de derecha a izquierda), el turno actual de la cola, mi propio turno, el tiempo mínimo de espera, el tiempo medio de espera y abajo del todo mi número de referencia del ticket, este último surge por si hay reclamaciones.

Test de Usabilidad I

En este próximo UC quería evaluar las pantallas elaboradas con lápiz y papel de la aplicación que estoy desarrollando, en concreto de una aplicación cliente y otra de una aplicación web.

Está destinada a un grupo de personas, de manera que quiero obtener vuestra opinión para ver si se ajusta a las normas de accesibilidad y usabilidad. Debemos de tener en cuenta que va destinada a todo tipo de usuarios, sobre todo para personas con deficiencias tanto visuales como auditivas.

A la hora de la elección de los colores me han gustado mucho estos enlaces:
- http://www.mariaclaudiacortes.com/colors/Colors.html
- http://www.exitoweb.es/blog/?p=13

En cuanto a la situación de los elementos me he fijado en diferentes aplicaciones ya existentes en el mercado y un seguí un poco mi instinto (junto con correcciones ya realizadas debido a consejos de compañeros del grupo).

En primer lugar os muestro la interfaz del "tendero", aquella persona que se encargará de atender a los clientes en un establecimiento; este tendero debe registrarse para ver a que listas de espera tiene acceso y elegir la adecuada.

Tengo algunas dudas:

- En la primera pantalla ¿dejaré las banderas o pondré mejor "English Español"?

- En la tercera pantalla dudo con los colores, primero en el color del número, no sé si azul o negro, ambos quedarían bien con el blanco, pero querría vuestra opinión; y por último, el color del botón, lo puse en naranja porque hace que una persona se fije en el a primera vista, pero pienso que en verde también quedaría bien y no llegaría a cansar.

A continuación nos encontramos con la interfaz del cliente, que se trata de una aplicación en un dispositivo móvil.