Principle 2:
|
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. |
Examples
|
NO
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. http://www.irishwrecksonline.net/ 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. http://www.007museum.com/ A site full of striking elements. YES http://www.mixd.co.uk/ Colour and size of striking image draws your attention. http://ezorzi.com/ Beautiful and simple. You get an almost immediate sense of the designer from the home page. http://www.emilianobarri.com/ 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/).