É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

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

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

Voici quelques-unes des pages intérieures communes à la plupart des projets. 

Programme OAB CARE

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

Vous trouverez ci-dessous quelques applications supplémentaires du modèle dans d'autres programmes.