Changes

Jump to navigation Jump to search
Line 51: Line 51:     
==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>
Line 57: Line 93:  
<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
1,123

edits

Navigation menu

GCwiki