Changes

m
Genevieve.lemieux moved page Digital Academy/Premium/Design to CSPS Digital Academy/Premium/Design: name change
Line 5: Line 5:  
<!--The following line of code hides the page title-->
 
<!--The following line of code hides the page title-->
 
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
 
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
<div style="line-height: 1.5em; font-size: 300%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Digital Academy Premium Pilot: Design Curriculum'''</div>
+
<div style="background: #493D4F; color:white; font-family:Arial;padding:10px">
 
<br>
 
<br>
<div style="line-height: 1.5em; color: #560472; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 1: Inclusive Design & Accessibility '''</div>
+
<big><big>For Discussion</big></big>
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objectives'''</div>
  −
# Understand
  −
# Test
  −
# Learn
   
<br>
 
<br>
 +
<big><big><big><big><big>'''Digital Academy Premium Pilot: Design Curriculum'''</big></big></big></big></big>
 +
<br>
 +
<br>
 +
</div>
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 1: Inclusive Design & Accessibility '''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div> Learn how to design for everyone, understand user diversity and learn to recognize how experiences might unintentionally exclude people.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*How inclusive design benefits everyone
 +
*Understanding user diversity - there is no “average user”
 +
*Recognizing how experiences unintentionally exclude people
 +
*A framework that will give you concrete ways to include create more inclusive services utilizing design research, inclusive principles and accessibility
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Inclusive Design & Accessibility Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Article || Inclusive Design: 12 Ways to Design for Everyone || Shopify || https://hyp.is/J3vvGD9iEem6EsfK5lwOxQ/www.shopify.com/partners/blog/inclusive-design ||
 +
|-
 +
| Guide || W3C - Web Accessibility Initiative, Resources for Designers || World Wide Web Consortium (W3C) || https://via.hypothes.is/https://www.w3.org/WAI/roles/designers/#annotations:S9191j9iEemH3j8PuoxzOg ||
 +
|-
 +
| Video || Why design should include everyone || TED || https://www.youtube.com/watch?v=RD_SLJG7oi8 ||
 +
|-
 +
| Video || When we design for disability, we all benefit || TED || https://www.youtube.com/watch?v=g2m97gPI70I ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Inclusive Design & Accessibility Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and write comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and write comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and write comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 2: Agile for Design '''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Learn Agile project methodologies, how to manage design workflows and what roles/expertise are needed to perform design work.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
Instruction and hands-on exercises to help those who work directly with agile teams understand how to best support, guide, and coach their teams to improve their agile capabilities. Learn how-to create the conditions for a successful agile transformation.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Agile for Design Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Document || Manifesto for Agile Software Development - Principles || Agile Manifesto || https://hyp.is/jxH_rD9vEemWVYtkShV8Dw/agilemanifesto.org/principles.html ||
 +
|-
 +
| Guide || Official Scrum Guide || Scrum Guide || https://via.hypothes.is/https://www.scrumguides.org/#annotations:govJwD9vEem88-MqOfvFvQ ||
 +
|-
 +
| Article || The Evolution of UX Process Methodology || Medium (Ian Armstrong) || https://via.hypothes.is/https://uxplanet.org/the-evolution-of-ux-process-methodology-47f52557178b ||
 +
|-
 +
| Article || The five keys to a successful Google team || Google (re:work) || https://via.hypothes.is/https://rework.withgoogle.com/blog/five-keys-to-a-successful-google-team/#annotations:QJJxHj9uEem_M5PlH78wyg ||
 +
|-
 +
| Guide || How to select and develop individuals for successful agile teams: A practical guide || McKinsey & Company || https://via.hypothes.is/https://www.mckinsey.com/business-functions/organization/our-insights/how-to-select-and-develop-individuals-for-successful-agile-teams-a-practical-guide#annotations:Mf2lJD9uEemH8cNZmjmKRA ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Agile for Design Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 3: Introduction to Service Design'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Understand guiding mindsets and methods of service design thinking.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*History of design thinking
 +
*Unique design thinking processes
 +
*Design thinking mindsets and contexts
 +
*Service design perspectives
 +
*Case studies
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Introduction to Service Design Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Coming soon || ||  ||  ||
 +
|-
 +
| Coming soon ||  ||  ||  ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Introduction to Service Design Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 4: Design Research'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Learn about breadth of design research approaches and methods and put them to practice.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*Design research principles
 +
*Inclusive design research
 +
*Evolution of design research
 +
*How-to prepare and plan your research
 +
*Visual thinking
 +
*Empathy in design research
 +
*User interview discussion guides
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Design Research Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Document || Manifesto for Agile Software Development - Principles || Agile Manifesto || https://hyp.is/jxH_rD9vEemWVYtkShV8Dw/agilemanifesto.org/principles.html ||
 +
|-
 +
| Guide || Official Scrum Guide || Scrum Guide || https://via.hypothes.is/https://www.scrumguides.org/#annotations:govJwD9vEem88-MqOfvFvQ ||
 +
|-
 +
