Chapter 6: Street signs and Breadcrumbs
When designing a website it is important to make the navigation of the website simple and easy to understand. A good example in the layout of a website is a layout of a mall. When entering a store in the mall a person is often determining where the product they are looking for is located. In some cases the product is easy to find or it's hard to find. This is related to a layout of a website by the viewer is searching for something. Whatever they are searching for could take them a few clicks or it can take them awhile to find.
A good way to see whether a website has a good navigation system on it is to just go and search for something on that website. What I would do if I am searching for something on a website is to draw a mental site map or can be drawn out and see how the layout is done. Sometimes the website will be a perfect and easy to understand layout or the layout is just garbage and is hard to understand.
Website discusses 10 principles of navigation.
http://www.onextrapixel.com/2009/07/03/10-principles-of-navigation-design-and-why-quality-navigation-is-so-critical/
In this website describes the usage of hierarchy when creating a web design.
http://webdesign.tutsplus.com/articles/design-theory/understanding-visual-hierarchy-in-web-design/
In the web style guide it shows and explains a site structure and how it works. In a site structure it can be very complex or it can be simple, it all depends on what the website will be used for and how much context will be used.
http://webstyleguide.com/wsg3/3-information-architecture/3-site-structure.html
Media contour blog has an article about hierarchy. There are six simple ways to structure a website. When creating a website it is nice to understand what hierarchy is and how it can improve a website. Color contrast, typography, space, shapes and containers, and images play a role in making a good website.
http://www.mediacontour.com/blog/2012/05/the-importance-of-hierarchy-on-your-website-6-simple-roi-increasing-ways-to-structure-your-website/
No comments:
Post a Comment