Marcando la diferencia: Error de UX del barco

May 04 2023
En noviembre del año pasado, completé un estudio de caso de UX que se centró en la zona del pulgar y la accesibilidad de navegación general del sitio web de Boat en dispositivos móviles. Utilizando las mejores prácticas y el análisis comparativo, propuse cuatro posibles soluciones para mejorar la accesibilidad del sitio y la experiencia del usuario.

En noviembre del año pasado, completé un estudio de caso de UX que se centró en la zona del pulgar y la accesibilidad de navegación general del sitio web de Boat en dispositivos móviles.

El problema principal identificado en la versión anterior del sitio web móvil de Boat

Utilizando las mejores prácticas y el análisis comparativo, propuse cuatro posibles soluciones para mejorar la accesibilidad del sitio y la experiencia del usuario. Me complace informar que, desde entonces, se han realizado varios cambios positivos en el sitio web móvil de Boat que abordan los problemas destacados en mi estudio de caso.

Esta solución presenta una de las posibles formas de resolver el problema.

Profundicemos en las actualizaciones recientes ➡

El diseño visual del nuevo sitio web móvil de Boat

Boat ha abordado con éxito todos los problemas relacionados con la experiencia del cliente en esta última versión de su sitio web móvil. El lenguaje visual del sitio web tiene un flujo lineal y es consistente en todo momento. Los iconos delgados , la interfaz de usuario elegante y los amplios espacios en blanco hacen que los usuarios se sientan bienvenidos y cómodos mientras navegan por el sitio. Por el contrario, la versión anterior estaba un poco llena de información.

La versión actual es un gran ejemplo de la combinación perfecta de experiencia de usuario e interfaz de usuario. En general, me encanta esta versión y felicito a Boat por sus esfuerzos para mejorar la usabilidad y el diseño del sitio.

Arquitectura de información mejorada para la nueva versión del sitio web móvil de Boat

El IA ha experimentado un cambio notable, ahora ofrece a los usuarios algo más que categorías de productos.

Esta nueva incorporación permitirá a los usuarios explorar y conocer la marca Boat, lo que aumentará la interacción general con el sitio web, incluidos .

Lista de elementos del menú de hamburguesas

Boat ha realizado una mejora importante al mostrar todas las categorías de productos en el primer desplazamiento, lo que reduce significativamente el tiempo que los usuarios pasan desplazándose y buscando una categoría de producto específica.

Buscar

La función de búsqueda actualizada muestra una lista predeterminada de productos y sugiere dinámicamente el texto de entrada de búsqueda, que anteriormente era estático como "Buscar relojes inteligentes". Además, las esquinas redondeadas se han minimizado, lo que da como resultado un aspecto visualmente más atractivo y agradable a la vista.

¡Y una última cosa!

Cuando se trata del diseño de UX móvil, uno de los aspectos más críticos a considerar es la Zona del pulgar , el área de la pantalla a la que se puede acceder fácilmente con el pulgar del usuario. Boat ha realizado un trabajo excepcional en esta versión, al optimizar su sitio web móvil para garantizar que todos los elementos esenciales, como el menú de navegación y los botones de llamada a la acción , estén al alcance de la mano del usuario.

Esto no solo mejorará la experiencia del usuario, sino que también aumentará la probabilidad de conversiones y la satisfacción del cliente.

Otras pantallas de interfaz de usuario

Los cambios recientes realizados en el sitio web móvil de Boat han tenido en cuenta las pautas de Thumb Zone, lo que da como resultado una experiencia más accesible , fácil de navegar , limpia y visualmente agradable . Las pantallas ahora siguen las pautas, por lo que es una combinación perfecta de experiencia de usuario e interfaz. En general, Boat ha realizado un trabajo notable en la mejora de la experiencia del usuario móvil.

En caso de que se haya perdido el estudio de caso, échele un vistazo en Behance . No dude en comunicarse conmigo en LinkedIn , ¡mejoremos juntos la experiencia humana!

¡Que tengas un hermoso día por delante! ❤️