OUGD504: Study task 6 - Web session 3

In this session we looked at navigation in websites. were asked, as a group, to write a list of common conventions and uncommon conventions of navigation for a website:

Common:

-Scroll
-Links
-Navigation
-Arrow
-Search bar
-Swipe
-Logo
-Sign in
-Social Media feed
-Tabs
-Motion/ transition
-Bread crumbs (extra links)

Uncommon:

-Horizontal scroll
-Zoom navigation
-Pop up
-Animated guide
-Eye tracking
-Body movement

As a class we discussed these more in detail and came up with two final lists:

Common:

-Search bar
-Home button/ Logo home
-Menu position
-Social media links
-Drop downs (content dependant)
-Auto updates intuitive to user
-Bread crumbs

Uncommon:

-Eye motion
-3D View
-Voice
-All content on one page
-Landing/ loading pages
-Dynamic content scrolling

We then, individually drew out a flow diagram of how our pages would work, and how they'd link together. I haven't yet decided upon an idea so I picked generic web pages to work with.

For preparatory for the lesson we were asked to bring in five different websites which we thought were aesthetically pleasing. At the end of the class we were asked to draw grids onto them and asked how we thought the structure helped the design:

The structure for this website shows a three way grid. I think this benefits the simplicity and the suave style of the design. The colours are very minimal, not something which I'm looking to involve in my work but definitely the simplicity. 

This website is for a coding agency in Australia. The monotone colours work very well, it's very simple. The gridding doesn't actually benefit this design I don't think, everything is quite central. I think the navigation bar could be more evenly spaced.

I chose this design as its a Japanese clothes website. Gridding definitely benefits this design as navigation for this website is crucial.  The images are evenly spaced, the navigation bar is easy to read and use.

Another very minimal design, but everything is evenly spaced and set out professionally. The gridding is definitely beneficial for this design. 

This website has a four grid layout, as images are use its vital for grids to give them even space. The navigation bar at the bottom is easily accessable and easy to use. This site is very neat and professionally laid out.