Carnet de bord

Un widget pour informer les parents sur l'activité scolaire des enfants

Type
Widget
Devices
Desktop
Release
2016
Company
Open Digital Education
Roles
  • Product thinking
  • Sketching
  • Visual design & Interaction design
  • Frontend development
Tools
  • Moqups
  • AngularJS
  • HTML5
  • SASS

Le contexte

Au sein d’un portail éducatif dont le parti pris fort est son approche sous forme de réseau social, les utilisateurs bénéficient de fonctionnalités différenciées selon leurs profils.
Les profils de type corps enseignant ou élèves sont bien sûr mis à l’honneur et disposent d’un maximum de services. Cependant, de nombreux retours utilisateurs évoquent les profils de type parent qui font face à une page d'accueil mal exploitée et trop “vide”.
Celà s’explique de manière simple : il n’est pas souhaité que les profils de type parent puissent entrer en relation entre eux, ni avec un certain nombre d’autres profils utilisateurs. Leur réseau est donc restreint, et de ce fait, la page d’accueil dont le rôle principal est de faire remonter l’activité récente du réseau, est trop peu animée.

À l’écoute des utilisateurs et des clients

Un des souhaits formulés par les clients est d'accéder directement depuis le portail à une sélection des données du service national de vie scolaire, qui est un produit externe.
Un tel outil inciterait plus les parents à se connecter au portail qui deviendrait le point de centralisation des informations concernant la scolarité de leurs enfants. Il serait disponible à la fois pour les parents mais aussi les élèves aux même, leur fournissant un récapitulatif de leur activité.

Vue élève - Vue parent d'un élève - Vue parent "n" élèves

Les contraintes

La page d’accueil est organisée en deux sections : La Timeline sur laquelle des billets se succèdent témoignant de l’activité du réseau de l’utilisateur, et les Widgets qui sont une suite de petits encarts flottant en colonne, et offrant diverses fonctionnalitées.

Après évaluation des contraintes techniques qui consisteront à aspirer le flux xml de données du service externe pour le restituer dans l’interface du portail, c’est la décision de concevoir le nouvel outils sous la forme du Widget l’emporte.

La largeur dédié à la colonne de ces composants est fixée à 260px ce qui limite de façon conséquente l’espace disponible, sachant qu’il faut conserver aussi de l’espace sur la hauteur et garder visibles les autres widgets.

Une autre donnée à prendre en compte est la gestion de l’abondance : le composant doit à lui seul s’adapter au cas où le parent ait plusieurs enfants, et permettre la consultation de l’activité pour chacun d’entre eux.

Raisonnement et réponses apportées

Pour aborder les contraintes d’espace il me paraît pertinent de gérer la composition comme si nous avions affaire à un device mobile et donc de rechercher de l’inspiration de ce côté là.
Les catégories d’informations sont limités à cinq :

  • Absences
  • Retards
  • Notes
  • Devoirs
  • Compétences

Afin de simplifier le premier niveau de lecture, une vue résumée présente pour chaque catégorie, la dernière information en date. Au clic, les 5 dernières informations de cette catégorie sont présentées dans une lightbox. L’utilisateur a la possibilité depuis cette étape d’accéder au service externe afin de consulter l'intégralité des informations.

En entête, un système d’onglets scrollable à l’horizontale permet d’ajouter autant d’enfants qu’il est possible d’en avoir.

Le travail iconographique permet de reconnaître facilement à quelle catégorie correspondent les informations, et le travail de déclinaison des couleurs, de s’adapter dynamiquement à la couleur secondaire du thème de l’instance du portail.

Intégration à la page d'accueil
Back to projects