Produits À propos Blogue

Vers un système de design unifié pour le gouvernement du Canada

Que veut-on dire quand on parle de services publics qui, à l’ère numérique, répondent aux besoins et aux attentes des gens? Partout au gouvernement, les équipes travaillent à la mise au point et à l’offre de services et d’information qui sont accessibles, continus, sécurisés et prévisibles.  

Le fait de rendre l’information relative aux services gouvernementaux facile à trouver et à comprendre est crucial quand on parle d’améliorer la prestation de services. Dans cet article, nous abordons la façon dont les fonctionnaires développent Système de design GC dans le but d’en faire le système de design central pour le gouvernement du Canada (GC).

Canada.ca, le site Web du gouvernement du Canada

Si vous avez eu à obtenir un service ou de l’information en ligne de la part du gouvernement du Canada, alors vous avez sans doute visité Canada.ca, son site Web officiel. Celui-ci est un endroit central donnant accès aux informations et aux services offerts par l’ensemble des ministères fédéraux.

Dans le but d’assurer aux ministères le contrôle de leurs communications, de nombreux organismes publient leur propre contenu Web. Par conséquent, même si Canada.ca ressemble à un site Web bien soudé, il est en fait constitué de nombreux éléments en arrière-plan. Le recours à une conception centrale pour toutes les pages de Canada.ca aide à garantir une expérience utilisateur uniforme pour les personnes qui les visitent.

Un système de design unique pour le gouvernement du Canada

L’une des façons de tendre à l’uniformité de la prestation des services consiste à recourir à un système de design cohésif. Au gouvernement du Canada, nous mettons au point une nouvelle version de système de design qui permettra de répondre aux besoins changeants des équipes de prestation de services et du public à l’ère numérique. 

Les travaux consacrés à la réalisation d’un système de design unifié sont en cours depuis quelques mois. Tout a commencé par la fusion de deux équipes l’été dernier : le Service numérique canadien (SNC) et le Bureau de la transformation numérique (BTN).  

Nous souhaitons vous faire part de ce que nos deux équipes ont entrepris depuis cette fusion et de la direction que nous envisageons pour les systèmes de design au GC. 

Des éléments de base pour les services numériques : l’ABC des systèmes de design

Avant d’entrer dans le creux du sujet, expliquons ce qu’est un système de design. Il s’agit d’un ensemble de « blocs de construction », soit des éléments de base (configurations, styles et composants) réutilisables qui standardisent la conception et le développement de sites Web et d’applications. Un tel système permet de présenter les informations et les services d’une façon conviviale, uniforme et fiable.

Les équipes de l’ensemble du GC peuvent utiliser ces éléments de base (bouton, en-tête, pied de page, configuration de navigation, etc.) pour structurer leur contenu et leurs services en ligne d’une manière qui soit prévisible et digne de confiance pour les personnes accédant à des informations et des services publics. 

Les systèmes de design existants au gouvernement du Canada

Les équipes Web du GC ont actuellement recours à plusieurs systèmes et modèles pour construire les sites Web et les applications qui sous-tendent les services publics. En voici une liste : 


Système de conception de Canada.ca

Le système de conception de Canada.ca définit les éléments de conception obligatoires pour le contenu Web du gouvernement du Canada. Il fournit également des modèles, des configurations et de la documentation portant sur d’autres composants réutilisables, tous éprouvés par des utilisatrices et utilisateurs. Ce système aide les ministères à bâtir une expérience Web offrant plus de convivialité, d’uniformité et de fiabilité aux personnes accédant aux services numériques fédéraux. 

Le système de conception de Canada.ca se consacre essentiellement à définir et à documenter les composants de conception, et non à créer le code pour ces derniers. À l’heure actuelle, ce sont GCWeb et la Boîte à outils de l’expérience Web (BOEW) qui se chargent de cette tâche. 

Boîte à outils de l’expérience Web (BOEW)

La BOEW est une infrastructure qui fournit composants, modèles et configurations de conception réutilisables servant à créer des expériences Web accessibles et  uniformes.

  • Elle tire parti de Bootstrap 3.3.7 pour la conception de sites Web réactifs, ce qui assure l’uniformité visuelle et fonctionnelle des sites Web sur tous les appareils. Elle fait appel à une version modifiée de jQuery 2.2.4 pour améliorer les éléments interactifs et les interactions des utilisatrices et utilisateurs.
  • Elle respecte les Règles pour l’accessibilité des contenus Web (WCAG) 2.0 AA et tire parti de la spécification HTML5 et de la spécification Accessible Rich Internet Applications (WAI-ARIA) pour renforcer l’accessibilité des sites.
  • Elle facilite le respect de normes telles que la Norme sur l’accessibilité des sites Web, la Norme sur la facilité d’emploi des sites Web et la Norme sur l’interopérabilité du Web.
GCWeb, le thème Web de Canada.ca

