Un site Web orienté utilisateur pour le canton de Zürich

Le canton de Zurich

Le canton de Zurich a complètement remanié son site Web, zh.ch. Les besoins des utilisateurs ont été placés au premier plan.

Au lieu d’organiser le contenu en fonction de l’organisation interne du canton de Zurich, celui-ci a été entièrement conçu et créé par l’équipe éditoriale en fonction des besoins des visiteurs.

One Inside a réalisé le nouveau site du canton de Zurich en collaboration avec les agences suisses Unic et Zeix.

One Inside était responsable de la conception technique et de la réalisation front-end et back-end.

Adopter une approche centrée sur l’utilisateur

L’architecture du contenu du site Web du canton de Zurich était auparavant conçue autour de l’organisation du canton et reflétait une vision interne. 

À l’inverse, le nouveau site Web a été conçu dans le but de faciliter l’accès aux services. 

Par exemple, une étude menée auprès d’utilisateurs de sites Web a montré que leur principale exigence sur un nouveau site Web consistait à trouver l’information rapidement et facilement. 

La conception est donc orientée vers l’accessibilité et une structure de contenu clairement définie, avec une organisation de page aussi simple et cohérente que possible.

Il a fallu pour cela apporter des changements significatifs à la gestion du site Web et axer sa structure autour de thèmes.

Concernant la mise en œuvre et le fonctionnement, environ 300 employés ont été formés en tant que gestionnaires et éditeurs de contenu. 

D’un point de vue technique, la nouvelle mise en œuvre devrait largement faciliter la maintenance et l’évolutivité de l’application.

Pour ce faire, les fonctions de gestion de contenu de Adobe Experience Manager ont été adaptées aux besoins des auteurs.

Un site Web accessible et thématique

En adoptant une vision technique conjointe pendant la phase de conception, les problèmes ont pu être identifiés à un stade précoce.

Le parfait équilibre entre la mise en œuvre technique et les exigences des parties prenantes du canton de Zurich a pu être trouvé.

Parallèlement, les exigences de qualité et les exigences techniques ont été élaborées au cours d’ateliers afin de définir très tôt le cadre de travail.

Avant le début des cycles de développement agile, les besoins ont été définis et documentés avec une approche interdisciplinaire.

Cette procédure a permis aux développeurs de démarrer la mise en œuvre sur une base solide. 

Le site Web a ensuite été développé à l’aide des technologies de la suite Adobe Experience Cloud.

Grâce à Adobe Experience Manager, le contenu a pu être organiser en cluster de manière extrêmement flexible et efficace.

Les flux de travail optimisés pour zh.ch guident les auteurs à travers le processus de création et de maintenance de contenu : le système de gestion de contenu assure la liaison et l’organisation des pages du site Web à l’aide de taxonomies.

La plateforme permet également d’intégrer facilement des services Web existants et futurs. Par exemple, les citoyens du canton peuvent facilement bénéficier des services suivants en ligne :

• Renouvellement des permis de séjour
• Enregistrement des déclarations de revenus
• Localisation des bureaux du canton et aides à la navigation

Des formulaires flexibles et gérables de façon dynamique constituent un élément essentiel pour la facilité d’utilisation du système, tant du côté de l’administration que du côté du client.

Cela est particulièrement vrai dans le domaine de l’échange d’informations. 

Le canton a donc développé une solution hautement flexible.

Le site Web du canton de Zurich est accessible à tous, même aux personnes ayant une déficience visuelle ou un handicap physique.

L’accessibilité du site Web a été continuellement améliorée au cours du projet. Tous les éléments d’interface sont conçus de manière à les rendre lisibles et utilisables par les utilisateurs malvoyants.

Adobe Experience Manager

Afin de créer un site Web pouvant être entretenu à long terme, des règles strictes de développement logiciel ont été initialement établies au sein de l’équipe chargée de la mise en œuvre. 

Il s’agit notamment de conventions de codage spécifiques à la technologie AEM, d’un flux de développement basé sur le principe des quatre yeux et d’une implémentation uniforme des composants.

Grâce aux tests de composants et d’intégration créés de manière uniforme, les changements de comportement inattendus lors du développement peuvent être identifiés très tôt. 

Afin de fournir aux développeurs un environnement de développement local proche de l’environnement de production, des images basées sur Docker ont été créées, ce qui leur a permis de fournir une image locale de l’environnement de production en quelques minutes.

L’utilisation de technologies Web front-end récentes garantit une expérience utilisateur attrayante. Grâce à un prototypage étendu et à des améliorations continues, une architecture durable est créée pour les besoins futurs des auteurs et des utilisateurs.

La mise en œuvre est basée sur les exigences fondamentales suivantes : 

• Réactivité 
• Performance 
• Indépendance de la plateforme 
• Amélioration progressive 
• Accessibilité

La solution a été réalisée à l’aide de technologies et normes Web modernes : Typescript, HTTP2, CSS3, HTML5.