Monday 2 January 2017

Introduction of colour


The use of red for critical journey details and issue updates shifts the visual hierarchy to focus on them




Blue is often renowned for its connection to the emotions of trust, confidence, intelligence and security. It's also more calming and soothing than other colours. On later versions the bottom nav/info elements have been reduced in size so their intrusion on the rest of the interface is limited. 




Here the implication of colour on hierarchy becomes clear. The eye is drawn to the red elements, then the blue, then the black. 





The extension of blue as a default background colour for the interface allows for a more calming appearance. The whole point of Hyperloop is to be exciting, but also convenient, reliable and simple. The blue foreground elements such as the time and ETA are now less conspicuous however, and so have been made white. The time and arrival estimate are arguably the most important elements on the screen, particularly if you consider the predicted average Hyperloop user. 



The blue gradient also provides a strong visual link to the Hyperloop One brand, seen above here



Potential for customisation 




The potential for user customisation should be explored, but not at the expense of brand consistency and usability. A similar solution to that applied on the Xbox One dashboard could be applied, which lets the user select from a range of pre-defined and optimised colour choices. This would avoid issues like the lack of contrast on the yellow concept above. 

No comments:

Post a Comment