Resumen del proyecto
Digito Shop es una tienda donde venden accesorios de telefonía, fotografía e insumos informáticos. con más de 10 años de experiencia muy reconocida en la Ciudad de Buenos Aires.
Después de identificar ciertos problemas de usabilidad en el sitio web, realicé un rediseño completo del mismo. Como resultado, el tiempo necesario para encontrar un producto se redujo significativamente, de 42 segundos en la versión anterior a solo 10 segundos en el rediseño.
Rol
UX/UI Designer
Duración
4 semanas
Aprender sobre el negocio:
Entrevista con los stakeholders
El sitio web estuvo inactivo durante varios años y ahora les gustaría rediseñarlo para darle un aspecto más moderno y mejorar la experiencia de los usuarios, con el objetivo de aumentar el número de ventas.
Primeras impresiones del sitio web
En primer lugar, examiné detenidamente el sitio web para familiarizarme con su estructura y funcionalidades. A continuación, elaboré algunas hipótesis sobre su usabilidad, las cuales voy a poner a prueba mediante testeos de usabilidad.
Aprendiendo del usuario
Llevé a cabo pruebas de usabilidad en el sitio web actual con un grupo de 6 personas con el fin de comprender las necesidades, expectativas y pain points de los usuarios.
Los hallazgos
Buscar productos
5 usuarios experimentaron dificultades ya que tuvieron problemas para localizar el formulario de búsqueda.
A pesar de intentar buscar por categoría en el menú, se encontraron con que éste estaba sobrecargado de información y no incluía todas las categorías necesarias.
Categorías
4 usuarios encontraron problemas para acceder a una subcategoría, ya que los elementos eran demasiado grandes y los íconos no resultaban claros
Listado de productos
4 usuarios no pudieron encontrar el producto que querían porque las imágenes eran grandes y diferentes en tamaño, lo que hacía difícil verlas bien.
3 usuarios no encontraron filtros útiles para buscar productos de forma eficiente. Específicamente, mencionaron que no pudieron encontrar el filtro de precios, que consideran el más importante.
¿Cómo lo hace la competencia?
Recopilé las fortalezas y debilidades de los 3 competidores principales, y analizé las métricas clave que descubrí durante el research.
Descubrí que los competidores colocan el formulario de búsqueda de manera prominente en su página principal, lo que permite captar la atención del usuario de forma efectiva.
También cuentan con una amplia selección de filtros, lo que hace que la búsqueda sea más fácil y precisa.
Pensar en la solución
Realicé un User Journey Map en el sitio web actual para identificar los pain points de los usuarios y pensar en posibles mejoras.
- Optimizar el menú principal para que sea simple y que contenga las categorías necesarias
- Podría destacar el formulario para que sea fácilmente accesible
- Que el listado de productos tenga los filtros necesarios para optimizar la búsqueda
Explorando una solución inicial
Mi objetivo al diseñar los sketches fue mejorar la experiencia de búsqueda de productos, priorizando el formulario de búsqueda y organizando el menú principal de manera más efectiva, de manera que incluyera todas las categorías necesarias.
Se mejoró el menú principal al simplificarlo y enfocarse en las necesidades del usuario. La clave fue organizar mejor las categorías y proporcionar un buscador claro.
Los sketches fueron validados satisfactoriamente por los usuarios, lo que me permitió continuar con los Wireframes.
Diseñando la estructura del nuevo sitio web
Diseñé los Wireframes para luego llevar a cabo un testeo de usabilidad.
6 usuarios participaron en un test de usabilidad en el que lograron completar la tarea sin dificultad y manifestaron su satisfacción con el diseño del nuevo sitio web.
La solución final
Ya tengo toda la información para armar el diseño final, que luego será testeado por los usuarios
Resultados basados en pruebas de usabilidad
Tiempo promedio (en segundos) que logra un usuario para encontrar un producto
Estemos en contacto