ProjetsServicesMéthodeAnalysesÀ proposLancer un projet →
← Projets
EdTech / Plateforme de formation · Web et web mobile

Hoonuit

Une plateforme de formation pour les enseignants, organisée autour de trois verbes

Client
Hoonuit
Région
États-Unis
Année
2018
Services
Design produit, UX, Design d'interface, Design responsive
Vue d'ensemble des écrans de la plateforme Hoonuit, dont les pages de parcours, de module de formation et d'évaluation.

Hoonuit propose aux enseignants des formations professionnelles en ligne. Ceux-ci les utilisent pour développer leurs compétences, cumuler des heures de formation validées, et obtenir les relevés et badges qu'exige leur district scolaire. Le contenu existait déjà : des milliers de courtes vidéos, d'exercices et d'évaluations. Notre travail a porté sur la structure qui l'organise, sur ordinateur comme sur téléphone.

Le défi

Les enseignants se forment sur le temps qui leur reste, souvent par courtes sessions entre deux obligations. Ils doivent savoir trois choses rapidement : ce qu'on attend d'eux, combien de temps cela prendra, et ce qu'ils auront à montrer à la fin. Plus la bibliothèque est vaste, plus il est difficile d'y répondre. La plateforme devait dire à chaque enseignant exactement où il en était, à chaque niveau, sans l'obliger à parcourir un catalogue.

L'approche

Nous avons organisé le contenu en trois niveaux et donné à chacun la même forme. Un parcours est un cursus. Un module de formation est un thème à l'intérieur de ce cursus. Dans chaque module, le travail est toujours réparti de la même façon : LearnIt pour les leçons vidéo, DoIt pour la pratique, ProveIt pour l'évaluation.

On retrouve à chaque niveau la même carte de synthèse : ce qu'il comprend, le temps nécessaire, la part déjà accomplie et ce qu'il permet d'obtenir. Un enseignant qui comprend une page les comprend toutes.

L'interface est sobre. Un unique badge magenta signale les compteurs, et le bleu marque la sélection en cours et l'action suivante.

Les parcours d'abord

Le tableau de bord s'ouvre sur les parcours de l'enseignant. Chaque carte indique combien de modules sont obligatoires, combien sont optionnels, et si le parcours permet d'obtenir des badges ou des crédits. Les récompenses qu'un parcours n'offre pas sont barrées, et non masquées, pour que les cartes restent comparables. Les modules les plus suivis viennent ensuite, regroupés par matière.

Tableau de bord avec quatre cartes de parcours et un carrousel des modules de formation les plus suivis.
Ce qu'exige un parcours

La page d'un parcours associe la description à une carte de synthèse fixe : modules obligatoires et optionnels, durée de chacun, progression à ce jour et ce que l'on obtient en le terminant. Le programme est listé en dessous, modules obligatoires en premier.

Page détaillée d'un parcours avec la description et une carte de synthèse des modules, de la durée, des badges et des crédits.
La même carte, un niveau plus bas

Un module de formation reprend la même mise en page. La carte de synthèse compte désormais les trois types de travail qu'il contient : vidéos LearnIt, exercices DoIt et évaluations ProveIt, chacun avec sa propre durée et sa propre progression.

Page d'un module de formation avec une carte de synthèse listant les vidéos LearnIt, les exercices DoIt et les évaluations ProveIt.

LearnIt

À l'ouverture d'un module, le lecteur s'affiche. La vidéo occupe la partie gauche, et la playlist reste ouverte à droite, découpée en chapitres, avec la durée de chaque leçon. Trois onglets en haut permettent de passer de l'apprentissage à la pratique et à l'évaluation sans quitter le module.

DoIt

Les exercices pratiques peuvent être réalisés dans le navigateur, ou téléchargés puis renvoyés plus tard. Les travaux que les enseignants choisissent de partager apparaissent dans une liste, et l'exercice devient ainsi une façon de voir comment des collègues ont abordé la même tâche.

Onglet DoIt avec une liste d'exercices partagés et les consignes pour en réaliser un.
ProveIt

Une évaluation affiche le score et, à côté, chaque question manquée avec la réponse donnée. Les tentatives précédentes sont conservées, et l'enseignant peut réessayer à tout moment.

Synthèse d'une évaluation affichant un score de 72 % et une liste de questions incorrectes.
Sur téléphone

La version mobile conserve le même ordre et les mêmes cartes. Les parcours défilent horizontalement, les onglets de matières deviennent un menu unique, et la page d'un parcours empile sa synthèse sous la description.

Tableau de bord mobile avec des cartes de parcours et une liste de modules populaires.
Page mobile d'un parcours avec une illustration, des onglets et la description.
Le lecteur, réagencé

Sur un petit écran, la vidéo passe en haut et la playlist s'affiche en dessous. Les trois onglets descendent en bas de l'écran, à portée de pouce.

Lecteur vidéo mobile avec la playlist et les onglets LearnIt, DoIt et ProveIt en bas.
Écran mobile de démarrage d'une évaluation avec la playlist du module en dessous.

Un enseignant qui dispose de vingt minutes peut ouvrir la plateforme, voir ce qu'on attend de lui, et en boucler une partie.

Projet suivant
Field Nation →
Lancer un projet

Vous avez un projet en tête ?

Nous ne prenons qu'un nombre limité de projets par trimestre. Parlez-nous du vôtre.

Nous contacter →