Conventions Of A Website 
Danielle Watkins
Logo Placement 
Logos are typically placed in the upper left of the page, but 
some TV websites subvert the stereotype such as ITV who have 
placed their logo in the centre of the page. This in turn makes 
the ITV logo and website more recognisable and unique, 
whereas the BBC and Channel 5 follow the typical placement. 
When there are multiple 
windows open on a computer, 
the consistent left placement of 
the logo allows them to be aware 
they are still viewing their 
website.
Main Navigation 
The main navigation appears at the top of the website, and this is the most 
recognised placement for the navigation bar. ITV again subverts this convention 
by placing their navigation bar underneath the two large images showing this 
week’s most talked about episodes. 
Changing where the navigation 
bar is can confuse viewers and 
cause them to leave the 
website, as people do not want 
to be searching all through the 
website to find what they want. 
Having the navigation bar at the 
top of the page creates 
consistency and allows for the 
users to navigate easily.
Link Styling 
Clicking links has become second nature for web 
users, as they want to know what is clickable 
and what isn’t. When this is broken it becomes 
confusing for the users and can cause them to 
visit an alternate website. A classic link is 
defined by being underlined text or text in a 
different colour. You should avoid underlining 
words which are not links, and avoid using 
different coloured texts for non-links.
Button Functionality 
A button is a feature which is often used on websites as it is extremely intuitive. 
This highlights that they should be clicked, but you should ensure that all buttons 
link to something. A button that doesn’t link to another web page or area of your 
website will be confusing to users. The button functionality is different on each 
website however they are still fairly similar. For example, on Channel 4 the links get 
bigger, however, on Channel 5 the links underline.

More Related Content

PPTX
Conventions of a website
PPTX
Conventions of a website
PPT
Assessment 1
PDF
Fb Language Change PDF
PPT
Facebook Pages Redesign POV
DOCX
Facebook brand timelines
PDF
YUM 08 Calendar2
Conventions of a website
Conventions of a website
Assessment 1
Fb Language Change PDF
Facebook Pages Redesign POV
Facebook brand timelines
YUM 08 Calendar2

Viewers also liked (8)

