Conception de sites web

Skylor Tutor

Skylor Tutor est une plateforme d'apprentissage en ligne de nouvelle génération qui met en relation les élèves, les tuteurs et les administrateurs grâce à une expérience numérique personnalisée. Elle propose un apprentissage en temps réel, une mise en relation intelligente avec les tuteurs et des outils basés sur l'intelligence artificielle tels que Tutor Twin, la plateforme améliore l'apprentissage tout en offrant aux enseignants les outils nécessaires pour gérer les sessions et suivre les progrès des élèves. Conçue dans un souci d'accessibilité et d'expérience utilisateur, Skylor Tutor crée un environnement intuitif et captivant qui répond aux besoins spécifiques de chaque utilisateur.

Détails du projet

Lieu : Atlanta / Télétravail

Chronologie : 2025 / 1 mois

Fonction : Concepteur d'interactions

Type de projet : Application éducative

Secteur d'activité : B2C

Prototype : Prototype de Skylor Tutor

Processus créatif

L'objectif était de repenser et d'harmoniser l'interface utilisateur et l'expérience utilisateur pour tous les rôles (étudiants, tuteurs et administrateurs), afin de créer une plateforme épurée, moderne, accessible et évolutive, en accord avec l'identité de marque éducative de Skylor Tutor.

Questions « Comment pourrions-nous… ? »

 

 1. Expérience et implication des tuteurs
Comment HMW permet-il aux tuteurs de se sentir davantage valorisés et motivés sur la plateforme ?
HMW : comment rationaliser l'intégration des tuteurs afin de réduire le temps de mise en place ?
Comment HMW aide-t-il les tuteurs à adapter leur méthode d'enseignement à chaque élève ?
HMW permet-il aux tuteurs de suivre facilement les progrès des élèves au fil du temps ?

 2. Interaction entre l'étudiant et le tuteur
Comment HMW rend-il les cours plus interactifs et plus captivants pour les élèves ?
Comment réduire les absences sans préavis ou les annulations de dernière minute ?
Comment les HMW aident-ils les tuteurs à cerner rapidement les lacunes d'un élève ?
Les HMW permettent-ils une communication fluide entre les tuteurs et les étudiants ?

3. Intégration et ergonomie  
Comment HMW rend-elle l'application intuitive pour les tuteurs et les élèves novices ?  
Comment HMW permet-il de réduire la courbe d'apprentissage liée aux nouvelles fonctionnalités ?  
Comment HMW garantit-il l'accessibilité aux utilisateurs en situation de handicap ?  
Comment faire pour que la configuration du profil sur HMW soit à la fois rapide et complète ?  


Comprendre les utilisateurs

Personnages

Recherche secondaire

 

Apprentissage personnalisé et conception adaptative
Des études montrent que la personnalisation est une fonctionnalité clé recherchée par les utilisateurs dans les applications d'apprentissage. Des éléments tels que le contenu adaptatif, l'appariement des tuteurs basé sur l'IA et la flexibilité des horaires renforcent considérablement l'engagement et l'efficacité de l'apprentissage, ce qui en fait des axes essentiels pour les fonctionnalités de l'interface que nous concevons.

L'expérience d'intégration est essentielle
La phase d'intégration est un facteur déterminant pour la fidélisation des utilisateurs. Une première expérience fluide, instructive et accueillante augmente considérablement les chances que les utilisateurs continuent à utiliser la plateforme.

Confiance, crédibilité et profils des tuteurs
La confiance est essentielle dans le domaine des applications éducatives. Les utilisateurs sont plus enclins à faire appel à des tuteurs dont les qualifications ont été vérifiées, qui disposent d'une biographie détaillée et dont les avis sont transparents.

Ergonomie des fonctionnalités vidéo et de messagerie
Des outils de communication fluides, notamment les appels vidéo et la messagerie intégrée à l'application, sont essentiels à la satisfaction des utilisateurs. Lorsque ces fonctionnalités ne fonctionnent pas correctement, les utilisateurs sont plus enclins à abandonner la plateforme.

Gamification et engagement
Les fonctionnalités ludiques telles que les séries de jours consécutifs, le suivi des objectifs et les badges peuvent renforcer la motivation, même chez les étudiants, en rendant les progrès plus captivants et gratifiants.

Optimisation pour les appareils mobiles et accessibilité
L'ergonomie axée sur le mobile et la conception inclusive jouent un rôle crucial dans l'adoption des applications, en particulier dans les milieux éducatifs.

Parcours utilisateur

 

Après avoir mené des recherches secondaires, analysé les besoins des utilisateurs et examiné les informations fournies par l'entreprise, nous avons commencé à élaborer des parcours utilisateur afin de définir les interactions et les parcours clés.

Maquettes fonctionnelles

 

Une fois les parcours utilisateurs définis, nous sommes passés à la phase de création des maquettes fonctionnelles afin de définir la mise en page de l'application, la hiérarchie des informations et l'expérience utilisateur. Vous trouverez ci-dessous quelques exemples de ces maquettes.

