Scoreboard - UQdeco2800/2021-ext-studio-2 GitHub Wiki

Scoreboard

The scoreboard is showing how many scores that player got since the game start. The original idea is showing below.

The original idea is coming from Ticket#3 @Bohan-is-in-the-zone, which point out that time should equal to score.


We designed an upgraded version based on the draft, that is, the scoring board with the style of the entire game.

Its design is also consistent with the overall design elements of the game. The colours used are mainly blue, pink, purple and black as the background colour, which makes the overall scoreboard look very harmonious, but not too complicated. "SCORE" uses the pixel letter design, and uses colour for gradation. The design of the outer frame is unified with the 7-group achievement bonus board.

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

    For the scoreboard, testers thought this one looks really good and no need to improve for now.

Design Software

Adobe Illustrator CC 2017 Procreate(iPad)

Style Guide/Design Standards

Pixel Grid Resolution

Style

Colour Palette


Colours chosen for Scoring System

Others

Scoreboard development history

  • 1st

The first one is a wireframe, mainly to test the location and size of the picture and the main elements (words and borders).

  • 2nd

The second one adds a background colour (unified with the main design style at the time) on the basis of the first one, and a new design for the font.

  • 3rd

The third is on the basis of the second, after unifying the design style of the achievement bonus board, the original corners of the frame are deleted to make it more design.

  • Final

Compared with the previous version, the main design factors have not changed, and the design style has undergone a very big change (unified with the existing game style).

ALL the design work(include all the drafts)




Reference List

Colour Palette: https://ij.manual.canon/ij/webmanual/Manual/All/TX-3000/EN/UG/ug_gl_01_23.html

⚠️ **GitHub.com Fallback** ⚠️