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 |