Concept d'une application permettant de voir les différents parcours de certains alumnis une fois le Bachelor terminé. Concept imaginé pour les portes ouvertes pour la 50ème volée ingénierie des médias.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Le projet entrepris dans le cadre du cours UX Design a une double finalité. D'abord, il célèbre le 50e anniversaire de la filière COMEM+, une occasion idéale pour réfléchir sur le passé et le présent de cette discipline éducative. En second lieu, le projet est un excellent moyen de créer une plateforme numérique qui peut servir de source d'information et d'inspiration pour les futures générations.
L'objectif principal de cette application mobile est d'éclairer les utilisateurs sur les multiples trajectoires professionnelles que les anciens étudiants ont empruntées après avoir complété leur Bachelor en Ingénierie des médias. En plus d'offrir des témoignages et des études de cas, l'application est conçue pour donner aux utilisateurs une compréhension approfondie des opportunités qui s'offrent à eux dans cette filière.
Pour réussir cette mission, l'interface doit être non seulement esthétiquement agréable, mais également intuitive et conviviale. Ce projet est donc une opportunité non seulement de célébrer le passé et le présent de la filière, mais également de contribuer activement à son futur en fournissant un outil précieux pour la sensibilisation et l'éducation.
En fin de compte, ce projet aspire à être plus qu'une simple application mobile; il vise à être un point de repère numérique pour la communauté COMEM+, regroupant des générations d'étudiants et de professionnels autour d'une plateforme informative et inspirante.
La phase initiale de conception du projet a été abordée avec une grande prudence et attention aux détails. La première étape a impliqué la création de maquettes de faible fidélité qui serviraient de squelette pour la conception globale de l'application. L'utilisation de maquettes de faible fidélité m'a permis de tester des idées rapidement, sans être entravés par les complexités de l'implémentation technique.
Ces maquettes ont été essentielles pour poser les bases d'une navigation fluide entre différents domaines et sous-domaines professionnels. L'objectif était de permettre aux utilisateurs d'explorer les trajectoires de carrière des diplômés précédents sans se sentir perdus ou submergés.
En travaillant avec des maquettes de faible fidélité, j'ai eu la flexibilité de faire des ajustements rapides, de tester des variantes de design et d'explorer des solutions alternatives. Ce processus itératif m'a aidés à converger vers une conception plus raffinée et efficace.
En résumé, cette étape a été un tremplin crucial qui m'a permis tester différentes formes d'interactions et de layout, tout en établissant une base solide pour les étapes de conception ultérieures.
La sélection des outils appropriés pour la conception et le maquettage est un élément crucial du processus de développement. Pour ce projet, l'application Notability a été choisie en raison de sa simplicité et de sa facilité d'utilisation sur un iPad.
Notability offre la possibilité de créer des croquis rapides, ce qui s'est avéré extrêmement utile pour visualiser les premières idées et obtenir un aperçu global de l'architecture de l'application. Ce choix m'a permis de faire des modifications rapides et d'itérer de manière efficace.
En somme, le choix de Notability a facilité la rapidité et l'efficacité du processus de maquettage initial, tout en posant les bases pour une transition en douceur vers des outils plus avancés pour les phases ultérieures.
L'intégration du Marvie UI Kit dans le processus de conception a marqué une étape clé vers la réalisation de maquettes de haute fidélité. Utilisé via Figma, ce kit d'interface utilisateur riche en fonctionnalités a accéléré considérablement le workflow de conception.
Ce kit a introduit un éventail de composants préconçus qui étaient non seulement esthétiquement plaisants, mais également optimisés pour une bonne expérience utilisateur. Cela a permis de se concentrer sur la personnalisation et l'ajustement des éléments pour correspondre aux exigences spécifiques du projet.
L'emploi de Marvie UI Kit a également m'encouragé à explorer de nouvelles avenues pour améliorer l'interface. La variété des composants disponibles a ouvert la porte à de nombreuses possibilités créatives, me permettant d'expérimenter avec différents styles et fonctionnalités.
Cependant, il était essentiel de garder à l'esprit les objectifs et les contraintes du projet pour éviter de se perdre dans les multiples options offertes par le kit.
En résumé, l'intégration de Marvie UI Kit a été un tournant positif dans le processus de design, offrant à la fois un gain de temps et une qualité de design supérieure, tout en permettant une plus grande liberté créative.
Après avoir établi une solide base de maquettes de faible fidélité et avoir intégré le Marvie UI Kit, j'ai créé la première maquette de haute fidélité. Cette version a servi de prototype pour des tests d'ergonomie et des ajustements d'interface.
En utilisant Figma, j'ai pu simuler les interactions utilisateur, y compris les flux de navigation et les transitions entre les écrans. Cela a fourni une expérience utilisateur quasi-réelle, permettant des ajustements basés sur des commentaires directs.
Cette phase a également impliqué des tests avec des utilisateurs réels. Un autre avantage de cette étape a été la possibilité de valider mon choix de couleurs, de polices et d'autres éléments graphiques dans un contexte réel, plutôt que de se baser uniquement sur des suppositions ou des principes de design.
En somme, cette phase de haute fidélité a permis une révision complète de l'application, offrant des aperçus précieux et des opportunités d'amélioration avant la phase finale de développement.
La dernière étape a été caractérisée par l'alignement de l'interface avec un moodboard spécifique, créé pour garantir une cohérence avec le branding de la HEIG-VD et de COMEM+. Cette étape a été un point pivot pour affiner les détails graphiques et esthétiques. Le moodboard a servi de guide pour la sélection des couleurs, des polices et des éléments graphiques. Il a aidé à maintenir une uniformité visuelle tout au long du design, ce qui est crucial pour une expérience utilisateur cohérente.
Durant cette phase, j'ai également revisité et révisé les flux de navigation et l'interface utilisateur pour résoudre les problèmes d'ergonomie et d'alignement qui avaient été identifiés lors des phases de test. Des tests supplémentaires ont été effectués après ces ajustements pour garantir que les changements étaient bien reçus et pour valider l'efficacité des solutions apportées.
En résumé, la phase de finalisation a non seulement consolidé le design mais a également aligné l'application avec la vision globale et le branding, assurant ainsi une finition de haute qualité pour le produit final.
Ce projet a été une occasion inestimable d'explorer en profondeur les principes de l'UX et de l'UI Design. Il a permis d'acquérir une meilleure compréhension de la complexité derrière la création d'une interface utilisateur intuitive et engageante. Bien que satisfaisants, les résultats ne sont pas sans défauts. Des améliorations pourraient être apportées, en particulier dans la navigation et la découvrabilité des sous-domaines.
Le projet a également été une excellente plateforme pour l'apprentissage de nouveaux outils. Figma, en particulier, s'est révélé être un outil polyvalent pour la conception et le prototypage. Les retours d'utilisateurs recueillis tout au long du projet ont été un aspect inestimable, offrant des perspectives directes qui seront utiles pour l'élaboration de futurs projets.
En conclusion, cette expérience a été enrichissante à plusieurs égards et a fourni une solide base pour des initiatives futures dans le domaine de l'UX/UI Design.
