Refonte UX et UI complète pour un organisme canadien en alphabétisation. Le défi : structurer une grande quantité d’information et la rendre plus simple à comprendre, à consulter et à utiliser.
Contexte
United for Literacy est un organisme canadien qui œuvre en alphabétisation auprès des adultes et des familles partout au pays.
Avec plusieurs programmes, différents types de visiteurs et beaucoup de contenu à présenter, le principal défi était de rendre l’information plus simple à trouver et à comprendre.
C’est via Collectif WEB que j’ai été mandatée pour repenser l’expérience du site, de l’architecture de l’information jusqu’aux maquettes visuelles finales.
Problèmes identifiés
L’organisme avait beaucoup à communiquer, mais le site ne permettait plus de présenter toute cette information de façon simple et efficace.
- Une grande quantité de contenu à organiser et à simplifier
- Des visiteurs avec des besoins très différents
- Des programmes et services qui devaient être plus faciles à comprendre
- Une identité visuelle à mieux faire ressortir dans l’interface
- Plusieurs équipes et parties prenantes à rallier autour d’une même solution
- Des normes d’accessibilité WCAG AA à respecter dès la conception
Enjeux stratégiques
Avec un organisme de cette taille, le défi ne se limitait pas au design.
Il fallait créer une structure assez simple pour guider les visiteurs, tout en répondant aux besoins de plusieurs publics : bénéficiaires, bénévoles, donateurs, partenaires et autres personnes qui découvrent l’organisme.
Chaque décision UX devait aussi être facile à expliquer et à justifier auprès des différentes équipes impliquées dans le projet.
L’objectif : créer un site où l’on comprend rapidement qui est United for Literacy, ce que l’organisme fait et comment on peut s’impliquer.
L’accessibilité faisait également partie du projet dès le départ. Les contrastes, la lisibilité, la hiérarchie de l’information et les interactions ont donc été réfléchis en tenant compte des normes WCAG AA, plutôt que d’être ajustés seulement à la fin.
Processus
- Architecture de l'information
- Wireframes UX
- Maquettes visuelles UI
- Validation des normes WCAG AA
- Développement web
Ce projet montre bien à quel point un bon travail UX peut simplifier une grande quantité d’information sans enlever de profondeur au contenu. Quand plusieurs équipes doivent se reconnaître dans la même solution, la clarté du processus devient aussi importante que le résultat final.
Je suis particulièrement fière de ce projet, autant pour le résultat que pour la collaboration avec l’équipe de United for Literacy.
Un grand merci pour tout ton travail ! Nous avons présenté les wireframes à plusieurs membres de notre organisme, et les propositions visuelles ont fait l’unanimité. Tout est désormais beaucoup plus clair : on comprend mieux qui nous sommes, ce que nous faisons et comment nous souhaitons nous présenter.
Nous sommes vraiment très satisfaits du résultat. Structurer autant d’information et la transformer en quelque chose d’aussi clair et cohérent n’était pas une mince tâche !
Par la suite, les maquettes visuelles nous ont permis de bien mettre en valeur l’identité visuelle de l’organisme.
Merci d’avoir su relever ce défi avec autant de talent.
