Étude de cas - Modèle principal
Modèle principal pour les programmes d'évaluation de la pratique personnelle
Projet
Plate-forme réactive desktop et mobile
Chronologie
février 2020 - juillet 2021
Projet interne
Ce projet découle du besoin d'optimiser et d'accélérer le processus de production de programmes de formation médicale en ligne qui partagent une structure similaire.
Équipe
Directeur des technologies d'affaires
Chef de projet
Designer UX
Analyste Développeur
Programmeur
Mon rôle
Recherche, architecture de l'information, expérience utilisateur, conception visuelle
À propos
Les programmes d'évaluation personnelle de la pratique (PPA) sont une occasion pour les médecins de réfléchir à leur pratique et d'identifier les possibilités d'amélioration des soins aux patients. Ces programmes ont souvent des structures complexes, obligeant les participants à effectuer différentes étapes séquentielles avant de terminer le programme. Une fois terminé, les participants reçoivent un rapport individualisé, comparant leurs résultats aux données nationales agrégées de leurs pairs.
Ma contribution
En tant que seule personne de l'équipe responsable de la production des interfaces de programmes, cette initiative personnelle découlait de mon désir de rationaliser le processus de workflow et d'optimiser nos procédures.
J'ai développé un modèle principal comprenant chaque type de page et de section généralement développé dans les programmes PPA pour aider à organiser la structure de ces sites Web. Cela me permettrait de me concentrer sur la conception visuelle de la marque du programme.
Défis de conception
Ce projet comportait deux défis majeurs :
1) appliquer le processus de conception centré sur l'utilisateur et 2) comprendre les besoins de l'utilisateur. Dans un premier temps, je devais collecter toutes les informations des utilisateurs, analyser les données et présenter les résultats sous forme de profils d'utilisateurs aux parties prenantes. J'ai ensuite créé deux structures de site, afin de définir le design.
Recherche
Outils: Google Analytics
En utilisant les informations de la base de données des participants qui ont terminé des programmes antérieurs, j'ai pu établir efficacement qui sont nos utilisateurs.
Persona
Outils: Google Analytics / Adobe Illustrator
Grâce à une date précise et à des questions ciblées aux parties prenantes, j'ai cherché à acquérir une compréhension plus approfondie des utilisateurs en définissant deux personas. En plus de définir les données sur le sexe, la population ou l'âge, il était également essentiel d'identifier la technologie utilisée pour interagir avec l'interface. En conclusion, les données montrent que nos utilisateurs ont un niveau intermédiaire d'utilisation de la technologie et que moins de 6% utilisent des tablettes, ce qui m'a amené à me concentrer sur les versions desktop et mobile.
Workflow utilisateur
Outils: Miró
Mon intention est de définir le chemin que les utilisateurs doivent suivre pour terminer le programme jusqu'au bout.
Pour atteindre cet objectif, une nouvelle fenêtre d'aide avec un chat en direct a été mise en place pour assister les utilisateurs au moment de l'inscription.
Ce changement dans le premier programme mis en place nous a permis d'aider 22 participants qui autrement auraient dû demander de l'aide par courriel ou n'auraient pas pu passer à l'étape suivante du programme, ce qui est l'une des principales raisons pour lesquelles les participants perdre tout intérêt ou abandonner le programme.
Architecture du site
Outils: Cacao
Puisqu'une structure était déjà établie à partir de projets antérieurs, les composantes ou sections à créer pour les projets futurs étaient plus faciles à définir à l'aide de ce modèle.
Kit d'interface utilisateur
Outils: Adobe Illustrator / AdobeXD / Material Design
J'ai développé de nombreux éléments du kit d'interface utilisateur en même temps que le modèle.
L'idée était d'avoir un point de départ, sans avoir à concevoir chaque élément et détail à partir de zéro. Cela me permettrait également d'éditer et d'adapter facilement ces éléments aux particularités de chaque programme.
Pages principales du modèle principal
Outils: Adobe Illustrator / AdobeXD / Material Design
Voici quelques-unes des pages intérieures communes à la plupart des projets.
Programme OAB CARE
Outils: Adobe Illustrator / Adobe Photoshop / AdobeXD / Material Design
L'exemple ci-dessous illustre une version personnalisée du modèle, qui a été adaptée aux couleurs et à la marque du programme.
Autres applications de modèle
Outils: Adobe Illustrator / Adobe Photoshop / AdobeXD / Material Design
Vous trouverez ci-dessous quelques applications supplémentaires du modèle dans d'autres programmes.
