logo IAFACTORY
booster de site
expertise UX
design UX

Conception portail éditorial exemple

étude de cas ux design

Exemple de conception de site éditorial : hydro21.org.
Cette étude de cas UX design focalise sur l'architecture de l'information et la conception générale du dispositif d'une association organisée pour valoriser les énergies hydroélectriques.

La problématique digitale

cas ux hydro21
Révisé en Mars 2024

Spécificités de la mission Hydro 21

Nous avons souhaité présenter le cas Hydro 21 afin d’illustrer les bénéfices d’une démarche visant à documenter précisément toutes les étapes du projet, du recueil des besoins métiers jusqu’à la rédaction final du guide d’utilisation.

La mission a été réalisée en 2004.
Visualisez le projet UX Hydro21...

A propos de Hydro 21

Hydro 21 est une association destinée à mieux faire connaître le potentiel de compétences de la région grenobloise et par extension de la france en hydraulique et hydroélectricité ; elle regroupe 1500 personnes autour d’une dizaine d’organismes : industriels, bureaux d’études et d’ingénieries, écoles d’ingénieurs, laboratoires universitaires et privés, centres de recherches.

Les membres fondateurs comptent parmi eux des géants du secteur dont alstom power hydro, edf, gaz et électricité de grenoble, sogreah et se fixent trois objectifs prioritaires :

  • faire connaître à l’échelle internationale le potentiel de la région grenobloise et par extension de la france en matière de formation aux métiers de l’hydraulique et de l’hydroélectricité (faire que les individus en recherche de formation pensent à la france avant d’autres pôles moteurs tels que la suisse, l’autriche ou l’allemagne) 
  • favoriser l’impulsion de l’innovation technologique et soutenir des recherches contribuant au développement de l’hydroélectricité.
  • contribuer par tout type d’actions à la promotion de l’hydroélectricité dans une perspective de développement durable et favoriser l’activité industrielle de ses membres.

Enjeux et problématique du projet Hydro 21

Offrir une porte d'entrée à tous ceux qui s'intéressent à l'hydraulique et à l'hydro-électricité, , dans une perspective de développement durable, en mettant à leur disposition des connaissances de base sur le sujet et en les aiguillant sur des acteurs, des formations...

Afficher l'ensemble des compétences scientifiques, technologiques, industrielles, de conseil, ainsi que l’offre de formation du sillon alpin et de la france par extension dans le domaine des technologies hydrauliques et hydroélectriques, en facilitant l'échange d'information entre tous les acteurs.

Mettre à la disposition des utilisateurs potentiels de ces compétences, principalement étrangers, toutes les informations leur permettant d'accéder aisément aux bons interlocuteurs.

Notre approche

Expression des besoins

Notre intervention visait initialement à piloter la phase de conception et trouver les solutions d’architecture de l’information répondant aux objectifs de l’organisation.

Compte-tenu de la nature spécifique du commanditaire, un conglomérat d’entreprise représentée chacune par un ou deux acteurs, nous avons rapidement été désigné pour piloter les ateliers de travail et centraliser l’information.

Dans ce mode projet, il nous est rapidement apparu que le manque de coordination interne de l’organisation combiné à l’absence de décideur, poserait d’importants problèmes pour mener à bien le projet.

Nous avons donc fait la proposition de recadrer le projet en passant par une première phase de cahier des charges, afin de clarifier les enjeux de réussite du projet à tous les niveaux : organisationnel, méthodologique, stratégique, fonctionnel, technique, humain

La première étape de notre travail a consisté à réaliser un recueil des besoins métiers, en impliquant tous les acteurs dans la démarche ;

Nous avons complété ce travail par la mise en place d’un recueil des besoins utilisateurs, afin d’affiner notre compréhension des publics cibles, de leurs attentes et usages potentiels.

Enfin, pour clôturer ce premier chantier, nous nous sommes basés sur les informations recueillies et compilées pour les compléter par une analyse fonctionnelle : identification de toutes fonctions répondant aux besoins métiers et utilisateurs identifiés.

Ce travail a notamment permis de clarifier les cibles définitives visés dans la mise en place du dispositif interactif (besoins, contexte d’utilisation…).

recueil des besoins métiers et utilisateurs : contexte d’utilisation Hydro 21 recueil des besoins métiers et utilisateurs : contexte d’utilisation

