Info Design: Teaching Online Media

A sample of slide presentations I’ve designed for classes I teach, and a look at how they were developed.

I co-ordinate university courses, deliver lectures and run corporate workshops covering a range of audiovisual media. My approach to presentation design (simple diagrams, minimal text) allows for easier communication of complex concepts through visuals which prompt verbal discussion and greater engagement.


Example 1: Interactive Media Projects

Teaching - Interactive Media

An assessment outline, as originally communicated by the school, can sometimes confuse the students. So I design a visual walk-through, which can act as the compass for each class throughout the course:

Teaching Interactive Media

Example 2: Online Media Projects

Sometimes, the original slide presentation looks more like this…

Teaching Online Media

… which I then redesign for greater engagement: less text, more visuals, and a clear index to indicate where we are in the presentation:

Teaching Online Media

Example 3: Webcasting

The “before” is clearly ugly: the text/image/image overlap is illegible and repellent, and the examples used distract from the concepts they’re being used to illustrate. My redesign seeks to declutter, flatten, and clarify:

Teaching - Webcasting

Example 4: Intro to WordPress

I like a good analogy – and the more abstract or esoteric the concept, the more heavily I rely on visuals to convey them. My introduction to back-end vs front-end, for people who have never built a website before, is “gift” vs “wrapping”:

Teaching WordPress

Example 5: Video Post-Production

As more aspects of video production have become digital, the concepts involved have become more abstract for first-time video makers.

My step-by-step walkthroughs of Premiere and After Effects are presented while students are actually using the software – so the information needs to be simple, direct, and immediately actionable: