1,123
edits
Changes
Sprint Review 1 September 29 - Revue de sprint 1 29 septembre (view source)
Revision as of 15:06, 26 October 2021
, 15:06, 26 October 2021→Guidance:
==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