Thursday, 8 December 2016

Visual Hierarchy in Interface Design



Alex Alexiev, a designer at McLaren (see above) stated that user interfaces in cars tend to follow a 1, 2, 3 order of priority. The change in location of the first, second and third priority elements changes in accordance with size, typography and colour, as documented below. 





______________________________________________________________



______________________________________________________________




______________________________________________________________




To further assess the impact of colour, layout and typography, some impromptu eye-tracking tests were conducted with a number of people. The darker line is where their eye started, the dimmest one is where it ended. 




______________________________________________________________



 ______________________________________________________________




______________________________________________________________





When the Notification Bar was made red, people's immediate attention shifted immediately towards it first. They almost universally then shift to the progress diagram in the centre. 




The generally accepted principle of the eye moving from the top left downward also applies. 

No comments:

Post a Comment