Problemas de experiencia de usuario en UX Store
La tienda UX Store es un lugar conocido para las personas que amamos y nos movemos en el mundillo de UX. Aquí podemos encontrar muchas herramientas para poder hacer nuestros prototipos en papel, wireframes y flujos de navegación.
Hace unos días encontré en Instagram una publicación de UX Store y me decidí a comprar unos stencils y los sketch pad. Cuando entre a la tienda rápidamente me dí cuenta de algunas mejoras que se podrían aplicar en ella. Mientras seguía navegando y haciendo el flujo de compra continuaron apareciendo problemas y mi frustración se volvía cada vez más grande. En ese momento se me iluminó la lamparita y decidí plasmar en un articulo ciertas cosas que podrían mejorarse dentro de la web UX Store.
Antes que nada quiero aclarar que esto es solo una opinion que nace de una experiencia personal. No busco herir ni generar polémica. Nadie está exento de tener problemas de UI, usabilidad o experiencia de usuario en productos digitales que tengamos desarrollados, por eso es importante iterar nuestros diseños para poder validarlos y mejorarlos.
En próximos post voy a contarles sobre mis trabajos y cómo junto a mis compañeros de trabajo fuimos mejorando la experiencia de usuario de los productos digitales para los cuales trabajamos.
El caso UX Store
¿Qué sentimos cuando vemos errores en aquellas cosas realizadas por y para profesionales? Por ejemplo: si el edificio de la escuela de arquitectos fuese diseñado y construido con problemas desde su planteo arquitectónico. Eso suele pasar más seguido de lo que nos imaginamos. Como dice el refrán “En casa de herrero cuchillo de palo”.
Homepage
Creo que le falta tener un “Add to cart” en cada producto listado en la home. Las personas que entramos a comprar con solo ver la foto ya queremos agregar el producto. No hace falta probarse el producto, o saber la talla, ni nada de eso. Estos son productos que con solo ver la foto podemos saber para qué son, cómo usarlos y decidir comprarlos.
El “Hamburger menu”
- El botón del menú tapado en móvil por el billboard de “free shipping”
- Un botón solo para desplegar el menú solo para mostrar la info del carrito
- El botón no tiene estados para marcar si está activo o no
Página de un producto
Ej: https://uxstore.com/products/iphone-stencil/
¿Cómo comprar más de un producto similar? En este punto me esperaba tener unos botones que me permitan poder comprar más de un producto similar. Sería algo muy útil en el caso de los cuadernos para sketchs que podemos llegar a comprar varios al mismo tiempo para nosotros o nuestros equipos de UX/UI.
No tengo productos relacionados. Se que la tienda no tiene muchos productos pero igual sería bueno ahorrarnos el paso de volver a la home y luego ir a un producto. Solo con un listado de productos relacionados, o listarlos todos ya que son pocos, debajo del todo en la página de producto.
Hacer más visible el “In stock”. Tal vez es algo menor cuando hay productos, no tengo idea como se muestra cuando quedan pocos productos pero un poco más grande o con otro diseño sería de más ayuda para poder visualizarlo de formas más rápida.
Cart
Una vez que clickeamos en “Add to cart” vamos a la página del carrito. Lo primero que veo es que el botón de “Continue shopping” por los colores que lleva parece inhabilitado.
Recién en este paso puedes agregar más productos iguales al carrito.
Al hacer click en “Continue shopping” nos lleva a la página del producto que estábamos viendo anteriormente, la que tiene solo una salida para seguir comprando haciendo clic en el logo de “UX Store”. En este caso el botón de “Continue shopping” nos tendría que llevar a la homepage o en su defecto, como decía anteriormente, que la página de producto tenga un listado de relacionados.
Resumen
Esto es solo una muestra de cómo podemos mejorar la experiencia de una web o app teniendo en cuenta ciertos patrones de diseño o conociendo que es lo que esperan los usuarios que haga nuestro producto. Se que estoy recopilando solo mi experiencia, pero dentro del flujo de navegación podemos encontrar varias mejoras a realizar y por eso me dispuse a ponerlas a la vista.
Este ejercicio de ponerse en lugar de usuario crítico es bueno para poder seguir aprendiendo y ver qué cosas podemos mejorar en nuestros diseños, hacer cambios, luego llevarlos a validar con varios usuarios reales para descubrir fallas o mejoraras y volver a iterar todo el proceso.
