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é.
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.