OUGD504: Design for web - Studio session 3.

OUGD504: Design for web.

Studio session 3.

Today we focused on navigation, and what is the best way for our end user to navigate through our websites. At first we were asked in our table groups to consider to questions: What are the common conventions of navigation and what are the uncommon conventions of navigation?

Whilst we were discussing navigation a really interesting topic of discussion arised about What does the end user want from a website when visiting it on a device other than a computer. People visiting websites on technology such as mobile phones and tablets are usually looking for different information as a pose to those on computers, should we re-arrange the navigation system on smaller interfaces to address this,  or is it clear enough already? To solve this problem I compared the homepages of 3 popular frozen yoghurt sites:

TCBY

Mobile horizontal orientation view:

Mobile vertical orientation view:

Pinkberry

Horizontal mobile orientation view:

Vertical mobile orientation view:

16 Handles:

We were then asked to make a site map/ flow chart to explain how the end user would reach the critical information. From the homepage through the navigational system to the chosen page, to the information represented on these. Also included on my flow diagram is which pages will be available to navigate between. The above flow diagram shows that the user is able to navigate between every page on the website without having to return to the homepage or a landing page. 

Next in the session we took the 5 print outs of the websites we brought in and started to determine if these were made up of grids. I found that the most obvious use of grids existed on the Pinkberry and 16 handles website.