Grade colour schemes not consistent over the app

The colour schemes used to depict different grade brackets are not consistent over the app: horizontal bar on crag main page, vertical grade bars and the grades of the individual routes in the route list.

  1. Grade brackets in the lower grades are inconsistent (see tables below)

  2. Route list has blue and yellow swapped

  3. Overall colour scheme not optimal:

    1) Not brand aligned: close to google colours. 2) Grade colours not aligned with cultural context or harmony, with blue in the middle of traffic light colours, gray indicating a lower value for grade 8โ€ฆ

    Personally I think the current web/ old app grade colour scheme is perfect - why not use the same?

Horizontal bar

3-4+

Green

5

Blue

6

Yellow

7

Red

8

Grey

9

Black

Vertical bars

3-4

Green

4+-5+

Blue

6

Yellow

7

Red

8

Grey

9

Black

Route list grades

3-4+

Green

5

Yellow

6

Blue

7

Red

8

Grey

9

Black

Web/old app for reference:

3

Teal

4

Teal

5

Green

6

Yellow

7

Orange

8

Purple

9

Black

Picture: inconsistent grade brackets between horizontal and vertical bars

On another note, I like the horizontal grade bar - as a user I just need the colour scheme to be intuitive and consistent to understand it with a glance.

Please authenticate to join the conversation.

Upvoters
Status

Completed

Board

๐Ÿ› Bug Reports

Date

10 months ago

Author

Joni ร„rmรคnen

Subscribe to post

Get notified by email when there are changes.