1,123
edits
Changes
Sprint Review 1 September 29 - Revue de sprint 1 29 septembre (view source)
Revision as of 15:09, 2 November 2021
, 15:09, 2 November 2021no edit summary
{| style="background: rgb(232, 232, 232); border: 1px solid rgb(136, 136, 136); border-image: none; color: black;" width="100%" cellpadding="2"
{| style="background: rgb(232, 232, 232); border: 1px solid rgb(136, 136, 136); border-image: none; color: black;" width="100%" cellpadding="2"
|-
|-
|[[GC_Design_System_Product_Team_-_L’équipe_de_produits_du_système_de_conception_du_GC|GC Design System Product Team]]
|[[GC_Design_System_Product_Team|GC Design System Product Team]]
|}
|}
{| style="background: rgb(232, 232, 232); border: 1px solid rgb(136, 136, 136); border-image: none; color: black;" width="100%" cellpadding="2"
{| style="background: rgb(232, 232, 232); border: 1px solid rgb(136, 136, 136); border-image: none; color: black;" width="100%" cellpadding="2"
|-
|-
|[[GC_Design_System_Product_Team_-_L’équipe_de_produits_du_système_de_conception_du_GC|L’équipe de produits du système de conception du GC]]
|[[L’équipe_de_produits_du_système_de_conception_du_GC|L’équipe de produits du système de conception du GC]]
|}
|}
__NOTOC__
__NOTOC__
==Guidance: ==
==Guidance: ==
* [[Media:FINAL-7154075 1 Copy of GC Design System October 2021-EN.pdf|Presentation: GC Design system comparative analysis]]
*Compared 23 design systems based on:
**Navigation
**Inclusion of content guidance
**Visual foundations guidance
**Component guidance
**Versioning and history of components
*Highlights:
**All of them have navigation between elements within a section
**11/23 have both top and left navigation
*Takeaways:
**Navigation: Making the design system a separate product, with internal navigation, is the common practice
**Content guidance: The “overarching”, non-component-specific guidance from the Canada.ca Content Style Guide should be in a separate section, within the design system
**Visual foundations guidance: The design system needs a separate “Foundations” section for core visual and brand elements
**Component guidance: Component guidance should have some content guidance specific to that component. There are many ways to present guidance for developers and designers. Having 2 separate tabs is an option, but not the only option.
**Component history and versioning: There is an opportunity to figure out the best way of conveying changes, versioning, how to upgrade
*Guidance for users revolves around four sections:
**awareness of the digital policy framework
**design system guidance
**navigating and using the design system
**selecting and applying the right tokens and components for the job
*Tackling the design system guidance:
**We did an inventory of existing guidance for review and analysis
**We found that there is a lot to consume between WET, Canada.ca style guide, policies, etc.
*Next steps:
*Understand how design decisions are captured at a process level with the goal being to make the design system the trusted source of truth for design system decisions
**Align the product team regarding standards, values, speaking a common language
*Clarify the different meanings of guidance
</div>
</div>
<div style="float:left; width:47%; padding:5px;">
<div style="float:left; width:47%; padding:5px;">
<!--PLACE FRENCH TEXT BELOW THIS LINE AND ABOVE THE CLOSING DIV-->
<!--PLACE FRENCH TEXT BELOW THIS LINE AND ABOVE THE CLOSING DIV-->
== Produit : ==
== Produit : ==
Aperçu des progrès sur la vision, la mission et les objectifs de haut niveau du produit
Aperçu des progrès sur la vision, la mission et les objectifs de haut niveau du produit
==Directives : ==
==Directives : ==
**ADD
*[[Media:FINAL-7154075 1 Copy of GC Design System October 2021-FR.pdf|Présentation : Analyse comparative des systèmes de conception du GC ]]
*Comparaison de 23 systèmes de conception basés sur les suivants :
**Navigation
**Inclusion des directives sur le contenu
**Directives sur les bases visuelles
**Directives sur les composantes
**Versions et historique des composantes
*Points saillants :
**Tous ont une navigation entre les éléments d’une section
**11/23 ont une navigation supérieure et à gauche
*Points à retenir :
**Navigation : La pratique courante est de faire du système de conception un produit distinct, avec une navigation interne
**Directives sur le contenu : Les directives « générales » et non spécifiques du Guide de rédaction du contenu du site Canada.ca doivent être présentées dans une section distincte du système de conception
**Directives sur les bases visuelles : Le système de conception a besoin d’une section « Bases » distincte pour les éléments visuels et de marque de base
**Directives sur les composantes : Les directives sur les composantes doivent comporter des directives sur le contenu propres à cette composante. Il existe de nombreuses façons de présenter des directives aux développeurs et aux concepteurs. Disposer de deux onglets distincts est une option, mais pas la seule.
**Historique et versions des composants : Il y a une opportunité de trouver le meilleur moyen de transmettre les modifications, les versions, et les mises à niveau
*Le guide à l’intention des utilisateurs s’articule autour de quatre sections :
**la sensibilisation au cadre stratégique sur le numérique;
**les directives sur le système de conception;
**la navigation et l’utilisation du système de conception;
sélection et application des jetons et composantes appropriés pour le travail.
*S’attaquer aux directives sur le système de conception :
**Nous avons dressé un inventaire des directives existantes pour examen et analyse
**Nous avons constaté qu’il y a beaucoup à consommer entre la BOEW, le guide de rédaction de Canada.ca, les stratégies, etc.
*Prochaines étapes :
**Comprendre comment les décisions de conception sont prises au niveau du processus, l’objectif étant de faire du système de conception la source fiable de vérité pour les décisions liées au système de conception
**Harmoniser l’équipe de produits au sujet des normes, des valeurs, un langage commun
**Clarifier les différentes significations des directive
</div>
</div>