Design Considerations
Requirements Gathering
Envisionment Methods
Evaluation
Other
Users of this site also found these sites useful
Navigation Maps
What is a Navigation Map?
Navigation maps represent how the user navigates through the system (not
same thing as directory structure!)
- Show pages/screens together with links and their direction
- 1 box per page/key moment - where can you go from here
- include backwards as well as forwards flow
- Not just for web sites
- Frequently, drawing them helps spot:
- orphan pages
- dead ends
- structure is getting too complex and users will get lost
Why Use it?
- Help identify how the user might navigate
- Help identify how the information should flow
- Plan for site creation and linking
Participants Needed
The designer or design team should be involved in this phase.
Use of scenarios prior to making the
navigation map can help to iron out confusion in the ordering of information.
Conditions required
- Information on the content to be included
- what it is
- what order it should appear in
- is any piece of information dependant on another?
Task List
- Sketch out all pages or screens by hand using simple labelled rectangles
- Link them with lines where it is possible for the user to directly move
from one page, screen or movie to another
- Indicate the direction of movement throughout with arrows
- For complicated structures, use different colours to indicate other
information, such as whether the link is static or dynamic (ie just a
link or passing a variable), or whether the information is being sent
to the database or recieved from it.
- When complete, you might like to formalise this as a digital diagram
- It may also be necessary to separate out user percieved navigation,
from actual information flow.
Examples
Edinburgh Tourism website
- Proposed user navigation map
for edinburgh tourism
- actual user navigation map
for edinburgh tourism
- proposed information navigation
map for edinburgh tourism
- actual information navigation
map for edinburgh tourism
More
- http://www.ezdotcom.com/portfolio/uiflows/uiflows.asp
Limitations Of method
It is difficult to ensure that all of the pages or screens have been identified
prior to building the site itself.
Exercise 1
Construct a navigation map
for a website or CD-ROM from the BCFE brochure which is to be viewed using
a standard PC. In doing this you will have to consider:
- What way will you allow the user to navigate the site or cd-rom?
- Will you use deep or shallow linking?
- Will your site or cd-rom be hierarchical, webbed or linear in structure?
- Will you use in-line links, navigation bars, search functions, breadcrumb
trails, dropdown menus, image-maps?
- Have you thought about a sitemap?
- How will you ensure that your users know where they are and where they
can go?
Exercise 2
Construct a navigation map for a website or CD-ROM from the BCFE brochure
which is to be viewed using
a PDA.
- In what way will does this differ to the previous map?
- Deep or shallow linking?
- Hierarchical, webbed or linear in structure?
- Link methods?
- Sitemap?
- How will you ensure that your users know where they are and where they
can go?
Further Reading
- Multimedia
Design: Navigation Maps
- Is Navigation Useful?
- Transitional Volatility in Web Navigation - Masters Thesis
- Navigation Accessibility 1: Menus and Links
- navigation guidelines