| Article || The Evolution of UX Process Methodology || Medium (Ian Armstrong) || https://via.hypothes.is/https://uxplanet.org/the-evolution-of-ux-process-methodology-47f52557178b ||
 +
|-
 +
| Article || The five keys to a successful Google team || Google (re:work) || https://via.hypothes.is/https://rework.withgoogle.com/blog/five-keys-to-a-successful-google-team/#annotations:QJJxHj9uEem_M5PlH78wyg ||
 +
|-
 +
| Guide || How to select and develop individuals for successful agile teams: A practical guide || McKinsey & Company || https://via.hypothes.is/https://www.mckinsey.com/business-functions/organization/our-insights/how-to-select-and-develop-individuals-for-successful-agile-teams-a-practical-guide#annotations:Mf2lJD9uEemH8cNZmjmKRA ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Design Research Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 5: Information Architecture'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Understand how information architecture impacts usability of web content and learn to apply information architecture principles on both macro and micro scales as well as identify information architecture problems.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*What is information architecture (IA)?
 +
*What you need to know before doing IA?
 +
*Elements of IA
 +
*Principles of IA
 +
*Disciplines that inform IA
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" |Information Architecture Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Guide || What is Information Architecture? || Optimal Workshop || https://www.optimalworkshop.com/guides/what-is-information-architecture#annotations:query: ||
 +
|-
 +
| E-book || How to make sense of any mess || Written by Abby Covert || http://www.howtomakesenseofanymess.com/#annotations:query: ||
 +
|-
 +
| Article || Frequently asked IA questions || Abby the IA || http://abbytheia.com/2014/04/22/faq/#annotations:query: ||
 +
|-
 +
| Article || IA Heuristics: A Journey || Abby the IA || http://abbytheia.com/2012/04/12/ia-heuristics-journey/#annotations:query: ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Information Architecture Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 6: Content Design'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Understand the importance of having a content strategy, learn elements of good content design, identify content problems, explore how to approach them and how to test content for effectiveness.
 +
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*What is a content strategy?
 +
*Why you need a content strategy?
 +
*Elements of a content strategy
 +
*Principles of good content design
 +
*How do you create good content?
 +
*How do you test content?
 +
*Using web analytics
 +
 
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" |Content Design Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Guide|| Content creation principles || Web Experience Toolkit || https://wet-boew.github.io/wet-boew-styleguide/writing/prncpls-en.html ||
 +
|-
 +
| Article || How agile and lean principles can improve content strategy and governance || Written by Josh Tong || https://www.joshtong.io/blog/2015/6/7/how-agile-and-lean-principles-can-improve-content-strategy-and-governance ||
 +
|-
 +
| Guide || Canada.ca Content Style Guide || Government of Canada || https://www.canada.ca/en/treasury-board-secretariat/services/government-communications/canada-content-style-guide.html#toc6 ||
 +
|-
 +
| Article || Aligning Content Work with Agile Processes || Written by Brendan Murray || https://alistapart.com/article/aligning-content-work-with-agile-processes/#annotations:query: ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
    
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
|+ class="nowrap" | Inclusive Design & Accessibility Resources
+
|+ class="nowrap" | Content Design Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 7: Prototyping'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Understand different types of prototypes and learn how-to prototype.
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
Understand different types of prototyping methods to communicate your vision and learn to craft compelling stories with data.
 +
*What, why, and how of prototyping
 +
*2D, 3D, and 4D prototyping
 +
*Example prototypes: experience, user action, service, etc.
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" |Prototyping Design Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Article || Chatbots: Your Ultimate Prototyping Tool || Medium (IDEO) || https://medium.com/ideo-stories/chatbots-ultimate-prototyping-tool-e4e2831967f3 ||
 +
|-
 +
| Guide || A Beginner's Guide to Rapid Prototyping || FreeCodeCamp || https://medium.freecodecamp.org/a-beginners-guide-to-rapid-prototyping-71e8722c17df ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Prototyping Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 8: Data Visualization'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Understand how-to tell stories when designing for data visualizations, learn when to use certain chart types, and apply design best practices when creating visualizations.
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*Crafting compelling stories with data
 +
*Data visualization 101
 +
*An intro to data types
 +
*Chart type and design best practice
 +
*Finding the story in your data
 +
*The difference between infographics and data visualization
 +
*Open source tools to create your own
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" |Data Visualization Design Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 +
|-
 +
| Tool || Rawgraphs || Open source tool for designing data visualization || https://rawgraphs.io/ ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Data Visualization Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 9: Usability Testing & Agile '''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Learn when you should do usability testing, what methods are available and how to use them, including audience definition, participant recruitment, testing strategy and logistics.
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*A typical process for usability testing
 +
*Problem definition
 +
*Audience definition and analysis
 +
*Testing strategy and logistics
 +
*Audience engagement
 +
*Types of usability testing intro
 +
*UX and agile
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" |Usability Testing & Agile Design Resources
 
|-
 
|-
 
! colspan="5" |
 
! colspan="5" |
Line 26: Line 420:  
! style="background: grey; color: white; " | Notes
 
