User interface options mocked up in Inclusive Learning Handbook

Overview

The following mockups show the use of UI Options in the context of the Inclusive Learning Handbook. In particular, they show UIO as a "behind the page" panel, accessed by pulling down the page (via "Display Preferences"; nomenclature tbd).

...

The downloadable .mov additionally demonstrates some of the panel interactions.

View mock interaction video

> Download the mock interaction in .mov (best experienced in fullscreen)

Mockups

Step-by-step mockup of UI Options (UIO) in Inclusive Learning Handbook (ILH)

Below: 1. Inclusive learning handbook, as-is.

...

Below: 7. Single-column layout applied.

Various options applied to Inclusive Learning Handbook

Below: Yellow-on-black contrast applied.

...