You Are Reading

Design for web- navigation session

In todays session we looked at common navigation methods in groups, before coming together as a class and sharing our findings. The point of this session was to illustrate that the common navigation tools are generally used because they're in trend at the moment and functional. Our findings were as follows;
  • Scroll
  • Links
  • Navigation bars
  • Arrows
  • Search bar
  • Swipe
  • Logo/Home button
  • Sign in
  • Social media feed
  • Tabs
  • Motion/Transition
  • Touch
  • Breadcrumbs (small text and links at bottom of page)
  • Dropdowns (content dropdown)
  • Navigation indicator
We then went onto discuss the more uncommon navigation methods;
  • Zoom
  • Pop up
  • Eye tracker
  • Body movement
  • Bottom menus
  • Speech
  • Disappearing bars
  • Dynamic content
We briefly discussed the idea of a holding page/landing page as a form of navigation, however I disagreed because a holding page is just something used when the web page is loading as a distraction. They're becoming increasingly less popular, especially amongst the modern mobile internet users because they're generally on the go and want to do things briskly as opposed to wait, plus they use up bandwidth in order to enter the actual website is something many people wouldn't want to do and therefore is something that people are starting to avoid when making a website.

From this we were then asked to go away and create our own navigation diagram through the art of flow diagrams, this would enable us to visually represent how visitors will navigate around our website, but also how we would link the pages together. For example the home page would have to link to every single page if you wish to access it from the home page. Below is a rough idea of the navigation from page to page on my website. I don't want to have a home page because I don't have much information to put on it, instead it goes straight into the latest design added and you can view each page with next and previous buttons meaning they only need to be linked together as opposed to all being linked to each other. They all get linked to the archive because they all can be viewed from this page.


We also had a brief introduction to the use of grids in websites and from the print outs we were asked to bring in we drew over what we thought was the grid.

Comments for this entry

 

Copyright 2010. All rights reserved.

RSS Feed. This blog is proudly powered by Blogger and uses Modern Clix, a theme by Rodrigo Galindez. Modern Clix blogger template by Introblogger.