ARTM2210 Intro to Web Design

Just another Intro to… site

Five Examples of Navigation

Architect Steven Holl has a website that uses a unique form of navigation and bread crumbing. It is composed of a navigation bar on the left that is a made up of click-able boxes that take the visitor to different sections of the site, but the navigation bar never disappears. Each page has a different background so a change is noticeable, and the home page background changes every time it is refreshed. Secondary Navigation sometimes appears on the right depending on what page the user has traveled to. The navigation is traditional, but the way the whole site is available in one large box is very different. The navigation is designed to appear like an architectural sketch. Each navigation option is given a larger size in the map according to its importance on the site. The site does stand out as a result, and fits the subject matter.
Dizidesigns, a web design and graphic design company, has a traditional, but refined navigation system on its web page. The navigation at the top of the web page transports the user to the other sections of the page, but that is all there is to the website. There is no secondary navigation aside from the rollover, portfolio page that allows users to click pictures that take them to other websites that the company has designed. The pink, white, and grey color scheme is on each page, so the designers create continuity throughout their site.
Web designer Evan Eckard has a similar design to Dizidesigns, but Eckard uses a speaking, horizontal navigation bar that explains what each section is underneath its heading. For example, underneath contact it says email and phone. This allows the user to better understand where each click navigates to on the page. Eckard also is consistent with his color scheme and font choices to make the whole site feel like one piece.
The flash website, Nick AD, uses an extremely unique horizontal navigation bar that appears anywhere the user clicks, but the user must hold the click until they rollover the section they wish visit. Whenever a section is selected, the section appears on the site. Every section appears within the page, and as a result, it feels like one whole page. The only issue with this concept of navigation is that it is so different from what most users are used they may get intimidated and leave. With a little experimentation, the website does prove to be a refreshing perspective on a web page by making it a much more interactive experience.
The design company, Wards Exchange, uses a simple, vertical navigation bar that is numbered which makes the experience linear. Not only is it numbered, but also each section gets lighter in color to create a visual progression. The navigation plays off their brochure that uses a similar format. There is not other form of navigation on the page, and once a user goes through each page, they will have a clear understanding of the company. Each section is a simple page that does not take much time to read through. Consequently, the user has no reason to object to traveling the linear route because it is effortless. Like all the other sites explored, the color scheme and fonts were consistent from page to page.

 

~Written by John Marshall