К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Description Design for Interactive Learning Resources · LearnSpace
Назад в каталог
courseraПрограммирование

Description Design for Interactive Learning Resources

Курс от University of Colorado Boulder
Начальный≈ 41.6 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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. Interactive learning resources are common, fun, and effective tools that engage learners in the classroom and in remote learning environments. Many of these interactives rely on the visual display. This limits non-visual experiences, and makes many interactive learning resources inaccessible to learners with significant visual impairments or print- and graphics-related disabilities. Descriptions are verbalized text for supporting non-visual access. 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. While prior experience in web accessibility, interaction design, and description is useful, it is not required for this course. We share many examples from our work, and include tips and design patterns that we have created and actively use to describe our highly interactive science and math simulations. If you have an interest in creating descriptions for interactive learning resources, join us in this course. 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.

Навыки, которые вы освоите

Interactive DesignWeb Content Accessibility GuidelinesSoftware Design PatternsInteraction DesignDesign StrategiesWritingTechnical DocumentationEducation Software and TechnologySimulationsTechnical WritingUser Interface (UI)UsabilityUsability TestingDesign Reviews

Программа курса

5 модулей · 124 учебных материалов

01Introduction to Description Design29 материалов

Introduction and Overview

Course Updates and Accessibility SupportЧтениеIntroduction and OverviewВидеоAbout the Optional Honors Track ЧтениеPhET Courses on CourseraЧтение

Учитесь у экспертов

Taliesin L. Smith

Inclusive Design Researcher and Designer, PhET Interactive Simulations

Emily Moore

Director of Research and Accessibility, PhET Interactive Simulations

Description Design for Interactive Learning Resources
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 41.6 ч

5 модулей

Язык: Английский

Часть программы вашего университета
Introduction and OverviewЗадание
Connect with Your PeersОбсуждение

What is Description Design?

What is Description Design?ВидеоImage Description Guidelines (from the Diagram Center)ЧтениеRecommended Practices for Video Description (from Description Key)ЧтениеWhat is Description Design?Задание

Description Design Framework

Description Design FrameworkВидео"Storytelling to Sensemaking: A Systematic Framework for Designing Auditory Description Display for Interactives" ArticleЧтениеHandout: Description Design Framework in BriefЧтениеDescription Design FrameworkЗадание

Screen Reader Software

Intro to Screen Reader SoftwareВидеоHandout: What is Web Accessibility?ЧтениеTip Sheet: Using VoiceOver with a PhET SimЧтениеGetting Started with Screen Reader Software: VoiceOverВидеоTip Sheet: Using NVDA with a PhET SimulationЧтениеGetting Started with Screen Reader Software: NVDAВидеоTip Sheet: Using JAWS with a PhET SimЧтениеGetting Started with Screen Reader Software: JAWSВидеоUnderstanding Screen Reader SoftwareЗаданиеScreen Reader Demo ExperienceОбсуждение

Choosing an Interactive to Describe

Choosing an Interactive to DescribeВидеоTip Sheet: Choosing an Interactive to DescribeЧтениеChoosing an Interactive to DescribeЗаданиеMore PhET Sims - Possible Design ProjectsВидеоChoosing your Screen Reader and InteractiveОбсуждение
02State Descriptions: An Overview and Design Patterns for Static States25 материалов

State Description Overview

Intro to State Descriptions: Part 1Видео"Storytelling to Sensemaking: A Systematic Framework for Designing Auditory Description Display for Interactives" ArticleЧтение"Implicit scaffolding in Interactive Simulations" PaperЧтениеState Descriptions BasicsЗаданиеIntro to State Descriptions: Part 2ВидеоState Descriptions in More DepthЗадание

Introduction to Static and Dynamic State Descriptions

Static and Dynamic State DescriptionsВидеоTip Sheet: State Description Design PatternsЧтениеUnderstanding Static and Dynamic State DescriptionsЗадание

Static State Description Design Patterns + Design Task #1

Static State Description Design PatternsВидеоDesign Task #1: Starting Static State DescriptionsЧтениеTip Sheet: Naming Interactive ObjectsЧтениеStatic State Description Design PatternsЗаданиеDiscuss Design Task #1Обсуждение

Documenting Description Design

Documenting Description DesignВидеоDesign Doc TemplatesЧтение

Tips for Designing Navigation Order

Tips for Designing Navigation OrderВидеоTip Sheet: Designing and Refining Navigation OrderЧтениеUnderstanding the Design of Navigation OrderЗадание

Help Text + Design Task #2

Help Text and Design Task #2ВидеоDesign Task #2: Hints & Help TextЧтениеHandout: Interactive Objects by SimulationЧтениеTip Sheet: Creating Help TextЧтениеUnderstanding the Design of Help TextЗаданиеDiscuss Design Task #2Обсуждение
03State Descriptions Continued: Design Patterns for Dynamic States and Description Design Iteration30 материалов

