Tutorial Pop Ups

Tutorial Pop Ups

Textbox for tips

Controls Textbox Tutorial

1. Simple Design

2. More detailed Design

Highlighted Tutorial Features

The user should cycle through each of these introductory tutorial features. These will highlight most of the UI, making the user aware of their existence. The opacity of the background is reduced, placing all attention to the non-shadowed out part of the page.

1

We also included an arrow pointing to the object, however, user testing told us that the arrow was unnecessary and that it was already easy enough to spot where the highlighted feature is.