150
edits
Changes
mLine 1:
Line 1: − [[File:Design_system.png|Design_system.png]]+ − + Line 12:
Line 12: − + − Line 36:
Line 35: − + + + + + − Eman El-Fayoumi − |Digital Collaboration Division + + − Canadian Digital Service+ − |rebecca.jeong@tbs-sct.gc.ca<br> − <br> − Line 53:
Line 53: − Chuma Asuzu+ + + − + − Digital Collaboration Division<br>+ − IRCC+ + − + − + − <br>+ − |-+ − |UX Designers+ − |Michael Martel<br>+ − Sabrina Rowland-Cote<br>+ − Nourhan Hegazy<br>+ − |Digital Collaboration Division<br>+ − Digital Collaboration Division<br>+ − IRCC<br>+ − | michael.martel@tbs-sct.gc.ca<br>+ − <br> − <br> − + − + − + − |-+ − |Process/Guidelines+ − |Sean Boots − |Candian Digital Service − | − + − + + + Line 97:
Line 97: + + + + + + + + + + + + + + + + + + + + + + + + + + + Line 146:
Line 173: + Line 189:
Line 217: − + Line 199:
Line 227: + + Line 227:
Line 257: − + Line 233:
Line 263: − + − + Line 320:
Line 350: − + Line 330:
Line 360: − + Line 336:
Line 366: − + − '''Add other ideas here!''' + − *+ + + + + +
Redirected page to GCDigital design system
#REDIRECT [[GCDigital design system]][[File:Design_system.png|345x345px]]
* [https://github.com/gctools-outilsgc/design-system Github Repository]
* [https://github.com/gctools-outilsgc/design-system Github Repository]
* [https://zube.io/tbs-sct/design-system/w/main-workspace/kanban Design System Zube board]
* [https://gctools-outilsgc.gitbook.io/-gcdigital-design-system/ Documentation]
Information about the design system project started by the Digital Collaboration Division (GCTools) in collaboration with the Canadian Digital Service, Immigration, Refugees and Citizenship Canada, Talent Cloud, and TBS Interoperability.
Information about the design system project started by the Digital Collaboration Division (GCTools) in collaboration with the Canadian Digital Service, Immigration, Refugees and Citizenship Canada, Talent Cloud, and TBS Interoperability.
reusable components for easy development.
reusable components for easy development.
Building a design system is a collaborative effort and requires expertise across all fields in web/application design. A design system takes into account '''all aspects''' of the product and
Building a design system is a collaborative effort and requires expertise across all fields in web/application design. A design system takes into account '''all aspects''' of the product and encompasses all levels of the user and the creator’s experience.
encompasses all levels of the user and the creator’s experience.
'''Why do we want to build one?'''
'''Why do we want to build one?'''
sierra.duffey@tbs-sct.gc.ca
sierra.duffey@tbs-sct.gc.ca
|-
|-
|UX Specialists
|UX Researchers
|[https://gcconnex.gc.ca/profile/Rebecca.Jeong Rebecca Jeong]
|[https://gcconnex.gc.ca/profile/Rebecca.Jeong Rebecca Jeong]
Alex Mesley
Donna Monbourquette
Gerardo Escandon
Gerardo Escandon
|Digital Collaboration Division
Talent Cloud
Talent Cloud
|rebecca.jeong@tbs-sct.gc.ca
alex.mesley@tbs-st.gc.ca
donna.monbourquette@tbs-sct.gc.ca<br>
<br>
|-
|-
|Front-End (UI) Developers
|Front-End (UI) Developers
[https://gcconnex.gc.ca/profile/Nicholas.Pietrantonio Nick Pietrantonio]
[https://gcconnex.gc.ca/profile/Nicholas.Pietrantonio Nick Pietrantonio]
Stephanie Lefebvre
Simon Roy
Omar Nasr
Omar Nasr
|Digital Collaboration Division<br>
Daniel Spence
|Digital Collaboration Division
<br>
Health Canada
Health Canada
|ethan.wallace@tbs-sct.gc.ca<br>
nicholas.pietrantonio@tbs-sct.gc.ca<br>
Canada Revenue Agency
|ethan.wallace@tbs-sct.gc.ca
nicholas.pietrantonio@tbs-sct.gc.ca
stephanie.lefebvre@tbs-sct.gc.ca
simon.roy@tbs-sct.gc.ca
omar.nasr@canada.ca
daniel.spence@cra-arc.gc.ca
|-
|-
|Graphic Designers
|Graphic Designers
|Liam Davidson
|Michael Martel<br>Sabrina Rowland-Cote
|IRCC
Chuma Asuzu
|
|Digital Collaboration Division<br><br>IRCC
| michael.martel@tbs-sct.gc.ca<br>sabrina.rowland-cote@tbs-sct.gc.ca
michael.asuzu@cic.gc.ca
|-
|-
|Writers
|Technical Writers
|Marianne Aubrey
|Marianne Aubrey
Nneka Nnagbo
Nneka Nnagbo
|Digital Collaboration Division
|Digital Collaboration Division
Canada Revenue Agency
Canada Revenue Agency
|
|marianne.aubrey@tbs-sct.gc.ca
nneka.nnagbo@cra-arc.gc.ca
|-
|-
|Partnership Liaison
|Partnership Liaison
|Digital Collaboration Division
|Digital Collaboration Division
|heather.laird@tbs-sct.gc.ca
|heather.laird@tbs-sct.gc.ca
|-
|Consultants
|Sean Boots
Thomas Gohard
Paul Jackson
|Canadian Digital Service
OneGC (TBS)
OneGC (TBS)
|sean.boots@tbs-sct.gc.ca
thomas.gohard@tbs-sct.gc.ca
paul.jackson@tbs-sct.gc.ca
|}
|}
== Latest Updates and Key Files ==
== Latest Updates and Key Files ==
'''April 2018'''
The
<nowiki>#</nowiki>GCdigital design team is hard at work creating a first draft of the #GCdigital
design system. Browse through our [https://gctools-outilsgc.gitbook.io/-gcdigital-design-system/ Gitbook] to see what's been done so far and
what we're still working on!
The first phase of the design system will focus on key design elements, and a downloadable user interface (UI) kit. We are finishing the last few elements
related to navigation, data visualizations and animations, as well as reviewing previous work.
Development work for the design elements will start mid-May. Interested in helping us code our components? [mailto: sierra.duffey@tbs-sct.gc.ca Contact us!]
'''January 24'''
'''January 24'''
* [https://docs.microsoft.com/en-us/windows/uwp/design/fluent-design-system/index Microsoft Fluent Design]
* [https://docs.microsoft.com/en-us/windows/uwp/design/fluent-design-system/index Microsoft Fluent Design]
* [https://vmware.github.io/clarity/ Clarity Design System]
* [https://github.com/alexpate/awesome-design-systems List of awesome design systems]
* [https://github.com/alexpate/awesome-design-systems List of awesome design systems]
* '''Open:''' the design system will be open and accessible to anyone who wishes to use it. All code is open source, and other guidelines and elements are free to copy.
* '''Open:''' the design system will be open and accessible to anyone who wishes to use it. All code is open source, and other guidelines and elements are free to copy.
[[File:MVP_triangle.png|MVP_triangle.png]]
<figure-inline class="mw-default-size">[[File:MVP_triangle.png|1000x1000px]]</figure-inline>
==== Files ====
==== Files ====
* [[:File:Design System Phase II project plan.xlsx|'''Phase II project plan''']]
* '''[[:File:Design System Update Jan 24.pptx|Update_January 24]]'''
* '''[[:File:Design System Update Jan 24.pptx|Update_January 24]]'''
* [[:File:Design System Update Jan 10.pptx|'''Update_January 10''']]
* [[:File:Design System Update Jan 10.pptx|'''Update_January 10''']]
* [https://www.youtube.com/watch?v=R8dYLbJiTUE Intro to working with Kanban boards]
* [https://www.youtube.com/watch?v=R8dYLbJiTUE Intro to working with Kanban boards]
=== Requirements and First Steps (Phase I) ===
=== Phase I ===
* Visual Language (colour, typography, iconography, motion)
* Visual Language (colour, typography, iconography, motion)
* UI Elements (buttons, form controls, text)
* UI Elements (buttons, form controls, text)
* UI Patterns (form structure)
* UI Patterns (form structure)
* Downloads/Resources (Illustrator, Photoshop or Sketch files available for download)
* Downloads/Resources (Illustrator, Photoshop or Sketch files available for download)
=== Project Timeline ===
==== Project Timeline ====
[[File:DS Project Timeline.JPG|frameless|1152x1152px]]
<figure-inline>[[File:DS Project Timeline.JPG|1152x1152px]]</figure-inline>
==== Design Sprints ====
==== Design Sprints ====
|-
|-
|Sprint 7: Data Visualizations
|Sprint 7: Data Visualizations
|Apr. 4 - April 18
|Apr. 4 - April 25
| - data visualizations
| - data visualizations
- accessibility principles
- accessibility principles
|-
|-
|Sprint 8: Putting it Together
|Sprint 8: Putting it Together
|Apr. 18 - May 2
|Apr. 25 - May 15
| - templates (UI Kit)
| - templates (UI Kit)
| - UX and IA for website
| - UX and IA for website
|
|
|}
|}
*
=== Phase II ===
Starting on May 17, after the Blueprint Innovation Fair, the design system team will kick off phase II of the project. Phase II includes development work for components designed in phase I; writing, branding and accessibility guidelines, as well as user testing and design work for page templates and additional components.
All tasks for the second phase will continue to be managed in the [https://github.com/gctools-outilsgc/design-system design system Github.]
* [[:File:Design System Phase II project plan.xlsx|Phase II project plan]] (seen below)
[[File:Design system phase II Gantt chart.JPG|alt=Project plan for phase II of the GCdigital design system. The plan shows sprints 8 - 12|left|1118x1118px|Project plan for Phase II of the design system. Sprint 8 - 12]]
__STATICREDIRECT__