Dynamic State Description Overview

Intro to Dynamic State DescriptionsВидеоOhm's Law Interactive Description Design DocumentЧтениеDynamic Phrase Builder ToolЧтениеThe Basics of Dynamic State DescriptionsЗаданиеHandout: Example Dynamic State Descriptions (Resistance in a Wire)Чтение

Dynamic Summary Text + Design Task #3

Dynamic Summary Text and Design Task #3ВидеоDesign Task #3: Dynamic Summary TextЧтениеMore Basic Ideas About Dynamic State DescriptionsЗаданиеDiscuss Design Task #3Обсуждение

Qualitative Scales + Design Task #4

Intro to Qualitative ScalesВидеоHandout: Qualitative Scales and ParametersЧтениеDesign Task #4: Qualitative ParametersЧтениеUnderstanding the Design of Qualitative ScalesЗаданиеDiscuss Design Task #4Обсуждение

Dynamic Representations and Object Details + Design Task #5

Dynamic Representations and Object DetailsВидеоDesign Task #5: More Dynamic State DescriptionsЧтениеDesign Considerations for Dynamic Details for Objects and RepresentationsЗаданиеDiscuss Design Task #5Обсуждение

Dynamic Object Names and Help Text + Design Task #6

Dynamic Object Names and Help TextВидеоDesign Task #6: Double Check Static StatesЧтениеUnderstanding How to Minimize the Need for Dynamic State DescriptionsЗаданиеDiscuss Design Task #6Обсуждение

Refining State Descriptions

Refining State DescriptionsВидеоTip Sheet: State Description Design Pattern Review ЧтениеUnderstanding the Design and Refinement of State DescriptionsЗадание

Writing Style for Interactive Description

Writing Style for Interactive DescriptionВидео"Interactive Scientific Graphics" ReportЧтениеTip Sheet: Iteration & Writing Style ChecklistЧтениеUnderstanding How Writing Style is a Tool for Description DesignЗаданиеThoughts on State Description Design PatternsОбсуждение
04Responsive Descriptions19 материалов

Responsive Description Overview

Intro to Responsive DescriptionsВидеоUnderstanding the Basics of Responsive DescriptionsЗадание

Object Responses: Part 1

Intro to Object Responses: Part 1ВидеоHandout: Initial Object Responses by Interaction TypeЧтениеTip Sheet: Design Patterns for Single- & Two-State InteractionsЧтениеDesign and Interaction Considerations for Simple Interactive ObjectsЗадание

Object Responses: Part 2 + Design Task #7

Intro to Object Responses: Part 2ВидеоDesign Task #7: Creating Object ResponsesЧтениеTip Sheet: Design Patterns for Multi-State & Customized InteractionsЧтениеTip Sheet: Object Responses and Interaction TypesЧтениеDesign and Interaction Considerations for Complex Interactive ObjectsЗаданиеDiscuss Design Task #7Обсуждение

Context Responses: Part 1

Intro to Context Responses: Part 1ВидеоThe Basics of Context ResponsesЗадание

Context Responses: Part 2 + Design Task #8

Intro to Context Responses: Part 2ВидеоDesign Task #8: Creating Context ResponsesЧтениеHandout: Summary of Context ResponsesЧтениеUnderstanding the Categories of Context ResponsesЗаданиеDiscuss Design Task #8Обсуждение
05Putting it All Together21 материалов

Evaluating the Interactive Story: Heuristic Evaluation and The Cognitive Walkthrough

Putting it All Together: Evaluating the Interactive StoryВидеоHeuristic Evaluation of User InterfacesЧтениеExemplar: Heuristic Evaluation of State Descriptions (John Travoltage)ЧтениеHeuristic Evaluation of State Descriptions for a PeerВзаимная проверка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)ЧтениеCognitive Walkthrough Evaluation of an Interactive TaskВзаимная проверкаPutting it All Together: Evaluating the Interactive StoryЗадание

Investigating the Learner Experience: Methods for Data Collection and Feedback

Investigating the Learner Experience: Part 1ВидеоWays to Evaluate Your Description DesignsЗадание

Investigating the Learner Experience: Data Analysis and Iteration

Investigating the Learner Experience: Part 2ВидеоConsiderations for Data Analysis and Design ChangesЗадание

Preparing for Publication

Preparing for Publication and BeyondВидеоPreparing for Publication and BeyondЗадание

Design Challenges

A Design Challenge for Gravity Force Lab: BasicsВидеоHandout: Design Challenges for John TravoltageЧтениеShare a Design ChallengeОбсуждение

Interactive Description Design Document

Interactive Description Design Document and Evaluation of the Description Designs of a PeerВзаимная проверкаCongratulations!Чтение