Guide de style

 

Dans le cadre de ce projet, nous avons été chargés de repenser le logo. Dans la foulée, nous avons élaboré un guide de style complet comprenant les éléments essentiels à la création de maquettes haute fidélité, tels que la palette de couleurs, la typographie, les icônes et les composants de l'interface utilisateur. Conforme à l'identité de marque et aux principes de conception de Skylor Tutor, voici un bref aperçu du guide de style finalisé.

Maquettes haute fidélité / Prototypes

 

Une fois les maquettes fonctionnelles finalisées et le guide stylistique établi, nous sommes passés à la phase de conception haute fidélité. Vous trouverez ci-dessous quelques exemples des écrans finaux.

Tests d'ergonomie

 

Objectif : Évaluer la facilité d'utilisation et l'intuitivité des principaux parcours utilisateur au sein de l'application Skylor Tutor. L'objectif était de tester les interactions essentielles pour deux types d'utilisateurs : un étudiant et un jeune adulte apprenant, afin d'identifier les points à améliorer avant la phase finale de développement.

Participants

  • Participant n° 1 : Emma, 19 ans – Étudiante en psychologie
  • Participant n° 2 : Jordan, 26 ans – Jeune adulte, il a récemment repris ses études pour suivre une formation continue en marketing numérique.

Tâches attribuées

  1. Connectez-vous à l'aide de Face ID ou du code d'accès de votre appareil
  2. Créer un nouveau compte
  3. Rechercher une séance de soutien scolaire
  4. Rechercher un atelier de perfectionnement
  5. Effectuer un paiement pour une séance ou un cours sélectionnés

Principales conclusions et observations

Tâche n° 1 : Se connecter (Face ID ou code d'accès)

  • Étudiant : Une interaction fluide et rapide ; aucun problème.
  • Jeunes adultes : L'option du code d'accès a bien fonctionné ; j'ai apprécié de disposer d'alternatives à Face ID


Exercice 2 : Création d'un compte

  • Étudiant : J'ai trouvé la procédure d'inscription claire et rapide.
  • Jeunes adultes : Une expérience fluide ; j'ai apprécié la possibilité de choisir le type d'utilisateur (étudiant/tuteur).


Exercice n° 3 : Rechercher une séance de soutien scolaire

  • Étudiant : J'ai bien compris l'objectif de la recherche, mais j'ai remarqué que les filtres thématiques n'étaient pas encore opérationnels. Les aperçus des fiches de tuteurs m'ont aidé à prendre une décision.
  • Jeunes adultes : Il m'a fallu quelques secondes pour comprendre la présentation, mais j'ai trouvé les résultats utiles.


Exercice n° 4 : Rechercher une masterclass

  • Étudiant : La navigation s'est bien déroulée après avoir changé d'onglet.
  • Jeunes adultes : J'ai facilement trouvé le cours d'écriture de scénario et j'ai apprécié les extraits vidéo.


Tâche n° 5 : Effectuer un paiement

  • Les deux : La transaction s'est déroulée sans problème ; j'ai apprécié la prise en charge d'Apple Pay.
  • Jeunes adultes : A demandé un écran de confirmation plus détaillé.

Conclusion


Les deux participants ont mené à bien toutes les tâches clés, validant ainsi les fonctionnalités essentielles de l'application. Des améliorations mineures en matière d'ergonomie, telles qu'un guide d'initiation optimisé, une meilleure expérience de recherche et un retour visuel amélioré, pourraient encore rationaliser l'expérience utilisateur et favoriser la fidélisation des utilisateurs. L'application a été perçue comme moderne, intuitive et bien adaptée à un usage pédagogique.

 

Écrans finaux

 

À l'issue des tests d'ergonomie, nous avons peaufiné plusieurs écrans clés en nous appuyant sur les commentaires des participants afin d'améliorer la clarté, l'ergonomie et le parcours utilisateur global. Vous trouverez ci-dessous quelques exemples des écrans définitifs.

Réflexion

Ma participation au développement de l'application Skylor Tutor au sein d'une équipe de conception a été une expérience enrichissante qui m'a permis de renforcer à la fois mes compétences en conception et en collaboration. Travailler avec un véritable client nous a poussés à trouver le juste équilibre entre les besoins des utilisateurs, les objectifs commerciaux et l'identité de marque tout au long du projet. Grâce à la recherche, aux revues de conception, aux tests d'ergonomie et aux itérations, j'ai acquis une meilleure compréhension de l'importance du travail d'équipe, d'une communication claire et de l'impact d'une conception centrée sur l'utilisateur dans la création d'expériences numériques enrichissantes.

Autres œuvres récentes

Vous souhaitez en savoir plus ? Voici quelques projets supplémentaires qui illustrent mon processus de conception, mon approche de la résolution de problèmes et mon expérience dans la création de produits numériques centrés sur l'utilisateur dans différents secteurs d'activité.