Zoom sur la nouvelle page d’accueil de l’ENT Hauts-de-France NEO

Accueil / Actualités/ Zoom sur la nouvelle page d’accueil de l’ENT Hauts-de-France NEO

C’est une petite révolution : la page d’accueil dévoile un tout nouveau design ! Quels sont les objectifs de cette évolution ? Quelles sont les nouvelles fonctionnalités ? On vous dit tout !

Une évolution motivée par des intentions fortes

Outre la volonté de rendre la page d’accueil plus attrayante, cette évolution a été motivée par de nombreux aspects UX. Pour les néophytes, l’UX, ou User Experience, désigne l’art de concevoir une interface accessible et facile à prendre en main pour tous et sur tout type de support. Après des mois d’analyse, trois intentions se sont dégagées :

  • Optimiser l’architecture et de la lisibilité des informations.
    Comment ? En réorganisant la disposition des Widgets, avec une séparation claire entre les informations institutionnelles, les informations liées au réseau de l’utilisateur et ses informations personnelles.
  • Permettre à l’utilisateur de s’orienter plus rapidement dans son réseau.
    Comment ? En créant un encart dédié au profil de l’utilisateur, qui mentionne son établissement et renvoie vers l’application Annuaire.
  • Améliorer l’expérience lors des usages “responsives”.
    Comment ? En créant une vue spéciale pour les Widgets lors des connexions sur téléphone ou tablette.

Zoom sur la nouvelle page d'accueil de l'ENT Hauts-de-France NEO 1

Des Widgets mieux ordonnés

Jusqu’à présent, l’affichage de nombreux Widgets, disposés dans une seule et même colonne à gauche de l’écran, ne permettait d’en visualiser que quelques-uns, à moins de se rendre plus bas dans la page, et certains widgets importants n’étaient pas activés par l’utilisateur ou demeuraient positionnés en dernière position.

En version web, la nouvelle page d’accueil propose à présent deux zones de Widgets pour une meilleure visibilité de l’ensemble des outils ! La colonne de gauche est réservée aux informations institutionnelles, comme les Widgets Actualités, Agenda et RSS. La colonne de droite est quant à elle dédiée aux outils et aux informations personnelles, comme les Widgets Mes applis, Liens utiles (ex Signets) ou encore le Dictaphone.

Autre nouveauté, le panneau de personnalisation de la page d’accueil a lui aussi bénéficié d’un léger lifting. Son design est à présent plus unifié et moderne.

Zoom sur la nouvelle page d'accueil de l'ENT Hauts-de-France NEO 2

Un nouveau Widget “Mon réseau”

Pour permettre aux utilisateurs de mieux comprendre l’étendue de leur réseau, la refonte de la page d’accueil comprend la création du Widget “Mon réseau”. Outre le nom de l’utilisateur et de son établissement, l’outil permet, en fonction du profil, d’accéder en un clic à l’application Annuaire pour identifier les membres de son réseau.

  • Les élèves disposent d’un bouton “Ma classe” et d’un bouton “Mes enseignants”
  • Les enseignants peuvent cliquer sur “Mes classes” et sur “Equipe enseignante”
  • Les parents bénéficient des boutons “Equipe enseignante” et “Direction”

Zoom sur la nouvelle page d'accueil de l'ENT Hauts-de-France NEO 3

L’optimisation de l’affichage des notifications et des messages flash

Le Fil de nouveautés reste l’élément central de la page d’accueil et affiche comme toujours les dernières notifications du réseau de l’utilisateur. Le design est cependant amélioré pour repérer en un coup d’œil de quelle application est issue la notification, grâce à un code couleur, mais aussi avec la mention directe de l’application concernée. L’affichage de la date est également amélioré et comprend même l’heure de l’émission de la notification. Côté messages flash, ils sont désormais replié par défaut pour ne pas occuper tout l’espace disponible.

Zoom sur la nouvelle page d'accueil de l'ENT Hauts-de-France NEO 4

L’amélioration du “responsive”

L’affichage de la page d’accueil sur téléphone et tablette a été complètement repensé pour une meilleure expérience utilisateur. La version dite “responsive” affiche dorénavant un menu à trois onglets, suivant l’ordre d’affichage des éléments en version web. Ainsi, l’utilisateur visualise d’abord la colonne centrale, c’est-à-dire le Fil de nouveautés. L’onglet à gauche, nommé “Etablissement”, permet d’accéder aux Widgets institutionnels, et l’onglet à droite, nommé “Mes widgets”, permet de se rendre sur ses outils personnels.

Zoom sur la nouvelle page d'accueil de l'ENT Hauts-de-France NEO 5

Région Hauts-de-France