Agathe Gelin
← Tous les projets

Worldwide Patent Search · 2016 – 2019

Refondre une recherche de brevets utilisée dans 38 pays.

La recherche mondiale de brevets de l’Office européen des brevets, gratuite, donne à chacun accès à plus de 110 millions de documents de brevets. Son interface n’avait pas changé depuis 2004. J’ai piloté la refonte UX, des premiers besoins jusqu’au lancement : recherche, parcours, prototypes, spécifications, guide de style, et le développement main dans la main avec les développeurs.

Client
European Patent Office
Rôle
Senior UX Designer & Researcher
Équipe
Product owner, 4 développeurs, parties prenantes à Vienne, Munich et La Haye
Années
2016 – 2019

Ma façon de travailler

Cet outil de recherche avait de nombreux propriétaires : une équipe produit à Vienne, une équipe identité de marque à Munich, des développeurs à La Haye, 38 États membres avec leurs propres versions localisées, et des millions d’utilisateurs. J’étais au centre de tout ce petit monde.

Accompagne

Les parties prenantes à Vienne, pour les aider à clarifier leurs besoins
Senior UX Designer & ResearcherIndépendante · La Haye

Encadre

Une équipe de 4 développeurs
  • La Haye

Collabore, s’aligne & valide avec

Équipe produitProduct owner · project manager · experts métier · direction du département · département R&D
Identité de marque, MunichAligner le produit sur la marque de l’OEB
Autres UX designersCohérence entre les projets de l’OEB
38 États membres de l’OEBChacun a son mot à dire sur l’UX, puisque chacun a sa propre plateforme localisée
Utilisateurs finauxInventeurs, déposants, doctorants, professeurs · des millions d’utilisateurs, des milliers chaque jour

Le défi

Les utilisateurs de cet outil vont de l’inventeur curieux à l’expert en brevets qui fait des recherches toute la journée. Tous butaient sur les mêmes points : les allers-retours entre la liste de résultats et le détail d’un brevet, l’affinage d’une recherche et la construction de requêtes complexes.

Ce que j’ai fait

Rechercher, concevoir, spécifier, et recommencer

J’ai mené le projet comme une boucle : recueillir les besoins et faire de la recherche, concevoir et tester, puis spécifier et accompagner le développement, et réinjecter nos apprentissages dans le tour suivant.

Le processus : rechercher et définir, concevoir et itérer, spécifier et développer, avec la gestion des parties prenantes et la recherche qualitative et quantitative qui alimentent chaque tour

Trouver la bonne structure

J’ai découpé le logiciel en quatre briques : liste de résultats, détail du brevet, filtres et constructeur de requêtes. Puis j’ai exploré comment elles pouvaient se partager l’écran, pour que personne ne perde le fil de sa recherche. Avec les parties prenantes, des collègues UX et des experts de la recherche, nous avons retenu deux ou trois propositions à prototyper.

Wireframes explorant comment résultats, détail, filtres et constructeur de requêtes se partagent l’écran

Laisser des centaines d’utilisateurs décider

J’ai présenté les prototypes lors de webinaires en direct de 45 minutes, deux fois par mois, avec environ 100 utilisateurs à chaque fois. Les participants avaient le micro coupé et suivaient dans le chat, pendant qu’un collègue répondait à leurs questions. Des sondages aux moments clés nous ont montré quelle direction prendre :

89 %voulaient le détail du brevet à côté de la liste de résultats, et non dans une vue plein écran séparée
67,5 %voulaient affiner leur recherche tout en regardant les résultats
69 %voulaient la requête dans un panneau coulissant plutôt que toujours affichée

Un webinaire en direct : des prototypes basse fidélité présentés étape par étape à environ 100 utilisateurs, avec sondages et chat en direct

Concevoir une seule interface pour tous les écrans

Après des mois de recherche et de prototypage, c’est l’approche la plus simple qui convenait le mieux aux utilisateurs. Sur desktop, les panneaux apparaissent ou se masquent selon l’espace disponible, et la liste de résultats reste toujours visible comme navigation principale : quand on ouvre les filtres ou le constructeur de requêtes, le détail du brevet s’efface un instant. Sur mobile, chaque brique s’ouvre d’un simple tap depuis les résultats.

La nouvelle recherche sur desktop, tablette et téléphone

Les quatre briques sur mobile : résultats, document, filtres et constructeur de requêtes

Créer le guide de style, et le rendre accessible

À l’époque, l’OEB n’avait pas de guide de style abouti : j’en ai donc créé un de zéro avec l’équipe identité de marque de Munich, j’ai défendu nos propres solutions là où les règles du site web ne suffisaient pas pour une application, et j’ai rendu l’application conforme aux WCAG.

Pour aller plus loin : spécifications des composants

Extrait du guide de style : le composant liste dans tous ses états

Extrait du guide de style : états et mesures du menu déroulant

Spécifier, développer, itérer

J’ai travaillé aux côtés des développeurs pendant tout le développement et la bêta, mené des tests d’utilisabilité sur le produit en cours de construction, et je l’ai présenté lors de conférences sur les brevets pour recueillir les retours d’un large éventail d’utilisateurs.

Travail avec les développeurs, tests avec les utilisateurs et présentation en conférence

Le résultat

J’ai présenté le prototype aux représentants des 38 États membres. La nouvelle recherche a été lancée en novembre 2019 et saluée à l’intérieur comme à l’extérieur de l’OEB : un constructeur de requêtes dynamique, une liste de résultats plus riche et plus rapide, des filtres, un meilleur aperçu du statut juridique, et un design responsive qui fonctionne sur tous les appareils.

On reconnaît sa patte partout dans ce produit : un très beau design, une utilisabilité fluide et du style.

Johannes Schaaf, Product Owner, Office européen des brevets

Une super idée, un produit à concrétiser ou un projet complexe qui demande quelqu’un de fiable ?

Parlons-en.