Tag: accessibility

Adding learning technologies to backward design

When it comes to course design, I’m a big fan and advocate of Wiggins & McTighe-style backward design: identify learning outcomes, create summative and formative assessments, select instructional strategies.

Diagram with three small circles arranged together in a large loop. The three circles are labeled with the components of backward design: learning outcomes, assessment, instructional strategies. There are curved lines between the circles around the loop. The lines are double-ended arrows.
When developing a course using backward design, you identify learning outcomes, create summative and formative assessments, and select instructional strategies. (Diagram: Peter Newbury CC-BY)

I like this diagram because

  1. the loop suggests iteration: you design, teach, assess, redesign, reteach,…
  2. the arrows are double-ended: a novel assessment might allow me to aim for a higher learning outcome and force me choose a new instructional strategy, and so on

The last 2+ years have highlighted the importance of learning management systems and other learning technologies. They don’t just enable assessment and instruction, they can enhance it. Like, say, choosing Slido to run peer instruction (aka clickers) instead of think-pair-share.

So, I want to add “learning technologies” to the design process. A novel technology (like, say, Perusall) might allow me to raise the level of the learning outcome, requiring a different assessment and instructional strategy. Let’s add it to the loop:

Diagram with four small circles arranged in a large loop. The four circles are the three components of backward design -- learning outcomes, assessment, and instructional strategies -- plus a fourth circle labelled learning technologies. The circles are connected together around the loop with curved lines with double-ended arrows.
Add learning technologies to the backward design loop. (Diagram: Peter Newbury CC-BY)

Uh-oh! If I just add another circle to the loop, I loose important connections, like how the learning outcome helps me select the instructional strategy, and how the assessment might rely on the capability of the learning management system. There’s an easy fix, of course.

Adding two missing arrows brings back the message that changing one component has consequences on the other three.

Diagram with four small circles arranged in a large loop. The four circles are the three components of backward design -- learning outcomes, assessment, and instructional strategies -- plus a fourth circle labelled learning technologies. There are curved lines between the circles around the outside of the loop plus two lines diagonally across the loop, so that each circle is connected to the other three. All the lines are double-ended arrows.
Two diagonal arrows completes all the connections. Changing one component has consequences on the other three. (Diagram: Peter Newbury CC-BY)

This is the version of backward design plus learning technologies I’ll be using when talking with course instructors. Until I iterate and revise, of course!

End notes

  1. This post first appeared as a thread on Twitter. Probably a good idea to back it up here, just in case.
  2. Part of my motivation for sharing these diagrams is the opportunity to practice using alternative text (alt txt), the written description that accompanies images posted on the web and Twitter. I’ve been learning a lot about alt txt from Ann Gagné @AnnGagne, Jorts @JortsTheCat (who always includes simple, clear, and wonderfully creative alt txt), and this excellent webinar “What is alternative text? How do I write it for images, charts, and graphs?” by Matthew Deeprose @VLEguru.
  3. I use PowerPoint to create simple diagrams like these. I like the auto-align features, the fine-control over the size of objects (down to 0.01 inches), and the easy “Duplicate slide” tool (I add new elements to copies of the slide so I can go back or try different options.) A new trick for these diagrams: I started with a custom 6″ x 6″ slide. “Save as PNG” pumped out a folder of identically sized (576 x 576 pixel) PNGs so I didn’t have to do any cropping.

Navigation