L’application Annuaire est une pièce essentielle du portail éducatif NEO,
surtout sachant que son utilisation est basée sur le concept du réseau social.
Cette notion de réseau est donc ici une question centrale.
L’annuaire est un des moyens de rendre visible et de faire découvrir son
réseau à l’utilisateur, qui peut ainsi le parcourir dans une logique exploratoire.
Il y est invité à interagir avec les autres membres, et donc à en développer les usages.
Techniquement, le réseau est composé d’individus, eux même répartis dans des groupes
prédéfinis par les établissements scolaires. Le tout est régi par un ensemble de
règles de communications parfois complexes mais indispensable pour préserver
l’intimité des utilisateurs.
Cependant l’Annuaire permet seulement de visualiser des individus.
L’organisation du réseau apparaît de ce fait très opaque aux utilisateurs
lorsqu’ils ont affaire à la notion de groupes, et il devient rapidement laborieux
de partager des ressources en masse.
Après avoir collecté, filtré et organisé dans le backlog
les demandes utilisateurs provenants des tickets du support, l'équipe,
en accord avec les clients, établit une liste de souhaits pertinente et
intelligible. Il faudrait :
Dans l'application Annuaire :
Au moment de partager un contenu :
Une des difficultés du chantier, à la fois technique et ergonomique,
est la prise en compte de l’existant. Il faut trouver le juste équilibre entre
“faire évoluer” et “tout transformer”.
Les parcours affectés sont aussi conçus pour la consultation
smartphone et tablettes, il faut donc adapter le design en conséquence
et gérer aussi les cas où certains outils ne seraient délibérément pas
accessibles aux terminaux mobiles.
Un autre point important est celui de composants transverses au portail qui seront à faire évoluer dans le cadre du projet. Il faut veiller à éviter que les transformations ne causent des régressions et à cette fin, anticiper intelligemment les scénarii.
Le développement de certaines applications a été confié à des sociétés tierces.
Ces partenariats ne bénéficiaient pas à l’époque de supervision sur
la conception UI et lègue de ce fait une dette technique dont il va falloir
s'acquitter dans ce chantier.
Les composants utilisés semblent visuellement et fonctionnellement
similaires à leurs homologues du framework. Pourtant, ils héritent de
trop d'adhérence et les occurrences présentent des divergences incohérentes.
Une mission de recensement des composants est lancée, suivie d’un travail
d’harmonisation technique afin qu’ils puissent hériter dynamiquement des
nouvelles évolutions.
Satisfaire les demandes retenues implique un nombre bien supérieur
d’évolutions que de souhaits formulés.
Chaque module est prototypé, les comportement et l'architecture sont documentés
afin d’accompagner au mieux les développeurs lorsqu’ils devront imbriquer les
composants au framework.
Les cas d’abondance et de pénurie sont systématiquement pris en compte dans les chantiers.
Une section vide ou un bouton non disponible n'apparaîtront donc pas.
L’application Annuaire devient le théâtre central des opérations. Trois sections vont désormais constituer la navigation :
Nommer les groupes personnalisables par l’utilisateurs “Favoris de partage” permet d’indiquer de manière simple quelle est la fonction de la section.
Le parti est pris de fusionner la navigation et la recherche dans
le même module. Les icônes représentent les nouvelles sections de l’Annuaire.
Ce composant polymorphe est conçu pour s’adapter
à la fois à l’affichage desktop et à l’affichage mobile.
Les fiches contacts sont retravaillées, ainsi que la vue détaillée d’un individu
Un encart d’information apparaît au clic sur une fiche pour y apporter plus de détails.
Un fil d’Ariane générique et responsive est conçu de façon à être intégré au framework de composants et pourra être réutilisé dans d’autre types d’applications.
See the Pen Breadcrumbs by AkitaInu99 (@AkitaInu99) on CodePen.
Afin que l'utilisateur puisse composer lui même ses favoris, un formulaire aéré est mis en place, chaque étape y est clairement délimitée pour rendre le tri et la sélection fluide et intuitive.
