2020, une année marquante pour le UX gouvernemental

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8">  <title>2020, une année marquante pour le UX gouvernemental | Gouvernement du Québec</title> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Nombre record de tests utilisateurs, nouvelle formation en expérience utilisateur, mise en œuvre du système de design, voici les éléments marquants de 2020."> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.quebec.ca/a-propos/blogue/2020-une-annee-marquante-pour-le-ux-gouvernemental"> <meta property="og:site_name" content="Gouvernement du Québec"> <meta property="og:image" content="https://cdn-contenu.quebec.ca/_processed_/8/7/csm_OG_2024_FR_8af656c79e.png"> <meta property="og:title" content="2020, une année marquante pour le UX gouvernemental"> <meta property="og:description" content="Nombre record de tests utilisateurs, nouvelle formation en expérience utilisateur, mise en œuvre du système de design, voici les éléments marquants de 2020."> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@GouvQc"> <meta name="twitter:image" content="https://cdn-contenu.quebec.ca/_processed_/7/3/csm_Twitter_Card_2024_FR_d6a82b39b4.png"> <meta name="twitter:title" content="2020, une année marquante pour le UX gouvernemental"> <meta name="twitter:description" content="Nombre record de tests utilisateurs, nouvelle formation en expérience utilisateur, mise en œuvre du système de design, voici les éléments marquants de 2020."> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="groupid" content="5"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i%7CRoboto:400,400i,500,500i,700,700i,900,900i%7CLato:400,400i,500,500i,700,700i,900,900i%7CMerriweather:300,300i,400,400i,700,700i,900" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-18d9b09673ab599134c83342beb1a16f-2806fe67a99f17a31cc372b3ee3140bf.css?1732913898" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-7d0e59c1e6ac2d3f9cef1f4e1af8e0b7-de35c95cd5414da65a7b154a42659a87.css?1732913898" media="print"> <meta name="dc.description" content="Nombre record de tests utilisateurs, nouvelle formation en expérience utilisateur, mise en œuvre du système de design, voici les éléments marquants de 2020." /><meta name="google-site-verification" content="jPFRzVXjiRN4IY3KxNVfvEnDXeLPy6V7WVm7Xc1Ao0Q" /><meta name="msvalidate.01" content="227484923738C2C47E0BD34049F13422" /> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "g849am01tx"); </script><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="dns-prefetch" href="https://cdn-contenu.quebec.ca"> <link rel="canonical" href="/a-propos/blogue/2020-une-annee-marquante-pour-le-ux-gouvernemental"/> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TRWV88D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div role="banner"> <div class="container-fluid piv">  <div class="container"> <div class="row"> <div class="col-4 d-flex align-items-center"> <a href="/a-propos/blogue/2020-une-annee-marquante-pour-le-ux-gouvernemental#main" tabindex="1" class="visuallyHidden passerContenu">Passer au contenu</a> </div> </div> <div class="row" id="entetePiv"> <div class="col-4 d-flex align-items-center container_piv" lang="fr"> <a tabindex="5" data-evenement="click" href="/"><img id="pivImage" alt="Site Web du Gouvernement du Québec." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/signature-PIV.svg" width="463" height="91" /></a> <img id="pivImagePrint" alt="Site Web du Gouvernement du Québec." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/quebecPrint.gif" width="199" height="60" /> </div> <div class="col-8 d-flex justify-content-end align-items-center " > <a tabindex="10" data-evenement="click" id="lienOuvre" href="#recherchePiv"> <img class="loupeRecherche" id="lienOuvreImage" alt="Bouton pour ouvrir ou fermer la recherche." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/loupe-piv-droite.svg" width="24" height="24" /> </a> <ul class="listePiv"> <li> </li> <li>  <a tabindex="25" href="/nous-joindre/renseignements-generaux">Nous joindre</a> </li> </ul> </div> <div class="row recherchePiv" id="recherchePiv" > <div class="col-12"> <qc-solr-banner-autosuggest conf="{"suggest":{"endpoint":"\/resultats-de-recherche"}}" topics="[]" /> </div> </div> </div> </div> </div> <div class="container-fluid alerte-generale messageAlerte" id="bandeau-alerte" role="alert" aria-label="Information d'importance élevée" > <div class="container"> <div class="row"> <div class="col-12 col-md-12 d-flex flex-row"> <div class="alerte-icone"></div> <p><a href="/greve-a-postes-canada">Conflit de travail à Postes Canada</a> : consultez la liste des chèques qui seront distribués par le gouvernement du Québec durant le conflit de travail.</p> </div> </div> </div> </div> <div class="container-fluid rangee-1 "> <div class="container"> <div class="row"> <ol class="filAriane ellipse col-12 col-md-12"><li class="first"><a href="/">Accueil</a>  </li><li><a href="/a-propos">À propos</a>  </li><li class="last"><a href="/a-propos/blogue">Blogue des communications numériques gouvernementales</a>  </li><li class="curitem ">2020, une année marquante pour le UX gouvernemental</li></ol> </div>  <div class="row"> <div class="col-12 col-md-9"> <h1 class="d-block themeTitre" id="titreNo1"> 2020, une année marquante pour le UX gouvernemental </h1>  </div> </div> </div> </div> </div> <span> </span> <div id="main" class=" nojs"> <div class="container-fluid menuGeneral"> <div class="container"> <div class="row"> <div class="col-12 col-md-12 "></div> </div> </div> </div> <div class="container-fluid nojs">  <div class="container"> <div class="row"> <div class="col-12 col-md-7 espaceUneColonne " role="main" > <div id="c84840" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><hr></div></div></div> <div id="c84843" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-intext"><div class="ce-bodytext"><p><span class="petitTexte">Vendredi 19</span><span class="nbsp"> </span><span class="petitTexte">février</span><span class="nbsp"> </span><span class="petitTexte">2021</span><br><span class="semiBold"><span class="petitTexte">Par l'équipe de design en expérience utilisateur</span></span></p><hr></div></div></div> <div id="c84850" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><p>L'année 2020 nous en aura fait voir de toutes les couleurs. Nous avons dû nous adapter à un nouveau mode de vie, plus particulièrement à celui du télétravail. Notre calendrier de livraisons s’est vu chamboulé par la venue de projets en lien avec la COVID<span class="nbhyphen">‑</span>19, mais nous avons fait preuve d’agilité et nous avons appris de cette expérience.</p><p>Afin de souligner les efforts déployés pour améliorer l’expérience utilisateur gouvernementale, voici les éléments marquants de notre année<span class="nbsp"> </span>2020.</p><p></p></div></div></div> <div id="c84852" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><h2>Nombre record de tests</h2><p>De janvier à décembre 2020, nous avons réalisé 15 tests auprès des utilisateurs, ce qui revient à plus d’un test par mois. Ces tests ont pour objectif de mieux connaître les schémas mentaux des citoyennes et citoyens du Québec. Comprendre les motivations derrière leurs choix nous permet d’apporter des solutions adaptées au besoin réel, et non basées sur des hypothèses.</p><p>Les tests font partie d’un processus de 4<span class="nbsp"> </span>étapes<span class="nbsp"> </span>:</p><ul><li>Mise en place du test</li><li>Analyse des données</li><li>Livraison du rapport et des résultats</li><li>Amélioration de l’interface ou des contenus (au besoin)</li></ul><p>Il n’est pas rare qu’un projet fasse l’objet de plusieurs tests. Ces derniers répondent à des interrogations spécifiques à des moments donnés. </p><p>On s’entend que les contraintes particulières liées à la distanciation physique ne nous ont pas facilité la tâche. Nous avons dû adopter une stratégie de tests réalisés entièrement en ligne, tels que des tests de tri de cartes, d’arborescence et de premier clic.</p><p>Malgré tout, nous avons constaté que même quand nous sommes confrontés à divers enjeux (distance géographique, budget limité, conflits d’horaire et pandémie), il n’y a aucune bonne raison de négliger la réalisation de tests utilisateurs.</p></div></div></div> <div id="c84856" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><h2>Développement de l’offre de formation gouvernementale en UX</h2><p>Au cours de l’année 2020, nous avons donné deux formations en expérience utilisateur, soit «<span class="nbsp"> </span><a href="/a-propos/blogue/demystifier-experience-utilisateur">Démystifier l’expérience utilisateur</a><span class="nbsp"> </span>» et «<span class="nbsp"> </span>Concevoir et réaliser des tests d’utilisabilité<span class="nbsp"> </span>», afin de sensibiliser et outiller les ressources numériques dans les ministères et organismes.</p><p>Lors de ces formations, nous avons mis l’accent sur la nécessité de prendre en compte les besoins réels des utilisateurs. Nous avons aussi abordé l’importance de réaliser des tests d’utilisabilité à distance afin de concilier les enjeux liés au contexte pandémique.</p><p></p></div></div></div> <div id="c84857" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><h2>Mise en œuvre du Système de design</h2><p>Lorsque nous avons mis en ligne le <a href="https://design.quebec.ca/a-propos" target="_blank">Système de design <span class="text-nowrap">gouvernemental <img class="linkExtImg" alt="Cet hyperlien s'ouvrira dans une nouvelle fenêtre." src="/_assets/b75e4f4a6b1c3666a0e622aecd2ecc7a/Images/lien-externe.svg" width="11" height="11"></span></a> à l’hiver<span class="nbsp"> </span>2020, nous étions très fiers. Enfin nous pouvions offrir un outil concret à toutes les équipes qui travaillent sur des projets numériques au gouvernement! Cela permettait de développer une expérience simplifiée et cohérente pour les citoyennes et citoyens. Toutefois, nous avions encore du pain sur la planche, car en toute humilité, il faut dire que le Système de design avait besoin d’amour… de beaucoup d’amour! </p><p>Nous avons profité de l'accalmie de l’été<span class="nbsp"> </span>2020 pour documenter plusieurs composantes fréquemment utilisées par les équipes numériques. Les composantes sont des éléments individuels de l’interface, par exemple, un bouton, un champ texte, un menu déroulant, etc. </p><p>Ces éléments sont standardisés et réutilisables par tous les services numériques gouvernementaux. Au moment d’écrire ces lignes, le Système de design compte 18<span class="nbsp"> </span>fiches de composantes et 4<span class="nbsp"> </span>fiches d’éléments de base (couleurs, images, titres et typographie). </p><p>Le Système de design est un projet évolutif : au fur et à mesure des collaborations et des besoins, d’autres fiches seront ajoutées, en plus de nouvelles améliorations permettant le partage des composantes avec les équipes.</p></div></div></div> <div id="c84859" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><h2>Ajustements en continu avec la COVID-19</h2><p>En mars 2020, les contenus sur la COVID<span class="nbhyphen">‑</span>19 étaient regroupés sur une seule page. Les contenus concernaient exclusivement la santé, comme les symptômes ou les premières informations sur l’origine du virus. </p><p>Quand nous avons reçu la directive de diffuser des contenus complémentaires, par exemple au sujet des écoles ou des milieux de travail, nous avons dû réagir rapidement. Tous les jours, de nouvelles informations concernant différentes thématiques devaient être ajoutées.</p><p>Cet afflux de contenus a fait en sorte que nous devions constamment revoir l’architecture et la navigation pour faciliter le repérage de ces informations. Il fallait régulièrement proposer des solutions qui n’avaient pas été préalablement testées auprès de la population. Nous avons fait preuve d’agilité et avons réalisé les tests utilisateurs nécessaires une fois les informations en ligne. </p><h3>Réorganiser les contenus</h3><p>Par exemple, nous avons revu à plusieurs reprises le regroupement des catégories de la page d'atterrissage de la COVID<span class="nbhyphen">‑</span>19. Nous avons d’abord mené un test de premier clic afin de valider si les citoyennes et citoyens s’y retrouvaient ou non, en fonction de recherches qu’ils devaient effectuer sur la page COVID<span class="nbhyphen">‑</span>19. Nous avons effectué plusieurs correctifs à partir des résultats de ce test. </p><p>À l’aube de la deuxième vague du virus, nous avons réalisé deux tests de tri de cartes. L’un à l’interne auprès des ministères et l’autre à l’externe auprès de la population. Les avis récoltés nous ont permis de mettre en place une 6<sup>e</sup> version de la page d’atterrissage depuis mars<span class="nbsp"> </span>2020. </p><h3>Répondre aux besoins de la population</h3><p>Les commentaires reçus de la part des utilisateurs nous ont également permis d’élaborer une nouvelle proposition pour la carte de paliers d’alerte et les mesures en vigueur. En effet, la première version de la carte de paliers ne contenait que les régions sociosanitaires. Or, il était fréquent qu’une région puisse comporter plus d’un niveau d’alerte selon le secteur. Nous avions aussi de nombreux commentaires de personnes qui n’étaient pas certaines de leur région sociosanitaire et qui souhaitaient avoir les mesures pour «<span class="nbsp"> </span>leur ville<span class="nbsp"> </span>». </p><p>Nous avons donc mis en ligne une nouvelle version plus précise de la carte qui permet de connaître le palier d’alerte et les mesures en vigueur pour chaque ville. </p><p>Il est important de mentionner que le développement graduel du Système de design a contribué à proposer des solutions plus rapidement puisque nous avions déjà une base documentée et testée.</p><p></p></div></div></div> <div id="c84860" class=" frame frame-default frame-type-textmedia frame-layout-0"><div class="ce-textpic ce-left ce-above"><div class="ce-bodytext"><h2>100 000 commentaires de citoyens, une véritable mine d’or</h2><p>Dans la dernière année, nous avons reçu près de 100 000 commentaires sur l’ensemble des pages de Québec.ca. Ces avis sont très extrêmement importants, car ils nous permettent de mieux comprendre les besoins réels des gens et de réagir rapidement. Nous sommes donc en amélioration continue en fonction des rétroactions qui nous sont données.</p><h2>Restons agiles</h2><p>L’année 2020 nous a clairement amené son lot de défis. On remarquera toutefois que «<span class="nbsp"> </span>l’état d’urgence<span class="nbsp"> </span>» nous a permis d’avancer plus rapidement vers plusieurs de nos objectifs. On est fin prêts pour 2021!<br>  </p><hr><p class="petitTexte">Vous souhaitez en savoir plus sur le projet, nos principes de conception, notre stratégie et les outils développés dans le cadre du projet? Rendez-vous dans la section <a href="/a-propos">À propos de Québec.ca</a>.</p></div></div></div> <div id="c84845" class="frame frame-default frame-type-shortcut frame-layout-0"> <div id="c73041" class="frame frame-default frame-type-shortcut frame-layout-0"> <div id="c62395" class="frame frame-default frame-type-shortcut frame-layout-0"> <div id="c42185" class="frame frame-default frame-type-html frame-layout-0"> <script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: fr_CA</script><script type="IN/FollowCompany" data-id="11443915" data-counter="bottom"></script> </div> </div> </div> </div> </div> <div class="lienPublicationList col-12 col-md-4 colonneDroitePetite " role="complementary" > <div id="c84848" class="frame frame-default frame-type-shortcut frame-layout-0"> <div id="c73042" class="frame frame-default frame-type-shortcut frame-layout-0"> <div id="c62396" class="frame frame-default frame-type-shortcut frame-layout-0"> <div id="c42168" class="frame frame-default frame-type-html frame-layout-0"> <style> .ce-gallery figure.image { margin-bottom: 0; } </style> </div> </div> </div> </div> </div> </div> </div>  <div class="container"> <div class="row"> <div class="col-12 col-md-12 "> <p class="dateMiseAJour"> Dernière mise à jour : 23 février 2023 </p> </div> </div> </div> <div class="container"> <div class="row"> </div> </div> <div class="container"> <div class="row"> <div class="col-12 formBasPage" id="formBasPageCommentaire"> <div id="c34503" class="frame frame-default frame-type-powermail_pi1 frame-layout-0"> <h2 class=""> Évaluation de page </h2> <div class="tx-powermail"><div class="container-fluid"><form data-powermail-validate="data-powermail-validate" data-parsley-validate="" enctype="multipart/form-data" method="post" name="field" class="powermail_form powermail_form_3 nolabel form-horizontal recaptchaJsMessage" id="powermailform3" action="/a-propos/blogue/2020-une-annee-marquante-pour-le-ux-gouvernemental?tx_powermail_pi1%5Baction%5D=checkCreate&tx_powermail_pi1%5Bcontroller%5D=Form&cHash=341f5fe4523e1fd0c1a3c71270990c42#c34503"><div><input type="hidden" name="tx_powermail_pi1[__referrer][@extension]" value="Powermail" /><input type="hidden" name="tx_powermail_pi1[__referrer][@controller]" value="Form" /><input type="hidden" name="tx_powermail_pi1[__referrer][@action]" value="form" /><input type="hidden" name="tx_powermail_pi1[__referrer][arguments]" value="YTowOnt9accde9f1bd6e0272723e735dee9ab05094eba92f" /><input type="hidden" name="tx_powermail_pi1[__referrer][@request]" value="{"@extension":"Powermail","@controller":"Form","@action":"form"}d84801eec671e6e3b8debd7da1d12f95ef925ac0" /><input type="hidden" name="tx_powermail_pi1[__trustedProperties]" value="{"field":{"url_orig_val":1,"pageutile":1,"commentpage":1,"__hp":1},"mail":{"form":1}}d7ef1b023783ac616eeaf075fd7c94b5996177d5" /></div><div class="powermail_fieldset powermail_fieldset_4 commentaireBasPage"><div class="row"><div class="col-12 col-lg-8"><input class="powermail_hidden powermail_url_orig_val" id="powermail_field_url_orig_val" type="hidden" name="tx_powermail_pi1[field][url_orig_val]" value="" /><div class="powermail_fieldwrap powermail_fieldwrap_type_radio powermail_fieldwrap_pageutile form-group col-md-12"><fieldset><legend class="control-label"> L’information sur cette page vous a-t-elle été utile? </legend><div class="flex-radio"><div class="flex-row radio "><input data-powermail-required="true" aria-required="true" data-powermail-required-message="Vous devez entrer une valeur pour ce champ obligatoire." data-powermail-errors-container=".powermail_field_error_container_pageutile" data-powermail-class-handler=".powermail_fieldwrap_pageutile > div > div" data-parsley-excluded="true" class="powermail_radio" id="powermail_field_pageutile_1" type="radio" name="tx_powermail_pi1[field][pageutile]" value="1" /><label for="powermail_field_pageutile_1"> Oui </label></div><div class="flex-row radio "><input data-parsley-excluded="true" class="powermail_radio" id="powermail_field_pageutile_2" type="radio" name="tx_powermail_pi1[field][pageutile]" value="0" /><label for="powermail_field_pageutile_2"> Non </label></div><div class="powermail_field_error_container powermail_field_error_container_pageutile"></div></div></fieldset></div><div class="powermail_fieldwrap powermail_fieldwrap_type_textarea powermail_fieldwrap_commentpage form-group col-md-12"><label for="powermail_field_commentpage" class="control-label" title=""> Avez-vous un commentaire à nous transmettre ou un problème à signaler ? <span id="commentpage_complement_label" class="complementLabel"> Évitez d’inscrire des renseignements personnels. Notez que vous ne recevrez aucune réponse. </span></label><div class=""><textarea data-powermail-length="[3, 500]" data-powermail-error-message="La valeur entrée est trop courte ou trop longue." data-parsley-excluded="true" rows="5" cols="20" class="powermail_textarea form-control " id="powermail_field_commentpage" name="tx_powermail_pi1[field][commentpage]"></textarea></div></div><div class="powermail_fieldwrap powermail_fieldwrap_type_typoscript powermail_fieldwrap_zoneinformationjs form-group col-md-12"><div class=" col-sm-offset-2"><div id="infoMaxCaracteres" class="infoSupplJs" aria-hidden="true" >Maximum 500 caractères</div></div></div><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xmlns:pguRecaptchaSiteKey="http://typo3.org/ns/Pgu/PguExtendPowermail/ViewHelpers" ><noscript><div class="jsDesactivePowermail"><div class="alert alert-info"> Veuillez activer javascript pour remplir la demande. </div></div></noscript><div class="powermail_fieldwrap powermail_fieldwrap_type_submit powermail_fieldwrap_recaptcha form-group col-md-12"><div class=" col-sm-offset-2"><input id="recaptcha-3" data-sitekey="6Lev_eMnAAAAALFQfDsZMMeCQMUmvE8hshBaB6bS" data-size="invisible" class="g-recaptcha powermail_submit btn btn-primary" type="button" onclick="setForm(this.form);" value="Soumettre" /></div></div></div><div class="col-12 col-lg-4 flex-wrap flex-lg-wrap-reverse"><div class="powermail_fieldwrap powermail_fieldwrap_type_content powermail_fieldwrap_servicesquebecform form-group col-md-12"><div class=" col-sm-offset-2"><div class="avis general"><div class="avis-icone general"><img alt="Avis général" src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/Avis/general.svg" width="24" height="23" /></div><div class="avis-contenu"><h3 class="avis-titre" >Des questions ou besoin de renseignements?</h3><p><a href="/nous-joindre/renseignements-generaux">Communiquez avec Services Québec</a></p></div></div></div></div><div class="powermail_fieldwrap powermail_fieldwrap_type_typoscript powermail_fieldwrap_url_org form-group col-md-12"><div class=" col-sm-offset-2"><script>document.getElementById("powermail_field_url_orig_val").value = window.location; </script></div></div></div></div></div><input class="powermail_form_uid" type="hidden" name="tx_powermail_pi1[mail][form]" value="3" /><div class="hpCache"><label for="powermail_hp_3"> Ne pas remplir ce champ! </label><input autocomplete="new-powermail-hp-3" aria-hidden="true" id="powermail_hp_3" type="text" name="tx_powermail_pi1[field][__hp]" value="" /></div></form></div></div> </div> </div> </div> </div> </div> </div>  <div class="rangee-footer"> <div class="container"> <div class="row"> <div class="col-12"> <a class="footer-title" href="/">Gouvernement du Québec</a> <h2 class="visuallyHidden">Navigation de pied de page de Québec.ca</h2> </div> </div> <div class="row footer-main"> <div class="col-12 col-md-6 col-lg-4"> <nav aria-labelledby="titrePiedDePage1"> <h3 class="ligneGriseTexte" id="titrePiedDePage1"><a href="/informations-et-services">Informations et services</a></h3> <ul><li><a href="/agriculture-environnement-et-ressources-naturelles" class="themeFooter">Agriculture, environnement et ressources naturelles</a></li><li><a href="/culture" class="themeFooter">Culture</a></li><li><a href="/education" class="themeFooter">Éducation</a></li><li><a href="/emploi" class="themeFooter">Emploi</a></li><li><a href="/entreprises-et-travailleurs-autonomes" class="themeFooter">Entreprises</a></li><li><a href="/famille-et-soutien-aux-personnes" class="themeFooter">Famille et soutien aux personnes</a></li><li><a href="/finances-impots-et-taxes" class="themeFooter">Finances, impôts et taxes</a></li><li><a href="/habitation-territoire" class="themeFooter">Habitation et territoire</a></li><li><a href="/immigration" class="themeFooter">Immigration</a></li><li><a href="/justice-et-etat-civil" class="themeFooter">Justice et état civil</a></li><li><a href="/sante" class="themeFooter">Santé</a></li><li><a href="/securite-situations-urgence" class="themeFooter">Sécurité et situations d'urgence</a></li><li><a href="/tourisme-et-loisirs" class="themeFooter">Tourisme et loisirs</a></li><li><a href="/transports" class="themeFooter">Transports</a></li></ul> </nav> </div> <div class="col-12 col-md-6 col-lg-4"> <nav aria-labelledby="titrePiedDePage2"> <h3 class="ligneGriseTexte" id="titrePiedDePage2"> <a href="/gouvernement"> Gouvernement </a> </h3> <ul><li><a href="/gouvernement/ministeres-organismes">Ministères et organismes</a></li><li><a href="/services-quebec">Services Québec</a></li><li><a href="/gouvernement/gouvernement-ouvert">Gouvernement ouvert</a></li><li><a href="/gouvernement/travailler-gouvernement">Travailler au gouvernement</a></li><li><a href="/nouvelles">Salle de nouvelles</a></li><li><a href="http://www.publicationsduquebec.gouv.qc.ca/lois-et-reglements/" target="_blank" rel="noreferrer">Lois et règlements <img class="linkExtImg" src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe-blanc.svg" alt="Cet hyperlien s'ouvrira dans une nouvelle fenêtre." /></a></li><li><a href="https://www.cyber.gouv.qc.ca/signalements/signalement-vulnerabilites/formulaire" target="_blank" rel="noreferrer">Signaler une vulnérabilité informatique <img class="linkExtImg" src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe-blanc.svg" alt="Cet hyperlien s'ouvrira dans une nouvelle fenêtre." /></a></li><li><a href="/droit-auteur">Droit d’auteur et demande d’autorisation de reproduction</a></li></ul> </nav> </div> <div class="col-12 col-md-12 col-lg-4 last-column"> <nav aria-labelledby="titrePiedDePage3" class="nous-joindre">     <h3 class="ligneGriseTexte" id="titrePiedDePage3"><a href="/nous-joindre/renseignements-generaux">Nous joindre</a></h3> <ul> <li> <a href="/nous-joindre/renseignements-generaux"> Renseignements généraux </a> </li> <li><a target="_blank" href="https://www.localisateur.servicesquebec.gouv.qc.ca/" rel="noreferrer">Bureaux de services <img class="linkExtImg" alt="Cet hyperlien s'ouvrira dans une nouvelle fenêtre." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/lien-externe-blanc.svg" width="11" height="11" /></a></li> </ul> </nav> <nav aria-labelledby="titrePiedDePage4" class="suivez-nous"> <h3 id="titrePiedDePage4">Suivez-nous</h3> <div class="row"> <ul class="col-12 d-flex iconesHorizontal"> <li> <a target="_blank" href="https://www.facebook.com/GouvQc/"> <img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/Facebook.svg" class="icon" alt="Facebook" width="97" height="97"> </a> </li> <li> <a target="_blank" href="https://twitter.com/gouvqc"> <img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/x-twitter-blanc.svg" class="icon" alt="Twitter" width="97" height="97"> </a> </li> <li> <a target="_blank" href="https://www.youtube.com/channel/UCgi4UW4SNeYNl4n-AEvgKoQ/featured"> <img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/Youtube.svg" class="icon" alt="YouTube" width="97" height="68"> </a> </li> </ul> </div> </nav> </div> </div> </div> </div>  <div class="container-fluid piv_bas" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-12 d-flex"> <ul class="list-inline mx-auto justify-content-center"> <li> <a href="/accessibilite">Accessibilité</a> </li> <li> <a href="/plan-du-site">Plan du site</a> </li> <li> <a href="/acces-information">Accès à l'information</a> </li> <li> <a href="/politique-confidentialite">Politique de confidentialité</a> </li> <li> <a href="/conditions-utilisation">Conditions d'utilisation</a> </li> <li> <a href="/a-propos">À propos</a> </li> </ul> </div> <div class="col-12 d-flex align-items-center justify-content-center" lang="fr"><a href="https://quebec.ca"><img id="logoFooter" alt="Gouvernement du Québec." src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/piv-pied-page.svg" width="117" height="35" /></a></div> <div class="col-12 d-flex align-items-center justify-content-center"><p><a href="/droit-auteur">© Gouvernement du Québec, 2024</a></p></div> </div> </div> <div id="flecheHaut" tabindex="0" role="link"><img src="/_assets/8b5470729627060287ec80151aeaf598/Images/Templates/fleche-precedent.svg" aria-hidden="true" alt="Retour en haut"/><span class="visuallyHidden">Retour en haut</span></div> </div> <script id="powermail_conditions_container" data-condition-uri="/index.php?id=7592&type=3132"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Libs/jquery-3.7.0.min.js?1732913070"></script> <script src="https://unpkg.com/tabbable/dist/index.umd.js"></script> <script src="https://unpkg.com/focus-trap/dist/focus-trap.umd.js"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Libs/jquery-ui-1.13.2.min.js?1732913070"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@accessible360/accessible-slick@1.0.1/slick/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.js"></script> <script src="/_assets/e799cca3073eabb617dfebf5f7cabc53/JavaScript/JQuery/jquery.autocomplete.min.js?1722342293"></script> <script src="https://www.google.com/recaptcha/api.js?hl=fr&onload=onloadCallback&render=explicit"></script> <script src="/_assets/9313231adb0eae24af9b8b5705cc14ca/JavaScript/Src/SelecteurFiche.js?1732913070"></script> <script src="/_assets/f8330c6d2feed73af50f38ae981823a4/JavaScript/Src/main.js?1732913072"></script> <script src="/_assets/f8330c6d2feed73af50f38ae981823a4/JavaScript/Vendor/printThis.js?1732913072"></script> <script src="/_assets/7c1a760ea4d891f44b1637dba301d60e/JavaScript/cs_seo.ga.js?1722599123"></script> <script src="/_assets/948410ace0dfa9ad00627133d9ca8a23/JavaScript/Powermail/Form.min.js?1729089117" defer="defer"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/main.js?1732913070"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/flecheHaut.js?1732913070"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/components.js?1732913070"></script> <script src="/_assets/8b5470729627060287ec80151aeaf598/JavaScript/Src/recaptcha.js?1732913070"></script> <script src="/_assets/5c0be21b2c7a6f60780964ffe23e297c/WebComponents/BannerAutosuggest/solrBannerAutosuggest.min.js?1732913070"></script> <script> /*<![CDATA[*/ /*TS_inlineJS*/ console.log = function() {}; /* Google Tag Manager */ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TRWV88D'); /* End Google Tag Manager */ /* Recaptcha invisible */ function onRecaptchaSubmit() { var idForm = $(".frame-type-form_formframework form").attr('id'); var tousForms ="infoutile,nousjoindre,listedecourriels,formulairedecontactcourriel,plaintes"; if(tousForms.indexOf(idForm)>= 0){ document.getElementById(idForm).submit(); return false; } } /*]]>*/ </script> <script> /*<![CDATA[*/ /*TS_inlineFooter*/ jQuery( document ).ready(function() { jQuery('.youtubeVideo').each(function() { if (jQuery(this).width() < 600){ jQuery(this).addClass( 'small' ); } else{ jQuery(this).removeClass('small') } }); }); jQuery(window).resize(function(){ jQuery('.youtubeVideo').each(function() { if (jQuery(this).width() < 600){ jQuery(this).addClass( 'small' ); } else{ jQuery(this).removeClass('small') } }); }); /*]]>*/ </script> </body> </html>

CINXE.COM

2020, une année marquante pour le UX gouvernemental | Gouvernement du Québec