Difference between revisions of "CSPS Digital Academy/Premium/Design"
Ashley.evans (talk | contribs) |
m (Genevieve.lemieux moved page Digital Academy/Premium/Design to CSPS Digital Academy/Premium/Design: name change) |
||
(17 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--> | ||
− | |||
{{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=" | + | <div style="background: #493D4F; color:white; font-family:Arial;padding:10px"> |
<br> | <br> | ||
− | <div style="line-height: 1.5em; color: # | + | <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;"> '''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;"> '''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;"> '''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: # | + | <div style="line-height: 1.5em; color: #493D4F; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> '''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;"> '''Learning Objective'''</div> | <div style="line-height: 1.5em; color: #000000; font-size: 175%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> '''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 || | + | | 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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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;"> '''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;"> '''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;"> '''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;"> <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;"> <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 || | + | | Name & Contact || Login to GCcollab, hit the "edit" button in the top-right corner of this page, and add comments & feedback here. |
|- | |- | ||
− | | Name & Contact || | + | | 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
Learn how to design for everyone, understand user diversity and learn to recognize how experiences might unintentionally exclude people.
- 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
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 |
(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. |
Learn Agile project methodologies, how to manage design workflows and what roles/expertise are needed to perform design work.
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.
(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. |
Understand guiding mindsets and methods of service design thinking.
- History of design thinking
- Unique design thinking processes
- Design thinking mindsets and contexts
- Service design perspectives
- Case studies
Type of Resource | Title of Resource | Organization | Link | Notes |
---|---|---|---|---|
Coming soon | ||||
Coming soon |
(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. |
Learn about breadth of design research approaches and methods and put them to practice.
- 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
(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. |
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.
- What is information architecture (IA)?
- What you need to know before doing IA?
- Elements of IA
- Principles of IA
- Disciplines that inform IA
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: |
(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. |
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.
- 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
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: |
(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. |
Understand different types of prototypes and learn how-to prototype.
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.
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 |
(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. |
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.
- 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
Type of Resource | Title of Resource | Organization | Link | Notes |
---|---|---|---|---|
Tool | Rawgraphs | Open source tool for designing data visualization | https://rawgraphs.io/ |
(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. |
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.
- 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
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 |
(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. |
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.
- Digital standards overview
- What does it mean to you
- Deep dive into ethics
- Ethical questions
- Analyzing project proposals through the lens of Digital Standards
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: |
(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. |