Dans les coulisses d’Explorer : du concept à la prise en main | Analytics

L’innovation collaborative fait partie intégrante de la culture d’entreprise d’AT Internet. Et notre organisation à taille humaine nous permet de collaborer facilement et largement (en interne entre les équipes et en externe avec les clients). Nous créons ainsi des outils qui s’adaptent en permanence aux besoins clients. Dans cette série, découvrez comment nous appliquons cette approche de co-développement dans la conception de nos produits. Entrez dans les coulisses d’Explorer, notre outil d’analyse et d’exploration de données.

Courant 2016 nous nous sommes lancés dans un chantier majeur : la refonte complète de notre outil Analyzer NX. Nous avons choisi de faire table rase de l’existant et de repartir d’une page blanche. Etant donné l’importance stratégique de ce projet, l’implication et l’adhésion de tous les collaborateurs d’AT Internet dès les premières phases de conception étaient primordiales.

Nous avons ainsi mis en œuvre un processus collaboratif nous permettant de présenter des éléments et d’adapter les grandes orientations du produit en fonction des retours.

Première étape : Wireframing

Les « wireframes » sont des croquis qui permettent de projeter un utilisateur sur l’outil qu’il pourrait être amené à manipuler. Il ne s’agit ni plus ni moins que de maquettes très basiques de l’interface qui aident l’utilisateur à imaginer les interactions possibles avec le produit et d’en valider les concepts fondamentaux.

Avant d’écrire la moindre ligne de code nous avons utilisé cette solution pour tester et valider les approches ergonomiques et fonctionnelles imaginées pour répondre à 3 promesses d’Explorer et de l’Analytics Suite 2 :

• Améliorer la communication entre les applications
• Réduire le nombre d’applications
• Améliorer le ressenti à la première connexion (en ayant directement des données)

A titre d’exemple, voici deux des wireframes sur lesquels nous avons travaillé.

Solution envisagée :

Depuis chaque analyse, nous avons rajouté des liens permettant d’envoyer l’analyse vers un tableau de bord, ou bien de continuer l’exploration sur Data Query. Explorer devait se comporter comme une aide à la création de documents, ou bien comme point de départ d’une exploration plus poussée.

Wireframe :

EXPLORER : ENVOYER UNE ANALYSE VERS UNE AUTRE APPLICATION

La multiplicité des applications dans notre solution peut être perçue comme source de confusion chez certains de nos utilisateurs.

Lors d’une même session, ils peuvent en effet être amenés à utiliser plusieurs applications selon leurs objectifs d’analyse. Sans liant entre ces applications, l’expérience utilisateur pouvait devenir chaotique, forçant l’utilisateur à systématiquement repasser par la page d’accueil de la solution et à être confronté à un effet de « zapping ».

Solutions envisagées :

Afin de simplifier le parcours inter-applications, nous avons tout simplement proposé l’ajout d’un menu permettant de basculer de l’une à l’autre sans avoir à quitter la page en cours.

Pour réduire le nombre d’applications, nous avons imaginé une solution permettant à la fois de les fusionner et d’apporter plus de praticité dans l’usage au quotidien. Nous avons donc proposé de centraliser tous les documents créés par nos utilisateurs au sein d’un catalogue de « Documents ». Cette approche nous permettait en effet de passer de 4 applications (Tableaux de bord, Gestionnaire de tableaux de bord, Rapports, Gestionnaire de Rapports) à une seule, mais également d’accéder beaucoup plus rapidement aux documents, depuis n’importe où dans la solution.

Wireframes :

« ZONE » DOCUMENTS DE L’ANALYTICS SUITE 2 : PREMIER JET DE WIREFRAMES

« ZONE » DOCUMENTS DE L’ANALYTICS SUITE 2 : MISE AU PROPRE DE L’UN DES WIREFRAMES

Mise en œuvre

Pour chaque hypothèse à valider, nous avons créé un wireframe. Ils ont ensuite été présentés aux collaborateurs de l’entreprise, qui ont ainsi pu faire leurs retours, nous challenger sur des solutions, apporter leurs idées… A l’issue de ces sessions, nous avons été en mesure de valider les solutions proposées.

Seconde étape : prototypage

Une fois le concept validé, l’étape suivante consistait à donner vie à ces maquettes en les mettant en couleur et en les rendant interactives.

Nous avons réalisé plusieurs maquettes pour tester l’approche visuelle et ergonomique de l’Analytics Suite 2 sur chaque application, afin de nous rendre compte au mieux du rendu et de la fluidité des interfaces relookées.

Le design devait être plus moderne, mais permettre également de mettre en avant la composante essentielle de nos produits : les données mesurées.

PROTOTYPE EXPLORER

Après plusieurs itérations, le prototype a vu le jour et chacun au sein de l’entreprise a pu le tester à travers des ateliers.

ATELIER DE PRISE EN MAIN DU PROTOTYPE D’EXPLORER

Restait à évaluer l’expérience utilisateur au global. Pour cela nous avons proposé un questionnaire Attrakdiff, pour valider la bonne perception, ainsi que l’utilisabilité du produit.

RESULTATS DU QUESTIONNAIRE ATTRAKDIFF INTERNE

Troisième étape : prise en main

Dernière étape, cruciale, pour lancer les développements : la présentation du prototype et de cette vision produit à nos clients. Il nous paraissait en effet impensable de nous lancer dans des développements si le produit ne répondait pas aux attentes clients.

Lors du DAF 2016, nous avons pu proposer pour la première fois à nos clients de manipuler le prototype. Une grosse dizaine d’entre eux a ainsi pu nous livrer ses impressions et nous dire s’ils arrivaient à se projeter sur une utilisation quotidienne du futur produit.

Le prototype a été ensuite affiné, en ajoutant ou supprimant des fonctionnalités après chaque itération, avec nos clients co-designers. Ainsi, nous avons pu proposer une interface allégée, avec un design plus moderne et une utilisabilité approuvée par nos clients.