Monday, 12 October 2009

Good Web Design and Conventions

-------------------------------------------------------------------------------------------------------------
What is a convention?
-------------------------------------------------------------------------------------------------------------
A convention is basically a system of guidelines that web designers follow to create a good, familiar and easy to navigate website. Conventions ensure that internet users can become familiar operating a website. Not all websites conform to the conventions that many other websites do. Some websites are layed out similar to others such as headers and navigation bars normally located at the top of the website. A navigation bar doesn't have to be at the top, it can either be at the side or the website could use a different method to guide the audience through the website. One convention might be underlining in a web site. Though links do not have to be underlined, it is generally accepted that underlined words are links. One word in a different color in a body of text also usually signals it could be a link.
-------------------------------------------------------------------------------------------------------------
Why are they useful?
-------------------------------------------------------------------------------------------------------------
Conventions are useful because when making a website people can run by the rules of the conventions. The conventions are there to make a good, easy to use website.
-------------------------------------------------------------------------------------------------------------
Do we have to use them all the time?
-------------------------------------------------------------------------------------------------------------
Not all the time. There are plenty of websites that breaks the conventions but the website can still look good and be easy to use.
-------------------------------------------------------------------------------------------------------------
What examples of conventions are found in webdesign?
-------------------------------------------------------------------------------------------------------------
Such examples of conventions are found in webdesign such as;
- A navigation bar down the left hand side of the screen or top. Most websites do this as the audience is used to the navigation bar on the left hand-side or along the top. It's easy to find and use.
- Maybe the website has it's own logo and shows it's from that company, normally shown in top of corner on left-hand side of screen.
-------------------------------------------------------------------------------------------------------------
Accessorize Website
-------------------------------------------------------------------------------------------------------------
Examples of web conventions

What bends the conventions?
- A navigation bar down the left hand side of the screen. Normally seen on most websites because the audience is used to the navigation bar on the left hand-side.
- The shop logo is in the top left hand corner of the screen. Any logo is normally on the top left hand corner of the screen so the website is recognisable and known. - It has a header that is the same on every page except if you enter monsoon's website because accessorize and monsoon are the same company.

What breaks the conventions?
- A second navigation bar along the top of the screen below the header for the audience to enter another part of the website. The monsoon side of the website.


-------------------------------------------------------------------------------------------------------------
Adidas Website
-------------------------------------------------------------------------------------------------------------
Examples of web conventions

What bends the conventions?
- Small, but not an obvious navigation bar at the top of the screen.
- The shop logo is in the top left hand corner of the screen.

What breaks the conventions?
- When you hover the mouse over the pictures they expand bigger covering other objects and adds links and information to go to.
- The navigation bar is the pictures and each different square.
- The website has a trendy look to attract the audience even though it breaks some conventions.