Faire la différence : l'erreur UX de Boat

May 04 2023
En novembre de l'année dernière, j'ai terminé une étude de cas UX centrée sur la zone du pouce et l'accessibilité globale de la navigation du site Web de Boat sur les appareils mobiles. En utilisant les meilleures pratiques et l'analyse comparative, j'ai proposé quatre solutions potentielles pour améliorer l'accessibilité du site et l'expérience utilisateur.

En novembre de l'année dernière, j'ai terminé une étude de cas UX centrée sur la zone du pouce et l'accessibilité globale de la navigation du site Web de Boat sur les appareils mobiles.

Le principal problème identifié dans l'ancienne version du site Web mobile de Boat

En utilisant les meilleures pratiques et l'analyse comparative, j'ai proposé quatre solutions potentielles pour améliorer l'accessibilité du site et l'expérience utilisateur. Je suis heureux d'annoncer que depuis lors, plusieurs changements positifs ont été apportés au site Web mobile de Boat qui répondent aux problèmes mis en évidence dans mon étude de cas.

Cette solution présente l'une des façons possibles de résoudre le problème

Approfondissons les mises à jour récentes ➡

La conception visuelle du nouveau site Web mobile de Boat

Boat a résolu avec succès tous les problèmes liés à l'expérience client dans cette dernière version de son site Web mobile. Le langage visuel du site Web a un flux linéaire et est cohérent d'un bout à l'autre. Les icônes fines , l'interface utilisateur élégante et les nombreux espaces blancs permettent aux utilisateurs de se sentir les bienvenus et à l'aise lorsqu'ils naviguent sur le site. En revanche, la version précédente était un peu surchargée en termes d'informations.

La version actuelle est un excellent exemple de la combinaison parfaite de l'expérience utilisateur et de l'interface utilisateur. Dans l'ensemble, j'adore cette version et je félicite Boat pour ses efforts visant à améliorer la convivialité et la conception du site.

Amélioration de l'architecture de l'information pour la nouvelle version du site Web mobile de Boat

L'IA a subi un changement notable, offrant désormais aux utilisateurs plus que de simples catégories de produits.

Ce nouvel ajout permettra aux utilisateurs d' explorer et d'en savoir plus sur la marque Boat, augmentant ainsi l'engagement global avec le site Web, y compris .

Liste des éléments du menu Hamburger

Boat a apporté une amélioration majeure en affichant toutes les catégories de produits dans le premier défilement, ce qui réduit considérablement le temps que les utilisateurs passent à faire défiler et à rechercher une catégorie de produits spécifique.

Recherche

La fonction de recherche mise à jour affiche une liste de produits par défaut et suggère dynamiquement le texte d'entrée de recherche, qui était auparavant statique en tant que "Rechercher des montres intelligentes". De plus, les coins arrondis ont été minimisés, ce qui donne un aspect plus attrayant et esthétique.

Et une dernière chose !

Lorsqu'il s'agit de conception UX mobile, l'un des aspects les plus critiques à prendre en compte est la zone du pouce - la zone de l'écran qui peut être facilement atteinte par le pouce de l'utilisateur. Boat a fait un travail exceptionnel dans cette version, en optimisant son site Web mobile pour s'assurer que tous les éléments essentiels, tels que le menu de navigation et les boutons d'appel à l'action , sont placés à portée de main de l'utilisateur.

Cela améliorera non seulement l'expérience utilisateur, mais augmentera également la probabilité de conversions et la satisfaction des clients.

Autres écrans de l'interface utilisateur

Les récentes modifications apportées au site Web mobile du bateau ont pris en compte les directives de la zone du pouce, ce qui se traduit par une expérience plus accessible , facile à naviguer , propre et visuellement agréable . Les écrans suivent désormais les directives, ce qui en fait une combinaison parfaite d'expérience utilisateur et d'interface. Dans l'ensemble, Boat a fait un travail remarquable pour améliorer l'expérience utilisateur mobile.

Au cas où vous auriez manqué l'étude de cas, consultez-la sur Behance . N'hésitez pas à me contacter sur LinkedIn , valorisons ensemble Human-Experience !

Bonne journée à venir ! ❤️