SQOOL Classe (2022–2024)

Apporter du calme à la classe numérique : concevoir un outil de supervision pour enseignants

Grid Description

Un outil classe permettant aux enseignants de superviser l’usage numérique, grouper les élèves, et gérer l’activité classe en toute confiance — accessible depuis navigateur, rapide à configurer.

Introduction

SQOOL Classe est né d’un besoin : comment les enseignants peuvent-ils se sentir en contrôle de ce qui se passe sur les devices en classe ?

Avec le passage au BYOD et les déploiements massifs de devices dans les écoles françaises, on a créé un outil de supervision qui aide les enseignants à se concentrer sur l’enseignement — pas sur le troubleshooting tech.

Du feedback pilote au lancement produit, voici comment on l’a conçu.

01. Contexte

Le besoin Après le pivot vers une suite web, l’une des features les plus demandées était la supervision classe :

Voir ce que font les élèves
Lancer des ressources ou bloquer les distractions
S’adapter aux groupements classe et à la présence devices

Les contraintes :

Accessible via navigateur
Rapide à setup
Pensé pour des enseignants peu tech-savvy
Fonctionnel sur réseaux scolaires à faible débit

02. Mon Rôle

Product Design Lead

Responsabilités :

Recherche utilisateur et structuration du premier deck vision
Rédaction des PRDs initiaux avec le PO (flows, priorités)
Design des modèles d’interaction core et onboarding
Supervision du design UI détaillé et micro-interactions
Review QA visuelle et interaction jusqu’à la livraison

03. Design pour la Confiance

On s’est concentrés sur :

Visibilité : voir quels élèves sont connectés, ce qu’ils font

Grille temps réel avec refresh automatique
Aperçu miniature des écrans élèves
États devices (off, idle, actif, projeté)

Actionnabilité : outils 1-clic pour bloquer, ouvrir, pousser du contenu

Verrouiller/déverrouiller devices
Pousser un fichier, app ou site à toute la classe
Projeter l’écran d’un élève au tableau

Calme : animations et layouts qui ne submergent pas

Skeleton loading pour réduire perception latence
Transitions d’états fluides
Layouts adaptatifs (6 à 32 élèves par classe)

04. Défis Design Produit

Contraintes réseau

Conditions réseau instables à visualiser (qui est connecté ? qui a perdu la connexion ?)
Élèves qui changent de classe → logique de groupement dynamique
Tous les enseignants n’ont pas de classes déclarées → expériences de fallback

Solutions apportées :

Grille temps réel (refresh-safe) avec indicateurs connexion
Timers et outils modération
Flows login invité pour classes partagées
États visuels clairs (connecté/déconnecté/en attente)

Patterns d’interaction :

Hover reveals pour actions device
Drag-based projection interactions
Mode light/dark complet
Layout adaptable selon nombre élèves

05. Impact & Apprentissages

Retours enseignants :

Simplicité de l’interface appréciée
Supervision temps réel valorisée
Capacité à pousser une activité numérique sans friction ENT

Déploiement :

Lancé en production dans plusieurs contrats régionaux
Retours positifs via équipes Customer Success
Devenu un des piliers de la SQOOL Suite
App de référence pour usabilité au sein de la suite

Ce qu’on a appris :

La supervision UX, c’est de la transparence, pas du contrôle
Les enseignants veulent des layouts fluides et lisibles — même dans les moments de stress
Concevoir pour les vraies classes = concevoir pour des réseaux peu fiables
Les micro-interactions et le feedback visuel immédiat créent la confiance

06. Assets

sqool-classe-dashboard@2x.png — Vue grille + projection
classe-uxdeck.pdf — Deck UX stratégie
session-setup-animation.mp4 — Animation config session
pilotage-connect-synthesis.pdf — Synthèse tests pilotage
device-states-specs.pdf — Specs états et transitions