Case Study
Evolution de l'UI et UX
Wireframe et premier design (papier)
Au départ, je souhaitais partir sur un design de page coupée en deux, avec la première moitié servant pour le texte, et la seconde moitié pour l'illustration
Sur ce brouillon, plusieurs problèmes apparaissent:
- Je modifiais la navigation de la page d'accueil vers une autre page, ce qui pouvait rendre l'utilisateur confus
- Le sous-menu sur la barre de navigation demandait trop de recherche de la part de l'utilisateur pour trouver ce qu'il voulait
- Le sous-menu restait apparent sur la version mobile, mais pas sur la version PC
- Le design était beaucoup trop carré, avec trop peu d'intérêt graphique
- Trop peu de place pour le texte
Maquettes
Sur cette maquette, je me suis basé de mon design papier afin d'y placer des couleurs
Il y a toutefois un changement notable, dont:
- L'apparition d'un menu burger, que j'aime appeller le menu donut
- Le design, bien que encore trop carré, commençait à prendre vie grâce aux couleurs
Le menu était désormais en plein écran seulement, avec plusieurs pages différentes, toujours avec un sous-menu pour la page des présentations.
Désormais, la confusion entre les différents types de menus était réglé, mais la présence du sous-menu pouvait encore être trop déroutant, et il y avait encore trop peu de place pour du texte
Design final
Tout en gardant les mêmes couleurs, j'ai simplifié le design et réadapté la grille, permettant un design plus "respirant", j'ai aussi arrondi certains bords, afin d'avoir un design plus organique
Pour éviter la précédente confusion de sous-menu, il m'a été conseillé de tout rassembler en une seule page d'accueil qui regroupe toutes les informations importantes
Le résultat:
- Un "donut" menu beaucoup plus propre et simple
- Une page d'accueil qui va droit au but, avec des informations suffisantes (voir lien)
Pour terminer
L'UX et l'UI se sont améliorés grâce à la simplification globale du contenu, et de l'ogranisation des différentes pages.