150
edits
Changes
Jump to navigation
Jump to search
Line 2:
Line 2: − + Line 12:
Line 12: − + − Line 39:
Line 38: − − Eman El-Fayoumi − − Canadian Digital Service − <br> − <br> + + − + − Digital Collaboration Division<br>+ − + + − + − + + + + + + + + + + + + − + − + − Nourhan Hegazy<br>+ − − Digital Collaboration Division<br> − IRCC<br> − − <br> − <br> − |- − |Graphic Designers − |Liam Davidson − |IRCC − | − + − |Sean Boots − |Candian Digital Service − | − |- − |Writers − + + + Line 97:
Line 90: + + + + + + + + + + + + + + + + + + + + + + + + + + + Line 146:
Line 166: + Line 199:
Line 220: + + Line 227:
Line 250: − + Line 233:
Line 256: − + Line 320:
Line 343: − + Line 330:
Line 353: − + Line 336:
Line 359: − * + − '''Add other ideas here!''' + − + + + + +
Updates copied from GCpedia page
* [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?'''
|[https://gcconnex.gc.ca/profile/Rebecca.Jeong Rebecca Jeong]
|[https://gcconnex.gc.ca/profile/Rebecca.Jeong Rebecca Jeong]
Gerardo Escandon
Gerardo Escandon
|Digital Collaboration Division
|Digital Collaboration Division
Talent Cloud
Talent Cloud
|rebecca.jeong@tbs-sct.gc.ca<br>
|rebecca.jeong@tbs-sct.gc.ca<br>
|-
|-
|Front-End (UI) Developers
|Front-End (UI) Developers
|[https://gcconnex.gc.ca/profile/Ethan.Wallace Ethan Wallace]
|[https://gcconnex.gc.ca/profile/Ethan.Wallace Ethan Wallace]
[https://gcconnex.gc.ca/profile/Nicholas.Pietrantonio Nick Pietrantonio]
[https://gcconnex.gc.ca/profile/Nicholas.Pietrantonio Nick Pietrantonio]
Stephanie Lefebvre
Chuma Asuzu
Chuma Asuzu
Omar Nasr
Omar Nasr
|Digital Collaboration Division<br>
Daniel Spence
IRCC
|Digital Collaboration Division
<br>IRCC
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
michael.asuzu@cic.gc.ca
omar.nasr@canada.ca
daniel.spence@cra-arc.gc.ca
<br>
<br>
|-
|-
|UX Designers
|UX Designers
|Michael Martel<br>
|Michael Martel<br>Sabrina Rowland-Cote
Sabrina Rowland-Cote<br>
|Digital Collaboration Division<br><br>
| michael.martel@tbs-sct.gc.ca<br>sabrina.rowland-cote@tbs-sct.gc.ca
|Digital Collaboration Division<br>
| michael.martel@tbs-sct.gc.ca<br>
|-
|-
|Process/Guidelines
|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]
==== 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]]
[[File:DS Project Timeline.JPG|frameless|1152x1152px]]
|-
|-
|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]]
