Image

ELH Challenge #3 – Gate Screens in Online Courses

The objective of this challenge – Gate Screens in Online Courses – is to design a two-slide interaction that includes a content screen and a gate screen.

Inspired by my experiences with Zen Buddhism while living and travelling in East Asia, I decided to construct an interaction based on a collection of Zen teachings referred to as The Gateless Gate – but more accurately translated as The Gateless Barrier.

This project is a playful take on one of the more well-known Kōans from this collection: entitled Joshu’s Dog. Like many Zen puzzles, the answer is not always obvious, but deeper investigation of the question can reveal greater truths.

The dog image was sourced from SnapStock and the background image comes from the Creative Commons collection at Bucketlist Photos.

Click here or on the image above to launch the demo.

Advertisements
Image

ELH Challenge #2 – Folder Tabs Interactions

The objective of this challenge – Show Us Your Best Folder Tabs Interactions – is to design a 5-tab interaction as a way to chunk content into meaningful sections—or tabs—so learners can remain focused in the moment without jumping out to new slides.

I chose to build a simple interaction containing drug information for a medication called Escitalopram. The background image is by yanayla courtesy of FreePik.

tabs

Click here or on the image above to launch demo.

Image

ELH Challenge #1 – Showing Interactive Comparisons

The objective of this challenge – How Would You Show Meaningful Comparisons? – is to design an interactive graphic to show relative sizes for a series of airplanes. Graphics and data were to be based on this Wikipedia entry on giant aircraft.

I decided to construct a simple radio-button interaction to show the comparison. The introduction screen used a free stock video clip by Obstakl on Clipcanvas as the slide background. I carried this background pattern throughout the rest of the project.

slide-layers

Click here or on the image above to launch the demo.