Refonte de l'interface d'administration d'un CMS

Schlumberger est le plus grand fournisseur mondial de services aux groupes pétroliers du monde entier avec 70 000 employés opérant dans 80 pays. L'intranet global de Schlumberger, « The Hub », est utilisé par des dizaines de milliers d'utilisateurs chaque jour et plusieurs milliers d'auteurs y contribuent. Le Hub fonctionne avec un CMS construit sur mesure au milieu des années 90 et contient aujourd'hui plusieurs centaines de milliers d'objets.

Le projet

Schlumberger a demandé à K+A de reconcevoir l'interface utilisateur de son intranet après avoir mesuré la difficulté d'utilisation de l'ancienne interface et le temps que passait l'équipe d'assistance à expliquer certaines fonctionnalités. La grande quantité de contenus déjà présents dans le système rendait impossible un changement de la technologie utilisée et de ce fait, la logique du CMS existant.

Notre approche

Détail du diagramme général du CMS en place

Détail du diagramme général du CMS en place

Nous avons commencé par analyser et cartographier l'interface d'administration existante. Notre diagramme synoptique nous a aidé à comprendre le système et a servi de support pour collaborer avec le client et l'équipe de développement. Un ensemble d'interviews avec les utilisateurs du HUB et de l'équipe d'assistance a permis d'identifier les fonctionnalités les plus importantes et celles qui n'étaient pas utilisées dans le système existant.

A partir des connaissances acquises durant la phase d'analyse, nous avons conçu une nouvelle interface qui propose un certain nombre de nouvelles fonctionnalités tout en simplifiant des fonctionnalités existantes.

La principale difficulté rencontrée par les utilisateurs était de comprendre comment la page affichée sur l'intranet allait se construire à partir de nombreux objets distincts, et comment ils allaient manipuler les différentes parties de la page. L'information est stockée sous forme d'objets dans le HUB. Chaque page intranet est assemblée à partir de nombreux objets différents : tout en présentant le contenu de l'objet affiché dans la colonne centrale, la liste des actualités, des liens ou la navigation globale viennent d'autres objets.

La solution

Détail d'un gabarit de page

Détail d'un gabarit de page

L'interface existante rendait difficile à comprendre la relation entre un objet et le contenu final de la page assemblée. C'est pourquoi nous avons développé une « vue globale » comme, pièce centrale du système d'administration.  Elle permet à l'utilisateur de voir toutes les parties d'une même page en lui donnant un accès direct à tous les écrans de modification de ces différentes parties. Nous avons regroupé les fonctionnalités existantes suivant le zonage de la vue globale et nous avons créé un graphisme pour toutes les écrans d'administration nécessaires. Un ensemble de nouvelles fonctionnalités fondées sur les rôles et les actions des utilisateurs ont été ajoutées, comme un accès direct aux objets récemment modifiés, une liste des objets sur lesquels l'utilisateur a des droits de modification et ses répertoires et fichiers au sein du système. En plus de l'interface d'administration complète, nous avons développé une version simplifiée pour les utilisateurs moins avertis. Cette version contient seulement quelques écrans choisis de modification et fournis seulement les principales fonctionnalités pour mettre à jour et créer des pages simples.

K+A a livré une interface utilisateur complète avec plus de quatre-vingt écrans, en codant le XHTML et le JAVASCRIPT nécessaires à toutes les opérations d'édition et d'administration.

Le résultat

Détail d'une page HTML finale

Détail d'une page HTML finale

La réaction des utilisateurs au nouveau système a été très positive et le temps passé par l'équipe de développement a fortement diminué.

Depuis la phase initiale de refonte de l'interface en 2005, K+A travaille régulièrement sur différentes parties du HUB, améliorant certaines parties de l'interface (comme la processus de téléchargement des fichiers) et ajoutant de nouvelles fonctionnalités (comme un outil de statistique et un workflow de suggestions utilisateurs).