Changes

no edit summary
Line 1: Line 1:  
{| 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__
Line 37: Line 37:  
==Governance:==
 
==Governance:==
 
Findings from the analytics and user feedback on design.canada.ca  
 
Findings from the analytics and user feedback on design.canada.ca  
[[Media:Canada.ca design system - Analytics and feedback.pdf | SDS]] Presentation: Canada.ca design system - analytics and feedback
+
*[[Media:Canada.ca design system - Analytics and feedback.pdf | Presentation: Canada.ca design system - analytics and feedback]]
Web analytics (January 1st - Sept 15)  and feedback tool (added in June 2021)
+
**Web analytics (January 1st - Sept 15)  and feedback tool (added in June 2021)
Highlights:  
+
*Highlights:  
Content Style Guide gets the most traffic
+
**Content Style Guide gets the most traffic
Templates getting more views than components
+
**Templates getting more views than components
Little traffic to French pages (5-10% for most pages)
+
**Little traffic to French pages (5-10% for most pages)
Mobile use is low (10-15%)  
+
**Mobile use is low (10-15%)  
Key takeaways:
+
*Key takeaways:
Canada.ca design system is mostly used by people from web comms community
+
**Canada.ca design system is mostly used by people from web comms community
Web comms community is still looking for guidance: templates, guidance on which component to use, clarification
+
**Web comms community is still looking for guidance: templates, guidance on which component to use, clarification
Hypothesis:
+
*Hypothesis:
This is not where developers are generally coming, so we need to understand their needs better if we want to address them
+
**This is not where developers are generally coming, so we need to understand their needs better if we want to address them
   −
<br>
+
==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
   −
==Guidance: ==
      
</div>
 
</div>
Line 59: Line 90:  
<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
Line 78: Line 110:     
==Gouvernance :==
 
==Gouvernance :==
ADD
+
Constatations de l’analyse et rétroaction des utilisateurs sur conception.canada.ca
<br>
+
*[[Media:FINAL-7154075 3 Canada.ca design system - Analytics and feedback-FR.pdf|Présentation : Système de conception de Canada.ca – analyse et rétroaction]]
 +
**Analyse Web (1er janvier – 15 septembre) et outil de rétroaction (ajouté en juin 2021)
 +
*Points saillants :
 +
**Le Guide de rédaction du contenu reçoit le plus grand trafic
 +
**Les modèles obtiennent plus de vues que les composantes
 +
**Très peu de trafic vers les pages en français (entre 5-10 % pour la plupart des pages)
 +
**L’utilisation mobile est faible (10-15 %)
 +
*Principaux points à retenir :
 +
**Le système de conception de Canada.ca est surtout utilisé par des personnes de la collectivité des communications Web
 +
**La collectivité des communications Web recherche toujours des directives : modèles, directives sur la composante à utiliser, clarification
 +
*Hypothèse :
 +
**Ce n’est pas là où les développeurs viennent généralement, donc nous devons mieux comprendre leurs besoins si nous voulons les traiter
    
==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>
1,123

edits