OVERVIEW DEL PROYECTO
Bonpreu Esclat Mobilitat, es una aplicación destinada a los usuarios que principalmente buscar servicios principales como; gasolineras, puntos de carga para vehículos eléctricos, lavaderos, etc. En esta propuesta de rediseño, se ha empezado con una evaluación de tipo "auditoría UX" identificando varios errores de consistencia en la interfaz, y de la arquitectura de la información.
PROBLEMA
La existencia de múltiples sistemas de navegación (botones en la barra inferior y el menú hamburguesa) puede causar confusión. El menú desplegable cubre parte significativa de la pantalla, lo que puede interferir con la visualización del mapa junto con una mala arquitectura de la información
OBJETIVO
El objetivo de esta propuesta de rediseño, es mejorar la experiencia de usuario tanto a nivel de usabilidad como de interfaz, para reducir la fricción actual de la aplicación con los usuarios mejorando principalmente:
- Arquitectura de la información.
- Arquitectura de la información.
- Ofrecer posibilidad de usar la aplicación con y sin registro.
- Nueva UI más accesible y consistente.
En está única pantalla, ya se identifican varios errores graves para la experiencia de usuario, estos son los principales errores clave:
1 - En términos de experiencia de usuario (UX), tener dos menús, uno de tipo "hamburguer" y otro en la barra de navegación, no suele ser una buena práctica.
2 - Iconos de filtros no explicativos por falta de consistencia.
3 - Ni rastro del buscador.
4 - Botones demasiado cercanos, lo que puede llevar a clics accidentales.
5 - Sobrecarga visual del mapa.
6 - Contraste bajo en la barra de navegación inferior
7 - El menu desplegable para los filtros tiene buena base en cuanto a funcionalidad, pero se puede mejorar.
Se han replanteado, a nivel de diseño y arquitectura de la información, todas las secciones de la aplicación actual y nuevas pantallas para resolver los puntos con más fricción en la aplicación, como son el mapa y el perfil del usuario, evitando tener dos menús y clasificando por categorías.
También, la aplicación presenta una nueva interfaz, con una estética renovada que incluye estilos de color, tipográficos y una iconografía más coherentes. Estos elementos son fundamentales para la experiencia del usuario, ya que transmiten una imagen de cuidado y atención al detalle, haciendo que la interacción con la aplicación sea más agradable y fluida.
La nueva vista de mapa ofrece una experiencia de usuario más fluida e intuitiva, tanto si la geolocalización está activada como si no. Gracias a las mejoras en los filtros y los marcadores personalizados ("map pins"), la interacción con el mapa es ahora más sencilla y eficiente.
La sección Perfil se ha trasladado al menú inferior, reemplazando el menú superior tipo "hambuerger". De este modo, el usuario puede gestionar cómodamente todo lo relacionado con su perfil, información sobre la aplicación y configuraciones en un único lugar, accesible con un solo toque.
En definitiva, este rediseño busca optimizar principalmente la experiencia con el mapa, ya que la versión actual presenta deficiencias que dificultan su uso. Los filtros, los iconos, la barra de búsqueda y la falta de consistencia en el diseño entre pantallas generan una impresión de dejadez de cara a la experiencia del usuario.
Como diseñador UX/UI, estoy convencido de que este rediseño demuestra claramente que, al optimizar la arquitectura de la información, perfeccionar las secciones y aplicar sólidas prácticas de diseño, podemos crear una aplicación completamente fluida y accesible para todos los usuarios.