Présentation du Projet
Dans cet article, je souhaite vous présenter le portail étudiant utilisé au Langara College. En se connectant avec un identifiant et un mot de passe, les étudiants peuvent accéder à diverses fonctionnalités essentielles, telles que l'inscription aux cours. Pour un étudiant, ce portail est un outil indispensable au quotidien, centralisant des informations cruciales comme les horaires de cours. Si le système actuel remplit techniquement sa mission de regroupement d'informations, il est loin d'être optimal en termes d'utilisabilité. Comme vous pouvez le voir sur l'image ci-dessous, la réalité du terrain est tout autre.
UI Actuelle : Le tableau de bord existant avec des listes textuelles denses
Analyse des problèmes actuels
Le tableau de bord actuel du Langara College se présente sous la forme d'une barre latérale gauche remplie de petits caractères. Cet affichage me semble très impersonnel et fastidieux. De plus, la petite taille de la police augmente le risque d'erreurs de lecture ou de clic.
Le Langara College propose également des cours de formation continue (Continuing Studies), suivis par des étudiants dans la cinquantaine ou la soixantaine. Il est facile d'imaginer à quel point cette interface peut être difficile à manipuler pour des personnes souffrant de presbytie. L'objectif de ce projet était donc de concevoir une interface lisible et ergonomique pour tous.
Les solutions apportées
Ma première intention a été de transformer cette interface froide en une UI élégante et soignée. Au-delà de l'esthétique, mon but était d'organiser l'information de manière à ce que l'accès aux sections souhaitées soit le plus intuitif possible.
Des boutons plutôt que du texte
Proposition : Boutons de navigation avec icônes intuitives
J'ai transformé les liens textuels de la barre de navigation latérale en boutons clairs et visibles. Ce changement permet à chaque utilisateur de cliquer sans hésitation et avec précision, garantissant une expérience fluide.
Une inscription aux cours plus intuitive
Proposition : Emploi du temps visuel et actions claires
L'inscription aux cours regroupe une multitude d'informations : choix des matières, emploi du temps, paiement des frais de scolarité, etc. Plus les options sont nombreuses, plus le temps de décision est long si l'on ne dispose que de texte. En associant des icônes aux textes, j'ai réduit la « charge cognitive », permettant d'identifier instantanément l'étape suivante.
Visualisation des cours
Proposition : Format tableau pour un accès clair aux données
Pour consulter les informations sur les cours suivis, j'ai opté pour un format tableau. Celui-ci permet de visualiser d'un coup d'œil l'enseignant, l'horaire et le lieu du cours. J'ai également ajouté une icône « e-mail » à côté du nom de chaque professeur. Cela permet de poser une question en un clic, évitant ainsi aux étudiants d'avoir à mémoriser ou à chercher l'adresse mail manuellement.
« Même si je suis habitué à utiliser un système, c'est une erreur de le considérer comme acquis dans mon portfolio. Ce n'est pas parce que je m'y suis habitué que c'est le cas pour tout le monde. »
Réflexion : L'empathie dans le design
Auparavant, j'utilisais ce tableau de bord quotidiennement sans trop me poser de questions. Malgré une impression de monotonie et la petitesse des caractères, je m'y étais habitué, finissant par considérer cela comme normal. Cependant, ce projet m'a fait réaliser que l'habitude ne justifie pas une mauvaise conception.
En discutant avec un étudiant d'une quarantaine d'années, celui-ci m'a confié que sa presbytie rendait l'utilisation de cette interface textuelle très pénible, et qu'il ne s'y habituait pas malgré le temps. Ce témoignage confirme qu'un bon design UX/UI doit être accessible à tous, quels que soient l'âge, le sexe ou la nationalité.
Lors de la création d'un site web ou d'une application, il est crucial de ne pas se limiter à son propre point de vue, mais d'intégrer celui du client et, surtout, de l'utilisateur final. Pour progresser en tant que designer, je suis convaincu qu'il faut cultiver une curiosité sincère pour la manière dont les autres perçoivent le monde. C'est en pensant aux « yeux des autres » que l'on crée des designs réellement inclusifs et efficaces.