133
edits
Changes
mLine 339:
Line 339: − + Line 349:
Line 349: − + − + − + − + − + − + − + − + Line 365:
Line 365: − + − Lead by the Digital Collaboration Division at the Treasury Board of Canada Secretariat, Aurora design system was created in collaboration with the Canadian Digital Service: Talent Cloud, Immigration, Refugees and Citizenship Canada, and other individuals within Government of Canada. Aurora design system was created to standardize the visual language and user experience of the Open Accessible Digital Workplace's online applications and tools.+ − + − + − + − + − + Line 390:
Line 390: − + Line 487:
Line 487: − + − Released on September 24th, 2018, the first version of Aurora design system included components, as well as best practices for written content and data visualization.+ − + − Version one included HTML code, design elements and documentation for the following components:+ − + − + − + Line 557:
Line 557: − + − + − + − + − + Line 629:
Line 629: − + − + − + − + − + − + − +
no edit summary
|image = [[File:Aurora_Logo.png|303px]]
|image = [[File:Aurora_Logo.png|303px]]
|imagestyle =
|imagestyle =
|caption = Aurora design system logo
|caption = Logo du système de conception Aurora
|captionstyle =
|captionstyle =
|headerstyle = background:#5DC1BE;
|headerstyle = background:#5DC1BE;
|data1 =
|data1 =
|header2 =
|header2 =
|label3 = Developer
|label3 = Développeur
|data3 = Division de la collaboration numérique
|data3 = Division de la collaboration numérique
|label4 = Initial release
|label4 = Version initiale
|data4 = 24 septembre 2018
|data4 = le 24 septembre 2018
|label5 = Latest version
|label5 = Dernière version
|data5 = V1, 24 septembre 2018
|data5 = V1, le 24 septembre 2018
|label6 = Website
|label6 = Site Web
|data6 = [https://design.gccollab.ca/ design.gccollab.ca]
|data6 = [https://design.gccollab.ca/ design.gccollab.ca]
|label7 = GitHub repository
|label7 = Répertoire GitHub
|data7 = [https://github.com/gctools-outilsgc/design-system Github Repository]
|data7 = [https://github.com/gctools-outilsgc/design-system Répertoire GitHub]
|belowstyle = background:#ADE18D;
|belowstyle = background:#ADE18D;
</div>
</div>
'''Aurora design system''' is a central design guide developed in 2018 by the Digital Collaboration Division within the Treasury Board of Canada Secretariat of the Government of Canada. It was built through a collaborative effort between various designers, developers and writers across the Government of Canada.
Le '''système de conception Aurora''' est un guide de conception central développé en 2018 par la Division de la collaboration numérique du Secrétariat du Conseil du Trésor du gouvernement du Canada. Il est le fruit d’un partenariat entre divers concepteurs, développeurs et rédacteurs du gouvernement du Canada.
Conçu sous la direction de la Division de la collaboration numérique du Secrétariat du Conseil du Trésor du Canada, le système de conception Aurora a été créé en collaboration avec le Service numérique canadien, le Nuage de talents, Immigration, Réfugiés et Citoyenneté Canada ainsi que d’autres employés du gouvernement du Canada. Le système de conception Aurora permet de normaliser le langage visuel et l’expérience-utilisateur des applications et des outils en ligne de l’espace de travail numérique ouvert et accessible.
==Overview==
==Aperçu==
Aurora design system is a catalogue of user interface elements, writing style, guiding principles, coding standards, visual design, etc. for use in the Open Accessible Digital Workplace's applications. It was built in the open with contributions from developers, designers, writers and data scientists. Aurora design system is an ongoing project. Future iterations will be made to increase the number of components available, expand its code and documentation, and improve its user experience attributes.
Le système de conception Aurora est un catalogue comportant les éléments de l’interface-utilisateur, le style de rédaction, les principes directeurs, les normes de codage, la conception visuelle, etc. qui peuvent être utilisés dans les applications de l’espace de travail numérique ouvert et accessible. Il a été réalisé à partir d’un environnement ouvert, et des développeurs, des concepteurs, des rédacteurs et des scientifiques des données y ont contribué. Le système de conception Aurora est un projet continu. D’autres versions seront publiées; elles permettront d’accroître le nombre de composantes disponibles, d’élargir le code et d’augmenter la documentation, et d’améliorer les attributs de l’expérience-utilisateur.
===Mission Statement===
===Énoncé de mission===
Make a design system for the Government of Canada’s digital collaboration tools that can also be reused and applied to other public or internal digital services and products. This system will help to ensure a seamless experience for users across platforms, will be easy to use, and quick for developers and designers to implement. The design system will provide a basic framework with guiding principles and components, with the ability to be adapted to other brands and needs.
Make a design system for the Government of Canada’s digital collaboration tools that can also be reused and applied to other public or internal digital services and products. This system will help to ensure a seamless experience for users across platforms, will be easy to use, and quick for developers and designers to implement. The design system will provide a basic framework with guiding principles and components, with the ability to be adapted to other brands and needs.
===Principles===
===Principes===
Aurora design system adheres to the following principles:
Le système de conception Aurora respecte les principes suivants :
*'''Simple et flexible''': Offre tous les éléments nécessaires sans être restrictif. Le système de conception Aurora est un système léger, qui peut être adapté à un produit particulier.
*'''Simple et flexible''': Offre tous les éléments nécessaires sans être restrictif. Le système de conception Aurora est un système léger, qui peut être adapté à un produit particulier.
*'''Ouvert''': Ouvert et accessible à quiconque souhaite l’utiliser. Tous les codes sources du système de conception Aurora sont ouverts, et les lignes directrices et autres éléments peuvent être copiés librement.
*'''Ouvert''': Ouvert et accessible à quiconque souhaite l’utiliser. Tous les codes sources du système de conception Aurora sont ouverts, et les lignes directrices et autres éléments peuvent être copiés librement.
==Project Team==
==Équipe de projet==
{| class="wikitable"
{| class="wikitable"
==Versions==
==Versions==
===Version one===
===Version un===
Publiée le 24 septembre 2018, la première version du système de conception Aurora comprenait des composantes, ainsi que des pratiques exemplaires pour le contenu écrit et la visualisation des données.
====Components in version one====
====Composantes de la version un====
La première version comprenait le code HTML, les éléments de conception et la documentation pour les composantes suivantes :
[[File:BalisesAurora.JPG|700px|thumb|right|Example of Tags component with HTML code]]
[[File:BalisesAurora.JPG|700px|thumb|right|Exemple de composantes d’étiquettes avec code HTML]]
{| class="wikitable"
{| class="wikitable"
!Component Type
!Type de composante
!Component
!Composante
|-
|-
|'''Visuels'''
|'''Visuels'''
|}
|}
====Content and data====
====Contenu et données====
Aurora contained content guidelines and data visualization styles, and best practices for the following topics:
Aurora contient des lignes directrices sur le contenu et des styles de visualisation des données, ainsi que des pratiques exemplaires sur les sujets suivants :
[[File:DiagrammesAurora.JPG|700px|thumb|right|Example of a bar graph in Aurora design system]]
[[File:DiagrammesAurora.JPG|700px|thumb|right|Exemple de diagramme à barres dans le système de conception Aurora]]
{| class="wikitable"
{| class="wikitable"
!Category
!Catégorie
!Topic
!Sujet
|-
|-
|'''Lignes directrices sur le contenu'''
|'''Lignes directrices sur le contenu'''
|}
|}
== Research ==
== Recherche ==
==== Studies conducted by the Digital Collaboration Divison ====
==== Études menées par la Division de la collaboration numérique ====
* [[:File:GCTools Design System - Mood Board Heatmap 2018 short.pdf|Mood Board Survey]]
* [[:File:GCTools Design System - Mood Board Heatmap 2018 short.pdf|Sondage sur les planches de tendance]]
* [[:File:Results DS Information Architecture.pdf|Card-Sorting: Information Architecture]]
* [[:File:Results DS Information Architecture.pdf|Tri des cartes : Architecture de l’information]]
* [[:File:Report typography and data viz testing.pdf|Report: Typography and Data Visualizations]]
* [[:File:Report typography and data viz testing.pdf|Rapport : Typographie et visualisation des données]]
* [[:File:Design system architecture final.pdf|Final Architecture for Design System]]
* [[:File:Design system architecture final.pdf|Architecture finale du système de conception]]
==== Design systems used as inspiration and reference ====
==== Systèmes de conception utilisés comme source d’inspiration et de référence ====
* [https://semantic-ui.com/ Semantic.ui]
* [https://semantic-ui.com/ Semantic.ui]
* [https://material.io/guidelines/ Google Material Design]!
* [https://material.io/guidelines/ Google Material Design]!