recueil des besoins métiers et utilisateurs : bénéfices utilisateurs hydro 21
recueil des besoins métiers et utilisateurs

recueil des besoins métiers et utilisateurs : besoins en information hydro 21
besoins en information

Solutions de conception

Organigramme des contenus

Les travaux d’expression des besoins et d’analyse fonctionnelle ont naturellement débouchés sur la formalisation d’un premier organigramme des contenus : volontairement sommaire, ce dernier invitait tous les acteurs du projet à s’exprimer sur les problématiques de contenu sur la base d’un support tangible ; il s’agissait également, pour nous, de recueillir les contenus et médias en rapport aux problématiques éditoriales mises en avant.

S’agissant de la création d’un portail, la gestion du contenu et les problématiques éditoriales étaient au cœur de ce projet : après avoir centralisé tous les contenus et les médias, nous avons procédé à leur inventaire exhaustif, pour en qualifier les registres, les typologies, les formats, la densité… ces travaux ont été formalisés au sein d’un tableau synoptique.

premier organigramme des contenus, très sommaire premier organigramme des contenus, très sommaire

approfondissement des problématiques de contenu
approfondissement des problématiques de contenu

projection de la ventilation des médias à disposition dans l’interface
projection de la ventilation des médias à disposition dans l’interface

Arborescence éditoriale

Nous avons progressivement pu commencer à formaliser les arborescences éditoriales et leur traduction sous forme de mécanique fonctionnelle.

La documentation du projet était un facteur clé de réussite : l’organisation Hydro 21 souhaitait avoir une vision exhaustive des problématiques de conception pour engager la phase de production (le projet a été réalisé en 2004, l’industrialisation de la chaine interactive n’était pas encore clairement mise en place).

Il était donc impératif de documenter précisément toutes les étapes, les choix opérés ainsi que leurs impacts potentiels, afin de faciliter le travail de production.

exemple d’arborescence éditoriale pour la section association exemple d’arborescence éditoriale pour la section association

arborescence fonctionnelle arborescence fonctionnelle

principes de nomenclature
principes de nomenclature

arborescence des fichiers arborescence des fichiers

nomenclature des pages du front nomenclature des pages du front

nomenclature des pages du back nomenclature des pages du back

nomenclature des visuels nomenclature des visuels

Résultats

En ligne depuis 10 ans...

Au final, le projet Hydro 21 a été mis en ligne en 2004 et les acteurs commanditaires membres de l’association furent satisfaits du résultat final, puisqu’il s’agit encore aujourd’hui d’un des seuls supports de ce type à l’échelle internationale.

Le dispositif a notamment permis de partager un carnet d’adresse des acteurs de l’hydroélectricité à l’échelle internationale, un agenda des événements ainsi qu’un listing des formations professionnelles proposées par tous les acteurs en matière de compétence hydroélectriques.
Le dispositif présente également l’intégralité des formations initiales proposées en matière d’hydroélectricité.

Notre intervention, qui consistait à traduire les enjeux et objectifs de l’organisation sous forme d’interface, a bien entendu été ponctué par la réalisation d’un test utilisateur dont les résultats ont permis d’optimiser les principaux scénarios de visite établis en amont du projet.

test utilisateur : 6 profils utilisateurs engagés dans le test
test utilisateur : 6 profils utilisateurs engagés dans le test

Bilan de la mission réalisée pour Hydro 21

La mission Hydro 21 représente un modèle en matière de mémoire projet, chaque étape ayant fait l’objet d’une documentation précise et rigoureuse.

A cet effet, nous avons notamment été amené à détailler de façon exhaustive le fonctionnement du back-office afin de faciliter le travail de mise à jour des acteurs membres de l’association Hydro 21.

guide d’utilisation du back-office Hydro 21
guide d’utilisation du back-office Hydro 21

Ressources autour du projet Hydro21

Plus de cas UX
ETUDE DE CAS UX
Architecture de l'écosystème digital international de l'industriel somfy : marque, CRM, e-commerce.
etude cas ux somfy
ETUDE DE CAS UX
Test utilisateur et optimisation de l'expérience utilisateur de l'intranet monde du groupe Technip.
etude cas ux technip
ETUDE DE CAS UX
Scenarisation d'une plateforme de films interactifs digitaux pour l'industriel Total.
etude cas ux total