PDF
integrys governance_nominating
PDF
Casa Specialist
PPTX
R1 communicators simc_pune
PDF
Analytics Writetoreply.Org Digitalbritain 20090204 20090314 (Unique Visitors...
PPS
Master en Climaterio y Menopausia
PDF
2003 Top 20 Agents
PDF
Analytics Writetoreply.Org Digitalbritain 20090204 20090314 (Visits Report)
PPT
Michiel van Loef - Skydoo
integrys governance_nominating
Casa Specialist
R1 communicators simc_pune
Analytics Writetoreply.Org Digitalbritain 20090204 20090314 (Unique Visitors...
Master en Climaterio y Menopausia
2003 Top 20 Agents
Analytics Writetoreply.Org Digitalbritain 20090204 20090314 (Visits Report)
Michiel van Loef - Skydoo
Ad

Similar to Conventions of a website (20)

PPTX
Website conventions
PPT
Web Usability Site Design
PPTX
Generic conventions of a website
PPT
Web Usability Page Design
PPTX
Web C&C
PPTX
PPTX
Website conventions
PPT
Effective Web Design
PPTX
Websites
PPTX
Textual Analysis - Webpage
PPTX
Conventions Evaluation Question
PPT
Glamour website deconstruction
PPTX
Websites
PPTX
Codes and Conventions - Websites
PPTX
Websites Codes and Conventions
PPTX
Generic conventions of a website
PPTX
Question one
PPTX
Website planning
PPTX
Website deconstructions
PPTX
Website research
Website conventions
Web Usability Site Design
Generic conventions of a website
Web Usability Page Design
Web C&C
Website conventions
Effective Web Design
Websites
Textual Analysis - Webpage
Conventions Evaluation Question
Glamour website deconstruction
Websites
Codes and Conventions - Websites
Websites Codes and Conventions
Generic conventions of a website
Question one
Website planning
Website deconstructions
Website research
Ad

More from daniellewatkins1 (20)

PPTX
Textual analysis – newspaper advertisement x2
PPTX
Conventions of a newspaper advertisement
PPTX
Conventions of a newspaper advertisement
PPTX
Textual analysis – newspaper advertisement
PPTX
Textual analysis – newspaper advertisement
PPTX
Textual analysis – newspaper advertisement
PPTX
Analysing survey results ss
PPTX
Analysing survey results
PPTX
PPTX
As media evaluation 7
PPTX
As media – evaluation 5
PPTX
Typical conventions of a pop magazine
PPTX
Questionnaire analyse
PPTX
Audience profiling
PPTX
Representation theory
PPTX
Audience theories slideshare
PPTX
Narrative theories slideshare
PPTX
Form research slideshare
PPTX
Student analyse low grade
PPTX
Student analysis
Textual analysis – newspaper advertisement x2
Conventions of a newspaper advertisement
Conventions of a newspaper advertisement
Textual analysis – newspaper advertisement
Textual analysis – newspaper advertisement
Textual analysis – newspaper advertisement
Analysing survey results ss
Analysing survey results
As media evaluation 7
As media – evaluation 5
Typical conventions of a pop magazine
Questionnaire analyse
Audience profiling
Representation theory
Audience theories slideshare
Narrative theories slideshare
Form research slideshare
Student analyse low grade
Student analysis

Recently uploaded (20)

PPTX
mathsportfoliomanvi-211121071838 (1).pptx
PDF
Career Overview of John Munro of Hilton Head
PPTX
DiagdndigsbskshsvsjsisDiarrheal Diseases-1.pptx
PPT
444174684-Welding-Presentatiohhhn-ppt.ppt
PPTX
SE_UNIT_2_Complete_PPT.pptxzsdsdsdsdsdsddsd
PDF
Shopify Store Management_ Complete Guide to E-commerce Success.pdf
PPTX
Q1 Review Spoke Centre _ Project समर्थ (1) (1).pptx
PPT
14001jhgASIUODOHAFJCOPJHF9SUY9GFJSLOGHJ9IOSUHG98
DOCX
PRACTICE-TEST-12 is specially designed for those
PPTX
Unit 3 Presentation Etiquette Business and Corporate Etiquette
PPTX
Artificial intelligence introduction basic
PPT
Woman as Engineer and Technicians in the field of Clinical & Biomedical Engin...
PPT
pwm ppt .pdf long description of pwm....
DOCX
GIZ Capacity Building Requirements for ICT Department.docx
PDF
Acne presentation and homeopathy treatment
PPTX
formulation and evaluation of polyherbal antiageing cream
PPTX
Unit 1- Introduction to Corporate Etiquettes
PPTX
Unit 2 CORPORATE CULTURE AND EXPECTATIONS
PDF
Environmental-social-and-governance-report.pdf
PDF
Basic GMP - Training good manufacturing procedure
mathsportfoliomanvi-211121071838 (1).pptx
Career Overview of John Munro of Hilton Head
DiagdndigsbskshsvsjsisDiarrheal Diseases-1.pptx
444174684-Welding-Presentatiohhhn-ppt.ppt
SE_UNIT_2_Complete_PPT.pptxzsdsdsdsdsdsddsd
Shopify Store Management_ Complete Guide to E-commerce Success.pdf
Q1 Review Spoke Centre _ Project समर्थ (1) (1).pptx
14001jhgASIUODOHAFJCOPJHF9SUY9GFJSLOGHJ9IOSUHG98
PRACTICE-TEST-12 is specially designed for those
Unit 3 Presentation Etiquette Business and Corporate Etiquette
Artificial intelligence introduction basic
Woman as Engineer and Technicians in the field of Clinical & Biomedical Engin...
pwm ppt .pdf long description of pwm....
GIZ Capacity Building Requirements for ICT Department.docx
Acne presentation and homeopathy treatment
formulation and evaluation of polyherbal antiageing cream
Unit 1- Introduction to Corporate Etiquettes
Unit 2 CORPORATE CULTURE AND EXPECTATIONS
Environmental-social-and-governance-report.pdf
Basic GMP - Training good manufacturing procedure

Conventions of a website

  • 1. Conventions Of A Website Danielle Watkins
  • 2. Logo Placement Logos are typically placed in the upper left of the page, but some TV websites subvert the stereotype such as ITV who have placed their logo in the centre of the page. This in turn makes the ITV logo and website more recognisable and unique, whereas the BBC and Channel 5 follow the typical placement. When there are multiple windows open on a computer, the consistent left placement of the logo allows them to be aware they are still viewing their website.
  • 3. Main Navigation The main navigation appears at the top of the website, and this is the most recognised placement for the navigation bar. ITV again subverts this convention by placing their navigation bar underneath the two large images showing this week’s most talked about episodes. Changing where the navigation bar is can confuse viewers and cause them to leave the website, as people do not want to be searching all through the website to find what they want. Having the navigation bar at the top of the page creates consistency and allows for the users to navigate easily.
  • 4. Link Styling Clicking links has become second nature for web users, as they want to know what is clickable and what isn’t. When this is broken it becomes confusing for the users and can cause them to visit an alternate website. A classic link is defined by being underlined text or text in a different colour. You should avoid underlining words which are not links, and avoid using different coloured texts for non-links.
  • 5. Button Functionality A button is a feature which is often used on websites as it is extremely intuitive. This highlights that they should be clicked, but you should ensure that all buttons link to something. A button that doesn’t link to another web page or area of your website will be confusing to users. The button functionality is different on each website however they are still fairly similar. For example, on Channel 4 the links get bigger, however, on Channel 5 the links underline.