Nous nous sommes lancés dans une mission visant à réorganiser le répertoire d'outils d'évaluation d'edpro en raison du nombre croissant d'outils d'évaluation disponibles. Cette étude de cas explore notre parcours de conception UX, avec un accent particulier sur le processus de prototypage itératif qui a conduit à une solution plus organisée et conviviale : un menu déroulant unifié pour les variantes de questionnaire et un renouvellement de la mise en page.
Comprendre le problème : Edpro a été confronté à un défi à mesure que son répertoire d'outils d'évaluation s'élargissait. Le design initial a eu du mal à s'adapter à cette croissance, ce qui a entraîné des difficultés de navigation. Une solution plus intuitive et conviviale était nécessaire.
Le processus de prototypage itératif :
Analyse approfondie : Nous avons commencé par analyser en profondeur le système existant et les défis qu'il posait. Le principal problème provenait des multiples variantes d'âge que comportait chaque questionnaire (généralement 4 à 5 versions) et des versions courtes de certains questionnaires nouvellement introduites. Nous savions que nous devions tous les présenter d’une manière qui ne sacrifie pas la convivialité. Nous avons également eu des problèmes avec les mots-étiquettes. Dans le design original, nous les présentions sur plusieurs lignes au-dessus des outils d'évaluation, mais à mesure que le nombre d'outils augmentait, ils occupaient de plus en plus de place, rendant la navigation sur la page plus difficile. Les mots-étiquettes étaient encore un moyen utile pour mettre en avant des outils d’évaluation spécifiques à un domaine particulier, nous avons donc souhaité les conserver, mais il a fallu les adapter, car cette liste s’allongeait d’une manière que nous n'avions pas soupçonné au départ. Avant de commencer à créer des maquettes, nous avons procédé à une revue de l’existant en s'intéressant à d'autres acteurs du même domaine, mais également à divers outils de commerce en ligne comme Amazon. Ces sites Web présentent de manière efficace de nombreuses informations sur divers produits, ils ont donc été une bonne source d’inspiration. Nous devions intégrer toutes les informations tout en conservant le design élégant et la signature d'edpro.
Mots-clés
Idéation et conceptualisation : Grâce à des séances de brainstorming et d'idéation collaborative, nous avons généré une gamme de concepts variés. Chaque concept visait à simplifier la navigation et à améliorer l'expérience utilisateur. Nous avons commencé par créer des versions simplifiées en noir et blanc de nos solutions pour les tester rapidement.
Variantes de prototypage : Nous avons sélectionné les meilleures maquettes de notre phase d'exploration et les avons affinées en une série de maquettes haute-fidélité, en expérimentant diverses structures de navigation et éléments d'interface. En utilisant les fonctionnalités de prototypage d'Adobe XD, nous devions également créer des versions interactives de nos maquettes pour donner aux autres membres de notre équipe la possibilité de tester nos concepts et de donner leur avis.
Évaluation interne : Notre équipe a mené des évaluations internes, examinant les prototypes pour en vérifier la convivialité, l'accessibilité et l'alignement avec les objectifs d'edpro. Cette boucle de rétroaction interne a facilité une itération et un raffinement rapides. Au cours de l'évaluation, nous avons découvert que l'ajout d'une image (là où se trouvait auparavant le logo edpro) pouvait être un moyen utile d'identifier rapidement le thème de l'outil d'évaluation. En utilisant un filtre de couleur adapté au design de la plateforme, il a été possible de conserver la signature edpro tout en différenciant les outils les uns des autres.
Validation de la conception : Pour garantir que la refonte répondait aux meilleures pratiques de l'industrie et aux principes d'utilisabilité, nous avons mené des examens d'experts et des évaluations heuristiques. En affinant le design, nous veillons à ce qu'il réponde aux meilleures normes d'utilisation ; l'interaction est claire, le contenu est sans ambiguïté et la hiérarchie et le style du texte améliorent la lisibilité.
Résultats et impact :
La mise en œuvre du menu déroulant unifié a apporté des améliorations notables à edpro. Le nouveau design a permis au répertoire d'être environ 4x plus court tout en conservant ses fonctionnalités. Le fait de condenser les mots-étiquettes dans un nouveau menu nous a également permis de créer plus d'espace pour les outils d'évaluation, améliorant ainsi l'objectif principal de cette section du site, qui est d'afficher les outils d'évaluation à l'utilisateur. Les utilisateurs ont signalé une facilité d'utilisation et une efficacité accrue dans l'accès aux outils d'évaluation. Le répertoire repensé s’est efficacement adapté à la croissance de la plateforme et a souligné l'engagement d'edpro en faveur d'une conception centrée sur l'utilisateur.
Dans la refonte du répertoire d'outils d'évaluation d'edpro, notre équipe UX a adopté une approche de prototypage itératif, mettant l'accent sur les évaluations internes et les avis d'experts. Cette stratégie nous a permis de créer une solution plus claire et conviviale. Nos choix de conception ont été guidés par les meilleures pratiques et les principes d'utilisabilité, ce qui a permis d'améliorer l'expérience utilisateur pour les utilisateurs sur la plateforme edpro.
Comentários