This document outlines tasks for students to analyze common conventions on websites. It instructs students to work in pairs to identify key conventions seen on real websites and present their findings to the class. It provides example conventions like mastheads, navigation, banners ads, and white space. It then lists tasks for students to evaluate the conventions and effectiveness of websites for artists and magazines.

1. Website conventions

2. On an A4, write the main conventions
•Big writing using a sharpie!

3. Website – short presentation
• With your partner, decide on the key conventions on websites to present to
class
• Have annotated examples from real websites
• Abe + Christian
• Mahdi + Aidan
• Tom + Phil
• Ismail + Max
• Jack + Niko
• Wajahat + Joe

4. Generic conventions
• https://www.webascender.com/blog/7-website-conventions-to-follow-when-designing-your-website/
• https://www.slideshare.net/johndf562/website-codes-and-conventions-42180667
• https://www.orbitmedia.com/blog/web-design-standards/

5. Extension reading….
• https://www.nngroup.com/articles/breaking-web-conventions/

7. Masthead
Social media links
Banner adverts
Copy
Main image
External links
Navigation
White space

9. Banner advert (also has external link)
(if it suddenly appeared or changed =
pop up)
Navigation
Masthead
Copy
Main image
Below the fold content
Banner advert

10. Task 1 – artist website
• Spend 5 mins analysing Sam Smith’s website
• Conventions?
• Evaluate the effectiveness

11. Then watch: https://www.youtube.com/watch?v=ZvsKwOMKPk8
Then watch some of: https://www.youtube.com/watch?v=J_ub7Etch2U

12. Task 2 – 2nd artist website
• http://www.davidguetta.com/
• Similarities to Sam Smith?
• Differences?

13. Task 3 – magazine website

23. Task 3 - GQ website
• Conventions?
• Evaluate the effectiveness

24. Task 4 – 2nd magazine website website
• Conventions?
• Evaluate the effectiveness

27. Task 5 – 3rd magazine website website
• Conventions?
• Evaluate the effectiveness

34. Task 6 – 4th magazine website website
• Conventions?
• Evaluate the effectiveness