Difference between revisions of "CSPS Digital Academy/Premium/Design"

From wiki
Jump to navigation Jump to search
m (Genevieve.lemieux moved page Digital Academy/Premium/Design to CSPS Digital Academy/Premium/Design: name change)
 
(16 intermediate revisions by one other user not shown)
Line 4: Line 4:
 
__NOTOC__
 
__NOTOC__
 
<!--The following line of code hides the page title-->
 
<!--The following line of code hides the page title-->
−
<div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;''For Discussion''</div>
 
 
{{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>
 +
<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;'''Learning Objective'''</div> Learn how to design for everyone, understand user diversity and learn to recognize how experiences might unintentionally exclude people.
  
Line 55: Line 61:
 
------------------
 
------------------
 
<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 2: Agile for Design '''</div>
+
<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>
 
<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.
 
Learn Agile project methodologies, how to manage design workflows and what roles/expertise are needed to perform design work.
Line 94: Line 100:
 
! style="background: grey; color: white; " | Feedback
 
! 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.
 +
|-
 +
| 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>
 +
{| 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="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" |
 +
|-
 +
! 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 || 5 Steps to Successful Enterprise UX Research || UX Magazine || https://uxmag.com/articles/5-steps-to-successful-enterprise-ux-research#annotations:HlnN4mXcEemZiu-Z8ku7oQ ||
 +
|-
 +
| 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
 +
|-
 +
| 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
 +
|-
 +
| 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 ||
 +
|-
 +
| Article || The code I'm still ashamed of || Medium (Bill Sourour) || https://medium.freecodecamp.org/the-code-im-still-ashamed-of-e4c021dff55e ||
 +
|-
 +
| Article || A child abuse prediction model fails poor families || Wired || https://www.wired.com/story/excerpt-from-automating-inequality/#annotations:query: ||
 +
|-
 +
| 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>
 +
 
 +
{| class="wikitable sortable mw-collapsible mw-collapsed" style="color:black; background-color:white; width:100%; align: left;"
 +
|+ class="nowrap" | Ethics & Government Standards 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.
 
|-
 
|-
−
| 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.
 
|}
 
|}

Latest revision as of 11:07, 29 March 2021




For Discussion
Digital Academy Premium Pilot: Design Curriculum


 Week 1: Inclusive Design & Accessibility
 Learning Objective

Learn how to design for everyone, understand user diversity and learn to recognize how experiences might unintentionally exclude people.

 Overview
  • 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
 
Resources
Inclusive Design & Accessibility Resources
Type of Resource Title of Resource Organization Link 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
 
Comments & Questions
Inclusive Design & Accessibility Comments & Questions
(Optional) Name & Contact 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.


 Week 2: Agile for Design
 Learning Objective

Learn Agile project methodologies, how to manage design workflows and what roles/expertise are needed to perform design work.

 Overview

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.

 
Resources
Agile for Design Resources
Type of Resource Title of Resource Organization Link 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
 
Comments & Questions
Agile for Design Comments & Questions
(Optional) Name & Contact 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.


 Week 3: Introduction to Service Design
 Learning Objective

Understand guiding mindsets and methods of service design thinking.

 Overview
  • History of design thinking
  • Unique design thinking processes
  • Design thinking mindsets and contexts
  • Service design perspectives
  • Case studies
 
Resources
Introduction to Service Design Resources
Type of Resource Title of Resource Organization Link Notes
Coming soon
Coming soon
 
Comments & Questions
Introduction to Service Design Comments & Questions
(Optional) Name & Contact 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.


 Week 4: Design Research
 Learning Objective

Learn about breadth of design research approaches and methods and put them to practice.

 Overview
  • 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
 
Resources
Design Research Resources
Type of Resource Title of Resource Organization Link 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
 
Comments & Questions
Design Research Comments & Questions
(Optional) Name & Contact 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.


 Week 5: Information Architecture
 Learning Objective

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.

 Overview
  • What is information architecture (IA)?
  • What you need to know before doing IA?
  • Elements of IA
  • Principles of IA
  • Disciplines that inform IA
 
Resources
Information Architecture Resources
Type of Resource Title of Resource Organization Link 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:
 
Comments & Questions
Information Architecture Comments & Questions
(Optional) Name & Contact 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.


 Week 6: Content Design
 Learning Objective

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.

 Overview
  • 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
 
Resources
Content Design Resources
Type of Resource Title of Resource Organization Link 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:
 
Comments & Questions
Content Design Comments & Questions
(Optional) Name & Contact 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.


 Week 7: Prototyping
 Learning Objective

Understand different types of prototypes and learn how-to prototype.

 Overview

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.
 
Resources
Prototyping Design Resources
Type of Resource Title of Resource Organization Link 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
 
Comments & Questions
Prototyping Comments & Questions
(Optional) Name & Contact 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.


 Week 8: Data Visualization
 Learning Objective

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.

 Overview
  • 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
 
Resources
Data Visualization Design Resources
Type of Resource Title of Resource Organization Link Notes
Tool Rawgraphs Open source tool for designing data visualization https://rawgraphs.io/
 
Comments & Questions
Data Visualization Comments & Questions
(Optional) Name & Contact 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.


 Week 9: Usability Testing & Agile
 Learning Objective

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.

 Overview
  • 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
 
Resources
Usability Testing & Agile Design Resources
Type of Resource Title of Resource Organization Link Notes
Article 5 Steps to Successful Enterprise UX Research UX Magazine https://uxmag.com/articles/5-steps-to-successful-enterprise-ux-research#annotations:HlnN4mXcEemZiu-Z8ku7oQ
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
 
Comments & Questions
Usability Testing & Agile Comments & Questions
(Optional) Name & Contact 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.


 Week 10: Ethics & Government Standards
 Learning Objective

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.

 Overview
  • Digital standards overview
  • What does it mean to you
  • Deep dive into ethics
  • Ethical questions
  • Analyzing project proposals through the lens of Digital Standards
 
Resources
Ethics & Government Standards Resources
Type of Resource Title of Resource Organization Link Notes
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
Article The code I'm still ashamed of Medium (Bill Sourour) https://medium.freecodecamp.org/the-code-im-still-ashamed-of-e4c021dff55e
Article A child abuse prediction model fails poor families Wired https://www.wired.com/story/excerpt-from-automating-inequality/#annotations:query:
Article Nudge vs. sludge – the ethics of behavioral interventions Impactually https://impactually.se/nudge-vs-sludge-the-ethics-of-behavioral-interventions/#annotations:query:
 
Comments & Questions
Ethics & Government Standards Comments & Questions
(Optional) Name & Contact 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.
Retrieved from "https://wiki.gccollab.ca/index.php?title=CSPS_Digital_Academy/Premium/Design&oldid=45120"