! style="background: grey; color: white; " | Notes
 
|-
 
|-
| Video || Annual Report: Ellen and Jason || Government of Canada, Privy Council Office || https://www.facebook.com/ClerkGC/videos/604452839930035/ || Stresses the importance of accessibility. Ellen met Jason, who is visually impaired, and she built him a 3D map to help him get around the office.
+
| Article || 5 Steps to Successful Enterprise UX Research || UX Magazine || https://uxmag.com/articles/5-steps-to-successful-enterprise-ux-research#annotations:HlnN4mXcEemZiu-Z8ku7oQ ||  
 
|-
 
|-
| Project intake outline ||How we host|| PCH || [[:File:How we host - 4 steps.pdf]] || This is an outline of how the Innovation & Experimentation Team at PCH works with potential project partners to explore the possibility of an applied design thinking project.
+
| Article || Key Experience Indicators: How to decide what to measure? || Article (Tomer Sharon) || https://medium.com/@tsharon/key-experience-indicators-how-to-decide-what-to-measure-8b948a6a86b9#annotations:SlkFmGXcEemdYuOkXkt-zA ||
 +
|}
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 +
 
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Usability Testing & Agile Comments & Questions
 +
|-
 +
! colspan="2" |
 +
|-
 +
! style="background: grey; color: white; " | (Optional) Name & Contact
 +
! style="background: grey; color: white; " | Feedback
 
|-
 
|-
| Article || User Research Basics || U.S. Dept. of Health & Human Services || https://www.usability.gov/what-and-why/user-research.html ||When to perform specific types of user research.
+
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|-
 +
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 +
|}
 +
------------------
 +
<br>
 +
<div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Week 10: Ethics & Government Standards'''</div>
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Learning Objective'''</div>
 +
Learn about the Government of Canada Digital Standards and how to apply them, understand ethical implications of design and learn how to ask the right questions to support ethical decision-making.
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Overview'''</div>
 +
*Digital standards overview
 +
*What does it mean to you
 +
*Deep dive into ethics
 +
*Ethical questions
 +
*Analyzing project proposals through the lens of Digital Standards
 +
 
 +
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Resources'''</center></div>
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" |Ethics & Government Standards Resources
 +
|-
 +
! colspan="5" |
 +
|-
 +
! style="background: grey; color: white; " | Type of Resource
 +
! style="background: grey; color: white; " | Title of Resource
 +
! style="background: grey; color: white; " | Organization
 +
! style="background: grey; color: white; " | Link
 +
! style="background: grey; color: white; " | Notes
 
|-
 
|-
| Guide || User research guide ||Ontario Digital Service|| https://www.ontario.ca/page/user-research-guide ||In alpha.
+
| Article || Responsible AI in the Government of Canada: A Sneak Peek || Medium (Michael Karlin) || https://medium.com/code-for-canada/responsible-ai-in-the-government-of-canada-a-sneak-peek-973727477bdf ||  
 
|-
 
|-
| Report summary (3 pages) || Design Thinking for Public Service Excellence || United Nations Development Programme: Global Centre for Public Service Excellence || http://www.undp.org/content/dam/undp/library/capacity-development/English/Singapore%20Centre/GCPSE%20Design%20Thinking%20Summary.pdf || Examples of design thinking for public sector use (on page 3).
+
| Article || The code I'm still ashamed of || Medium (Bill Sourour) || https://medium.freecodecamp.org/the-code-im-still-ashamed-of-e4c021dff55e ||
 
|-
 
|-
| Online course || Agile Meets Design Thinking || University of Virginia via Coursera || https://www.class-central.com/course/coursera-agile-meets-design-thinking-11994?utm_source=qz&utm_medium=web&utm_campaign=new_courses_october_2018 ||  
+
| Article || A child abuse prediction model fails poor families || Wired || https://www.wired.com/story/excerpt-from-automating-inequality/#annotations:query: ||
 
|-
 
|-
| Expert, video, article, course, etc. || Name/Title || Organization || Contact/Link || Anything to add?
+
| Article || Nudge vs. sludge – the ethics of behavioral interventions || Impactually || https://impactually.se/nudge-vs-sludge-the-ethics-of-behavioral-interventions/#annotations:query: ||
 
|}
 
|}
 
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
 
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;<center>'''Comments & Questions'''</center></div>
    
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
|+ class="nowrap" | Inclusive Design & Accessibility Module: Comments & Questions
+
|+ class="nowrap" | Ethics & Government Standards Comments & Questions
 
|-
 
|-
 
! colspan="2" |
 
! colspan="2" |
Line 50: Line 483:  
! style="background: grey; color: white; " | Feedback
 
! style="background: grey; color: white; " | Feedback
 
|-
 
|-
| Name & Contact || Please add comments & feedback here
+
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 
|-
 
|-
| Name & Contact || Please add comments & feedback here
+
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 
|-
 
|-
| Name & Contact || Please add comments & feedback here
+
| Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here.
 
|}
 
|}