Clock

The clock is showing how long has the game started. The original idea is showing below.

We designed an upgraded version based on the draft, that is, the clock with the same style as the game background and the style of the entire game.

The clock uses the elements as same as the background, for example, building. The pointer of the clock uses the shape of the main characters in the game, which makes the clock and the game more uniform in design. The dial options are white and grey to distinguish it from the background colour. At the same time, the hands of the clock move once a second, just like in real-time.

User Testing

User testing for the scoring system was done by an online zoom meeting. Testers experienced the system through the remote control of zoom functionality.

Testing Process

Tell the tester what to observe in the game.

Write down the important observations.

Ask the testers some open-ended key questions about the game.
Evaluation

Testers thought the design of the clock is fit the design style.

Design Software

Adobe Illustrator CC 2017 Procreate(iPad)

Style Guide/Design Standards

Pixel Grid Resolution

Style

Colour Palette

Colours chosen for Scoring System

Others

Clock development history

1st

The first design of the clock is a simple design, it is mainly to test the style of the clock icon and the size of the picture is appropriate.

2nd

The second one is improved by the first one. Compared with the first generation, it has increased the background colour(Adopted some user testing results).