Tutorial Pop Ups

Tutorial Pop Ups

Textbox for tips

Controls Textbox Tutorial

1. Simple Design

Straight to the point, doesn't draw too much attention but still looks professional despite its simplicity.

2. More detailed Design

Users preferred this design more as it stood out, as well as looked more aesthetically pleasing due to the rougher design and the colour scheme, which fit Atlantis as a whole. This controls screen includes the basic keybinds to get the player going. This knowledge is enough to get the player to start exploring and moving around the map.

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 Resources

2 Player Health

3 Crystal Health

4 Shop

5 Inventory

6 Achievements

7 Settings

8 Exit

Highlighted + Arrow indication

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.