A2.4 Efectuar pruebas de usabilidad del prototipo de interfaz de

A2.4 Efectuar pruebas de usabilidad del prototipo de interfaz de usuario con
usuarios
Inicialmente para la realización del prototipo base que cumpliera con las
especificaciones brindadas por el usuario, se efectúan diseños individuales por
cada uno de los miembros del equipo con el fin de seleccionar en mutuo acuerdo
el prototipo que se considere mejor.
Bajo la inspección del Magister a cargo y con ayuda de los estudiantes de la
asignatura Ingeniería del Software 3, se determinan falencias y posibles
correcciones a tener en cuenta.
Una vez realizadas las correcciones producto
retroalimentación se opta por las siguientes medidas:
del
primer
proceso
de
Se realizó una abstracción de algunas de las metodologías de evaluación
conocidas como son las de inspección, indagación y test con el fin de evaluar la
usabilidad del primer prototipo. No se aplicó rigurosamente alguno de los métodos
antes mencionados, se consideran aspectos relevantes de los métodos de
inspección.
Tomando como las técnicas de inspección, se llevan a cabo las siguientes
actividades:
 Aprovechando que se cuenta con amistades en semestres superiores de
Ingeniería de Sistemas, se solicitó a ellos hacerse participes de la
evaluación de usabilidad de el primer prototipo de la aplicación Web “Aroma
de Café”.
 Una vez en reunión con el personal antes mencionado, se explica que se
requiere construir una aplicación web que permita hacer venta de productos
a base de café como apoyo a las nuevas empresas que necesitan ampliar
su mercado a nivel nacional por medio de las tecnologías de la información.
 Se pide que evalúen el prototipo asumiendo el papel de usuarios (el cual se
encuentra publicado en un blog) en aspectos como Usabilidad,
Navegabilidad y en lo posible expresen de manera escrita y lo más
detallada posible, sugerencias y críticas constructivas que puedan servir en
el mejoramiento del prototipo.
Los resultados obtenidos fueron los siguientes:
Usuario 1:
 El buscador debe estar en un lugar más visible y de rápido
acceso, las recomendaciones de usabilidad indican que debe
estar en la parte superior derecha.
 En el buscador, sería mejor que dijera: Ingrese su búsqueda en
vez del que tiene actualmente.
 El fondo donde salen los productos debe estar en un color que
contraste con los enlaces, en este caso el gris del contenido no
tiene un porcentaje de contraste indicado con respecto al azul de
los enlaces.
 Aumentar el tamaño de letra de la descripción del producto.
 Lo ideal es que salgan más productos en la página principal, unos
4 o 6 y no solo 2, esto agilizaría la navegación entre los
productos, el usuario no tendría que ir de página en pagina
buscando un producto en especial.
 Tener 2 tipos de navegaciones para ir de una página a otra, un
sistema numérico que tiene botones de “<< “ y “>>” además otro
con botones Atrás y siguiente, no es redundante?
 El camino de migas debe comenzar desde Inicio. Inicio >
Productos > A base de café.
 Si se va manejar categorías de productos, por ejemplo: A base de
café, debería existir un menú con todos los productos que ofrece
el sitio para facilitar la navegación.
Usuario 2:
 El modulo de filtros puede encontrarse dentro de búsqueda, ya
que mucha gente no asimila la palabra filtros con Búsqueda.
 El modulo de búsqueda se puede colocar donde se encuentra el
modulo de filtros.
 La publicidad del modulo llamado "Empresas Asociadas" esta en
perfecta ubicación
 En cuanto a la información principal hay algo que no me
convence, debería tener como mayor información del sitio.
Usuario 3:




Cantidad en gramos o diferenciar los tamaños.
No se entiende la palabra sub. -> subtotal.
Se entiende la homología del carrito
Ella entendió por filtro fue: hacer la búsqueda con más
comodidad
 Se sugiere mostrar las ofertas y las promociones.
Usuario 4:
 Sería interesante mostrar una descripción de todos los productos
que se obtienen a partir del café en forma de catalogo (precio,
descripción, contraindicaciones, valor nutricional, etc.)
 hacer una especie de instructivo para realizar las compras donde
se especifique un paso a paso de los cuadros de texto que se
vayan presentando desde la solicitud del producto hasta
 la finalización exitosa que sería indicar al usuario los datos de
envió, forma de pago, productos seleccionados y precios (precio
individual, precio total por producto, IVA y gran total); entre otros.
Todo esto bajo la estricta ignorancia de conceptos, con todo
respeto eso si ¡¡¡¡Felicitaciones!!!
Usuario 5:
 pues la funcionalidad me parece que está completa
 aunque me parece que esta tomo como muy amontonado
 el menú debería ir en otra parte cierto no mesclado con las
imágenes
 tal vez abajo
 puedes colocar la búsqueda normal
 y una opción para realizar búsqueda avanzada en la cual iría lo
del filtro
Usuario 6
 A mi parecer, hay un color q no encaja pero no sabría con
exactitud cual.
 ¿No debería ir como integrado el filtro con la búsqueda?
 Yo lo veo bastante navegable e intuitivo
 En términos generales, a mi parecer está bastante bueno el
