OUGD504 Design Production: Design for web studio task 2

OUGD504
DESIGN FOR WEB
STUDIO SESSION


COMMON CONVENTIONS OF NAVIGATION

• Menus
• Pagination 
• Scrolling
• Search bar
• Home
• Info/about
• Contact
• Navigation button at the top
• Navigation on the left
• Logo for homepage
• Pictures as links
• Social media links
• Drop down menu
• Auto updates intuitive to user

UNCOMMON CONVENTIONS OF NAVIGATION

• Inaccessible navigation 
• Navigation at the bottom
• Swiping left and right
• Navigation bar on right
• Motion graphics 
• Landing page 

FLOW DIAGRAM

For the next part of the session we were asked to create a flow diagram showing the way in which our own web pages would be linked. 

This part of the task really helped to question the use of navigation in my own website and whether common or uncommon navigation methods should be used. I want to have a continuous scrolling page, to show the chronological order that my website should be viewed in, however i understand that as i am trying to get people to give me money i don't want them to get aggravated or bored, so as well as the scrolling option I will also have a fixed navigation bar so people can skip sections they want to, giving power back to the audience. The power that the audience have will also connote the sense of freedom and human rights, and hopefully empower them to connote to the charity.


WEBPAGE GRIDS

Prior to the session we were asked to find 5 websites and print out the home page A3 size. During the session we were asked to look for cannon and grids with in the home pages and see if there were any commonalities throughout.

SOURCE

The first Website I looked art was the Helsinki arts institute website. I really like the functional, simplicity of the design. As you can see i found out it had a simple gridded structure. I think the grids are a really good technique to use as the design is clean and effective. The website uses common navigation conventions, for instance the main navigation banner is at the top of the page, there are also helpful navigation buttons on the left hand side of the page. As the website is for an educational purpose it follows strict rules of grid ding and complies with common navigation conventions.

SOURCE

SOURCE

SOURCE

SOURCE

Our design should be:

Current
Continual development
Modern