Visual hierarchy is the order or sequence in which our eye moves and perceives the things it sees. When it comes to a web page, the visual hierarchy can be referred to the sequence in which our eye moves from one topic/content/block to another. When designing a web page, a designer first needs to identify the order of importance of the various topics and then place them in such a way that the visitors first view what is most important and then move onto the others in a hierarchical manner.
There are two ways to create a visual hierarchy, and they are given as follows:
Have you successfully choreographed your audience's experience?
1 = Eye does not know where to go first or second...
10 = highly choreographed - Audience follows a natural and easy path based on visual hierarchy.
How might you improve on the visual hierarchy of your site. Add this to your ePortfolio "to do" list.
http://art.yale.edu/ A real site by Yale University Art Department. Yup. The whole thing is a striking element making it difficult to determine what IS content.
Hard to determine where to go to enter the site. If the linked icon were larger, more striking, and more obvious, it would be better.
A site full of striking elements.
Colour and size of striking image draws your attention.
Beautiful and simple. You get an almost immediate sense of the designer from the home page.
Striking imagery and visual appeal.
Adapted from an article by Martin Luenendonk for Entrepreneurial Insights (June 3, 2015) with permission from the author. (http://www.entrepreneurial-insights.com/web-design-principles-successful-websites/).