University of Colorado Boulder - Description Design for Interactive Learning Resources
- Offered byCoursera
Description Design for Interactive Learning Resources at Coursera Overview
Duration | 42 hours |
Total fee | Free |
Mode of learning | Online |
Official Website | Explore Free Course |
Credential | Certificate |
Description Design for Interactive Learning Resources at Coursera Highlights
- Earn a Certificate upon completion
Description Design for Interactive Learning Resources at Coursera Course details
- This course gives you easy access to an innovative description design framework used and created by experts in description design who design descriptions for highly interactive learning resources
- This course will show you how to create descriptions, the verbalized text, needed to make interactive learning resources (interactives) accessible to learners who are blind or have a visual impairment (learners with BVI)
- The course weaves together concepts from inclusive design, web accessibility, and general best practices for description design for non-visual access
- The main focus of the course is learning about and using the Description Design Framework created by design researchers at PhET Interactive Simulations
- Through a series of design tasks, each preempted with examples and demonstrations, the course walks you through how to design descriptions for an interactive of your choosing
- The Description Design Framework helps us take a methodical approach to the challenging task of designing descriptions for interactives, and we want to share what we know so others can design engaging descriptions that support non-visual access to interactive learning resources
Description Design for Interactive Learning Resources at Coursera Curriculum
Introduction to Description Design
Introduction and Overview
What is Description Design?
Description Design Framework
Intro to Screen Reader Software
Getting Started with Screen Reader Software: VoiceOver
Getting Started with Screen Reader Software: NVDA
Getting Started with Screen Reader Software: JAWS
Choosing an Interactive to Describe
More PhET Sims - Possible Design Projects
About the Optional Honors Track
PhET Courses on Coursera
Image Description Guidelines (from the Diagram Center)
Recommended Practices for Video Description (from Description Key)
"Storytelling to Sensemaking: A Systematic Framework for Designing Auditory Description Display for Interactives" Article
Handout: Description Design Framework in Brief
Handout: What is Web Accessibility?
Tip Sheet: Using VoiceOver with a PhET Sim
Tip Sheet: Using NVDA with a PhET Simulation
Tip Sheet: Using JAWS with a PhET Sim
Tip Sheet: Choosing an Interactive to Describe
Introduction and Overview
What is Description Design?
Description Design Framework
Understanding Screen Reader Software
Choosing an Interactive to Describe
State Descriptions: An Overview and Design Patterns for Static States
Intro to State Descriptions: Part 1
Intro to State Descriptions: Part 2
Static and Dynamic State Descriptions
Static State Description Design Patterns
Documenting Description Design
Tips for Designing Navigation Order
Help Text and Design Task #2
"Storytelling to Sensemaking: A Systematic Framework for Designing Auditory Description Display for Interactives" Article
"Implicit scaffolding in Interactive Simulations" Paper
Tip Sheet: State Description Design Patterns
Design Task #1: Starting Static State Descriptions
Tip Sheet: Naming Interactive Objects
Design Doc Templates
Tip Sheet: Designing and Refining Navigation Order
Design Task #2: Hints & Help Text
Handout: Interactive Objects by Simulation
Tip Sheet: Creating Help Text
State Descriptions Basics
State Descriptions in More Depth
Understanding Static and Dynamic State Descriptions
Static State Description Design Patterns
Understanding the Design of Navigation Order
Understanding the Design of Help Text
State Descriptions Continued: Design Patterns for Dynamic States and Description Design Iteration
Intro to Dynamic State Descriptions
Dynamic Summary Text and Design Task #3
Intro to Qualitative Scales
Dynamic Representations and Object Details
Dynamic Object Names and Help Text
Refining State Descriptions
Writing Style for Interactive Description
Ohm's Law Interactive Description Design Document
Dynamic Phrase Builder Tool
Handout: Example Dynamic State Descriptions (Resistance in a Wire)
Design Task #3: Dynamic Summary Text
Handout: Qualitative Scales and Parameters
Design Task #4: Qualitative Parameters
Design Task #5: More Dynamic State Descriptions
Design Task #6: Double Check Static States
Tip Sheet: State Description Design Pattern Review
"Interactive Scientific Graphics" Report
Tip Sheet: Iteration & Writing Style Checklist
The Basics of Dynamic State Descriptions
More Basic Ideas About Dynamic State Descriptions
Understanding the Design of Qualitative Scales
Design Considerations for Dynamic Details for Objects and Representations
Understanding How to Minimize the Need for Dynamic State Descriptions
Understanding the Design and Refinement of State Descriptions
Understanding How Writing Style is a Tool for Description Design
Responsive Descriptions
Intro to Responsive Descriptions
Intro to Object Responses: Part 1
Intro to Object Responses: Part 2
Intro to Context Responses: Part 1
Intro to Context Responses: Part 2
Handout: Initial Object Responses by Interaction Type
Tip Sheet: Design Patterns for Single- & Two-State Interactions
Design Task #7: Creating Object Responses
Tip Sheet: Design Patterns for Multi-State & Customized Interactions
Tip Sheet: Object Responses and Interaction Types
Design Task #8: Creating Context Responses
Handout: Summary of Context Responses
Understanding the Basics of Responsive Descriptions
Design and Interaction Considerations for Simple Interactive Objects
Design and Interaction Considerations for Complex Interactive Objects
The Basics of Context Responses
Understanding the Categories of Context Responses
Putting it All Together
Putting it All Together: Evaluating the Interactive Story
Investigating the Learner Experience: Part 1
Investigating the Learner Experience: Part 2
Preparing for Publication and Beyond
A Design Challenge for Gravity Force Lab: Basics
Heuristic Evaluation of User Interfaces
Exemplar: Heuristic Evaluation of State Descriptions (John Travoltage)
The Cognitive Walkthrough Evaluation Method: A Practitioner's Guide (Technical Report)
Cognitive Walkthrough for the Web (Paper)
Exemplar: Cognitive Walkthrough (Friction)
Exemplar: Cognitive Walkthrough (Gravity Lab Force: Basics)
Handout: Design Challenges for John Travoltage
Congratulations!
Putting it All Together: Evaluating the Interactive Story
Ways to Evaluate Your Description Designs
Considerations for Data Analysis and Design Changes
Preparing for Publication and Beyond