GCWeb repose sur la Boîte à outils de l’expérience Web (WET-BOEW). Le thème GCWeb fournit des composantes, des gabarits et des configurations de conception conformes au système de conception de Canada.ca. 

  • Il permet aux ministères et organismes du GC de fournir, en guise de contribution, d’autres configurations, gabarits et essais par l’entremise du référentiel GitHub de GCWeb.
  • Il hérite des fonctionnalités et meilleures pratiques d’accessibilité de la BOEW.
  • Il soutient activement les besoins techniques frontaux des services Web gérés pour la publication de contenu sur le site Web Canada.ca. 
  • Il sert de thème officiel pour Canada.ca, assurant ainsi l’uniformité de l’expérience utilisateur d’un site Web du GC à l’autre.

La BOEW est l’infrastructure générale, tandis que GCWeb est une implémentation adaptée spécifiquement à la présence Web du gouvernement canadien. Bien que les deux systèmes fournissent des éléments obligatoires destinés à garantir l’accessibilité et l’uniformité des sites Web du GC, ils sont limités dans leur capacité à prendre en charge de nouvelles technologies. Ils sont aussi limités par un manque de ressources dédiées à la prestation de services numériques à grande échelle.

Système de design GC

En réponse au besoin de trouver un moyen plus moderne de satisfaire aux exigences de conception de Canada.ca, le SNC s’est mis à développer Système de design GC. Ce système de design sera plus prévisible et accessible et pourra être utilisé sur une multitude de plateformes. Il combine code, conception et conseils en un seul endroit. À terme, il remplacera le système de conception de Canada.ca ainsi que GCWeb et servira de point de départ aux équipes du GC qui créent des expériences et des applications Web. 

Partir d’une base solide : le SNC et Système de design GC

L’année dernière, une équipe des produits de plateforme du SNC s’est mise à développer Système de design GC — une initiative visant à aider les équipes Web et de TI à créer des interfaces utilisateurs reconnaissables, prévisibles et inclusives d’un service public numérique à l’autre. En étroite collaboration avec l’équipe du BTN responsable du système de conception de Canada.ca et avec l’Éditeur principal (soit l’autorité technique responsable de l’infrastructure derrière Canada.ca), cette équipe crée une source unifiée où trouver code, conception et documentation, afin d’aider les fonctionnaires à créer des sites et applications Web pour le GC.  

Système de design GC est un produit libre-service qui repose sur de nombreuses années de travail accompli par la communauté Web du GC. Maintenant que le BTN fait partie du SNC, ce nouveau système est construit et soutenu par une équipe de produit multidisciplinaire ainsi que par des spécialistes en contenu déterminés à améliorer la façon dont les services du GC sont conçus et offerts.  

Les équipes fédérales chargées des sites Web et des applications pourront, grâce à Système de design GC, tirer parti de caractéristiques modernes pour intensifier leur production. Ces caractéristiques comprennent un outil de prototypage (Figma), un générateur de code, des composants Web, des unités de styles ainsi que la possibilité de travailler dans le langage de programmation de leur choix. Système de design GC aidera également les équipes à respecter les normes du GC en matière de prestation de service numérique et de communication en intégrant les exigences relatives à ces normes dans son code et ses conceptions, et en fournissant des conseils.  

Voici comment l’équipe responsable du système de conception de Canada.ca soutient ces travaux :

  • En s’assurant que tous les éléments de style obligatoires de Canada.ca sont en place pour accroître la confiance et l’uniformité.
  • En réalisant un audit des configurations de conception existantes pour valider leur conformité aux exigences de conception de Canada.ca.
  • En continuant de fournir conseils et soutien aux équipes pour que l’information et les services en ligne soient faciles à trouver et à utiliser.
  • En coordonnant contenu et documentation. 

Il est important de mentionner que, comme Système de design GC est en cours de développement et de test auprès d’équipes du GC, il peut présenter quelques incohérences mineures vis-à-vis BOEW/GCWeb. Ce n’est pas alarmant, il s’agit d’un aspect normal du processus de développement itératif ! Les équipes concentrent leurs efforts sur le développement collaboratif d’un système de design principal; elles corrigeront les différences importantes entre les deux systèmes au fur et à mesure qu’elles se manifesteront. 

GCWeb et Système de design GC sont tous deux disponibles. Nous encourageons les ministères à évaluer si Système de design GC peut répondre à leurs besoins lorsqu’ils conçoivent de nouvelles expériences ou applications Web, ou lorsqu’ils mettent à jour celles qui existent déjà. Peu importe la façon dont la conception est mise en œuvre (à l’aide de Système de design GC, GCWeb, etc.), les ministères doivent toujours adopter les éléments obligatoires énoncés dans le système de conception de Canada.ca. 

Créons de meilleurs services numériques, ensemble 

Comme pour tous les produits que nous développons au SNC, nous adoptons une approche itérative. Nous testons et apprenons au fur et à mesure, et nous sommes déterminés à travailler ouvertement et à créer de concert avec les personnes qui utiliseront nos produits. Pour en savoir plus sur Système de design GC, jetez un coup d’œil à sa version actuelle et envisagez de vous inscrire à notre liste d’envoi.

Nous communiquerons régulièrement des mises à jour sur nos progrès et nos apprentissages, et nous annoncerons les nouvelles fonctionnalités et nouveaux composants. L’avenir des services publics est entre nos mains; travaillons ensemble pour l’améliorer.  

Pour toute question sur l’adoption ou le respect du système de conception de Canada.ca, contactez le Bureau de la transformation numérique.