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.