Maquettes finales

Maquette préliminaire V2 | Projet e-learning

Voici une deuxième version de maquette préliminaire pour le projet e-learning.

L'idée est la suivante: Essayer une interface qui utilise des formes non conventionnelles comme des trapèzes et des triangles (au lieu de carrés et cercles) pour ajouter au projet une touche d'originalité et tenter de chercher un "wow". Le concept précédent de colonnes a été reprit, comme il gère bien l'information et regroupe bien les éléments qui sont connexes.

Cette fois-ci, au lieu de devoir cliquer sur le contenu de la capsule pour y accéder, nous avons accès à un lien "Débuter!" d'une couleur différente du reste pour que l'utilisateur comprenne que cette zone est cliquable. La couleur actuelle est jaune, et le texte sera probablement gris foncé comme pour la première capsule. J'ai également tenté de voir ce que cela donnerait avec un texte de couleur bleue.

Maquette préliminaire | Projet e-learning

Voici une première idée de maquette pour le projet e-learning. 

Le concept pour cette version est simple, et peut-être même un peu trop. Ma première idée fut d'utiliser des boutons en forme de demi-lune pour chaque capsule, et les classer par colonne. Chaque colonne regroupe les capsules d'un personnage, et c'est pour cela que le nom du personnage ne se retrouve qu'au dessus de la colonne. Ainsi, on libère de l'espace et enlève le surplus d'information inutile.

La surface bleue de la capsule est entièrement cliquable, comme la présentation de la capsule est un bouton à part entière. J'ai utilisé un traitement légèrement différent du reste, ainsi qu'une bordure autour du bouton pour tenter de rendre le bouton plus intuitif.

Les icônes représentant chaque capsule se trouvent en haut à gauche de chaque capsule. Dans cette maquette préliminaire, les icônes sont identiques; toutefois dans une potentielle version finale chaque icône sera unique et dépourvu de fond blanc ou bordures. 

Cette maquette préliminaire montre un début de mon cheminement artistique pour le design de la formation, et d'importantes modifications pourraient avoir lieu.