Ce mardi 14 septembre consacre la mise en service du nouveau portail de la MIOP, dont je présente ici les principales caractéristiques esthétiques et fonctionnelles.
Les 3 axes directeurs du cahier des charges étaient les suivants :
- Un site web adaptatif ou « responsive », soit en capacité de s’adapter aussi bien aux appareils mobiles qu’aux ordinateurs de bureau et ainsi, à toutes tailles et résolutions d’écran.
- Une refonte « UX », soit une approche web centrée sur l’utilisateur (ses besoins, pratiques et attentes), en termes principalement d’ergonomie informationnelle = plus d’accessibilité, de fluidité, d’intuitivité et d’efficacité.
- Une architecture graphique dite en « flat design » ou design plat, soit un style graphique minimaliste (caractérisé par une série d’aplats de couleurs) mettant l’esthétique au service de la fonctionnalité d’usage.
Ces orientations ont tout à la fois impacté :
- L’interface générale : une présentation des pages en mode « plein écran »
- Un « header » (= entête fixe d’un site web) dont la hauteur se réduit en scrollant vers le bas (mode « sticky »), pour ne laisser apparaître que ses 3 principales fonctions (menu, compte adhérent & barre de recherche)
- Le menu : des entrées plus explicites et un accès plus aisé aux sous-menus. A noter la nouvelle entrée « De vous à nous »
- La barre de recherche : une dimension plus ergonomique pour la saisie de recherche
- Le compte adhérent : une présence plus visible avec des services directement associés (oubli mot de passe, contact, préinscription en ligne…)
- La page d’accueil : une succession de bandeaux horizontaux colorés comme autant d’espaces et de contenus distincts que l’utilisateur est invité à visiter par un défilement vertical au moyen de la souris ou du doigt (un comportement de lecture devenu usuel par l’utilisation des interfaces tactiles). À noter l’intégration de l’artothèque à ce 1er niveau de navigation.
- Les images : la qualité visuelle (taille + netteté) est privilégiée, tant pour les visuels de l’action culturelle que pour la présentation des documents du catalogue
- Le catalogue : les résultats de recherche sont graphiquement unifiés (soit majoritairement présentés en mode liste) et le contenu des notices sensiblement épuré
- Le pied de page : il contient un accès supplémentaire aux infos pratiques des sites du réseau, ainsi que les mentions légales
A noter que le portail n’est pas totalement finalisé. Quelques pages & services (ex. Patrimoine, dossiers documentaires, contenus Babelio, sitothèque…) vont encore bénéficier d’améliorations graphiques et fonctionnelles durant ces tout prochains jours.
Cette nouvelle plateforme est principalement le produit d’un co-travail entre le directeur (pour la conception) et le webmestre (pour la réalisation) de la MIOP. Développée et publiée sous Bokeh, elle a bénéficié de l’accompagnement technique de Gladys Cathelain, consultante UX de la société BibLibre.
Filed under: internet, MIOP, numérique | Tagged: bibliothèque numérique, logiciel libre, MIOP, numérique | 1 Comment »