prototipo y entendible
Usuario 7
 me parece muy interesante saber que los estudiantes
se están interesando en este momento en apoyar a la distribución
de los productos a base de café de la comunidad de caficultores
Indígenas, campesinos y afro descendientes organizados a través
de la Asociación de Cabildos Indígenas Juan Tama, además el
prototipo inicial que presentan es agradable y se entiende por otra
parte les recomendaría es que tuviera una imagen pequeña que
represente a las personas que están apoyando me parece que es
importante.
Usuario 8:
Pues si es entendible, creo que se da a entender por si mismo.
Pero si me ha generado algunas dudas; Los filtros se dan a
escoger como checkbox lo cual podría dar a entender que se
puede seleccionar más de uno y me parece que es apropiado
dado que son filtros, sin embargo el único que me parece como
un "filtro" apropiado sería el primero, "Nuevos Productos"
porque las otras opciones las veo más como criterios para
ordenar
una
búsqueda.
Con la búsqueda se da la posibilidad de escoger varias opciones
lo cual podría resultar un poco engañoso, a menos que estén
teniendo en cuenta que al seleccionar una se deseleccione la otra
y deje mantener una sola selección, o podrían cambiarlo por un
combobox. Podrían optar por poner precio y peso dentro de un
unos rangos (ENTRE tanto y TANTO) dado a que son criterios un
tanto puntuales; sería difícil que un usuario encuentre algo por
peso o precio exacto, pero si se da el caso de querer hacerlo
podría
usar
los
rangos
de
todas
maneras.
Otra gran duda que me ha generado es la forma de añadir
objetos al carrito de compras, dado que cada producto parece
contar con la opción "Seleccionar" pero así mismo tiene el botón
"Añadir". Como yo lo veo podrían quitar ese seleccionar y dejar
solo el botón en cada producto, o poner un añadir global y dejar
la
opción
de
seleccionar.
Me agrada que el carrito de compras esté siempre visible; en la
mayoría de sitios de compras en línea hay que dejar la página
actual para poder ver el carrito.
 Seguido a este proceso la evaluación ahora es realizada por un experto
(ingeniero Carlos Ardila) y al observar el prototipo realizado nos expresa
en voz alta criterios que considera deben ser mejorados. Dichos criterios
fueron grabados y posteriormente plasmados por escrito y son los
siguientes:
 Que no hayan variaciones en los iconos, más precisamente en el
icono del carrito de compras, esto puede dar paso a significados
diferentes.
 Preferiblemente usar las mismas imágenes, colores, todo a una
misma “pinta”
 El encabezado está bien, es de buen tamaño.
 Manejar un copyright en el pie de página, y ubicar la información
de soporte aquí mismo (Línea de atención al cliente), para evitar
que los usuarios se distraigan.
 Colores: sería bueno considerar colores variados orientados a la
mayoría de la población, por ejemplo, los colores vivos para
llamar la atención de los jóvenes, aunque se hace la salvedad de
que el producto y sus derivados siempre han usado esos colores,
por lo tanto si se desea se puede considerar, si no NO hay
problema alguno.
 Por otro lado, el diseño de las secciones está muy “cuadrado” y
tiene “muchos ángulos”, a la gente le gusta una interfaz un poco
mas suavizada.
 En cuanto a las palabras usadas, ¿A qué se refiere con la
palabra FILTROS? ¿Filtros para colar el café? Usar palabras
adecuadas para no confundir al usuario. Una opción sería colocar
algo como “LOS MAS…”
Los más vendidos, los más baratos,
Los más cotizados… En conclusión tener una especie de “Zona
de Tops”
 En el núcleo, es decir, mostrar los productos: ¿Cuántos productos
desean mostrarse por página? Rediseñar la ventana para mostrar
más productos, es decir, entrar a observar si la opción vertical es
la mejor, porque en muchas ocasiones se muestran de forma
horizontal (imagen, descripción, precio).
 Manejar si desea, poder preguntarle al usuario cuantos archivos
por página desea ver.
 En cuanto a la parte de “ver más detalles”, está bien hacer que
esta ventana abra en otra ventana emergente o pop up, para no
desorientar al usuario en la navegación.
 Realizar la numeración en una misma línea, homogenizar.
 Si se desea buscar por orden alfabético se debe mostrar la letra
en la que se encuentra de una forma diferente, tal vez resaltando
o pintando la letra de otro color, la misma observación para la
página que se encuentra viendo el usuario.
 En los productos, fijar y especificar el tamaño y el costo
adecuado para cada una de las presentaciones. Preferiblemente
mostrar un solo producto con su tamaño y su costo.
 En el carrito de compras, mirar si se necesita especificar el IVA de
la compra realizada.
 En el carrito de compras, observar si se puede alargar un poco
más la lista de productos que el usuario va añadiendo al carrito,
no es conveniente tener un scroll tan pequeño.
Tener en cuenta las tildes en todo el texto.
Con las cuantificaciones obtenidas en estos procesos se procede a realizar las
respectivas modificaciones del primer prototipo y esperar en etapas futuras de
desarrollo lograr retroalimentaciones que permitan mayor nivel de usabilidad.