SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
LESSON OBJECTIVE: TO LEARN A RANGE OF MEDIA TERMINOLOGY RELEVANT TO THE ANALYSIS OF 
WEBSITE HOMEPAGES. 
TO IDENTIFY THE CONVENTIONS ON VARIOUS WEB PAGES. 
WEBSITES
THE PURPOSE OF WEBSITES 
Some websites provide information and others are for 
entertainment. Many websites blur this distinction by 
presenting information in an entertaining and 
engaging way.
HOMEPAGE 
A websites home page is usually the most important 
page, containing various elements that provide 
information in their own right or offer the audience the 
opportunity to interact with the page, navigating to 
other parts of the page or the website. 
Websites will contain a number of these factors:
VIDEO: THANKS TO 
BROADBAND, MANY WEBSITES 
CAN SAFELY GO BEYOND 
FEATURING TEXT AND STAT I C 
IMAGES TO INCOPORATE 
VIDEO 
SOUND: USED ON MANY WEBSITES. 
YOU MAY HEAR A SOUND AS THE 
CURSOR ROLLS OVER SOME PART OF 
A WEBSITE. MUSIC IS OFTEN USED IN 
WEBSITES AS AN INTRODUCTION ON 
THE HOMEPAGE. THIS CANS SET UP 
CERTAIN EXPECTATIONS FOR THE 
VIEW TO ESTABLISH THE TONE OF 
THE REST OF THE WEBSITE 
HEADING: USED THROUGHOUT SOME 
WEBPAGES TO SPLIT THE CONTENT INTO 
MANAGABLE SECTIONS. THERE MAY BE SUB-HEADINGS, 
WHICH CAN FURTHER DIRECT 
THE USER TO A PARTICULAR PIECE OF 
INFORMATION. 
HYPERLINK: THESE CAN BE EITHER 
WORDS OR IMAGES THAT WHEN 
CLICKED UPON WILL TAKE YOU TO 
ANOTHER PAGE 
COPY: THE MAIN 
BODY OF THE 
TEXT 
IMAGES: USED IN ALMOST 
EVERY WEBSITE - SOMETIMES 
USED AS A LINK TO ANOTHER 
PART OF THE WEBSITE 
THUMBNAIL; IMAGES ARE 
SOMETIMES DISPLAYED IN 
REDUCED SIZE. HOWEVER A FULL 
SIZE CAN BE USUALLY ACCESSED 
BY CLICKING ON THE 
THUMBNAIL. 
NAVIGATION; A SERIES OF 
BUTTONS, IMAGES OR TEXT WITH 
WHICH USER CAN INTERACT AND 
FIND THEIR WAY AROUND A 
WEBSITE. 
FRAMES: THE CONTENT OF THE 
WEBSITE IS USUALLY BROKEN 
DOWN INTO FRAMES. THIS MAKES 
THE CONTENT MORE MANAGEABLE 
AND EASIER TO READ 
VIDEO GAME 
CLASSIFICATION 
INSTITUTION:
SCROLLING TEXT: AREAS OF 
TEXT WHICH THE USER CAN 
SCROLL THROUGH. 
SCROLLING TEXT IS USEFUL 
BECAUSE IT ALLOWS A LARGE 
AMOUNT OF TEXT TO BE 
PLACED WITHIN A RELATIVELY 
SMALL BOX. 
NAVIGATION; A SERIES OF 
BUTTONS, IMAGES OR TEXT 
WITH WHICH USER CAN 
INTERACT AND FIND THEIR 
WAY AROUND A WEBSITE. 
INSTITUTION: 
LIKE: INTERACTIVITY WITH 
FACEBOOK AND SUGGESTS 
POPULARITY 
TWITTER :AUDIENCE 
REACTION 
SHARE; A SERIES OF BUTTONS, 
IMAGES OR TEXT WITH WHICH 
USER CAN INTERACT SHARE 
CONTENT FROM THE WEBSITE 
SEARCH BOX: USUALLY A 
BOX IN WHICH THE USER CAN 
TYPE A WORDS RELATING TO 
THE CONTENT THEY ARE 
TRYING TO TYPE. 
CROSS PROMOTION:
LAYOUT AND DESIGN 
Consistency in design and layout in any website is 
important. In the case of music bands/ artistes it helps 
to build an awareness of them with the audience. The 
colours, text, logo and general design become familiar 
and easily recognisable to the audience.
HOW WE LOOK AT WEBPAGES 
Web pages are not just thrown together. The placing 
of each element is carefully considered by web 
designers to give maximum impact and to make a web 
page user friendly. Over the years a set of conventions 
has developed that underpins website design. This 
has, in part, been influenced by repetition of design, 
but also in part by research that suggested particular 
patterns in the way we view the website.
THE PATTERN THAT OUR EYES 
FOLLOWS AS WE CAN A WEB PAGE
THE POSITIONING OF ELEMENTS THAT 
MAKE UP A WEB PAGE 
According to the viewing pattern, the first place that the 
audience will look when viewing a website is near the 
top left hand corner. This is where the Amy Winehouse 
logo is to be found on the homepage. This serves to 
anchor the meaning of the website and reassure the 
viewer. 
Moving on, the next area of a webpage that our eyes 
come into contact with, according to the research, is the 
link buttons. These are the main elements of interaction 
to other pages.

Weitere ähnliche Inhalte

Ähnlich wie Video game websites layout

Conventions of fact based 2
Conventions of fact based 2Conventions of fact based 2
Conventions of fact based 2haverstockmedia
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based haverstockmedia
 
Website research
Website researchWebsite research
Website researcher180044
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
Basic Web Concept
Basic Web ConceptBasic Web Concept
Basic Web ConceptJM Ramos
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based haverstockmedia
 
Form research of webpages
Form research of webpagesForm research of webpages
Form research of webpageslottieseaton7
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User InterfaceBeth Case
 
Running Head VISUAL COMMUNICATION OF HOUZZ WEBSITE .docx
Running Head VISUAL COMMUNICATION OF HOUZZ WEBSITE               .docxRunning Head VISUAL COMMUNICATION OF HOUZZ WEBSITE               .docx
Running Head VISUAL COMMUNICATION OF HOUZZ WEBSITE .docxrtodd599
 
Website analysis 3
Website analysis 3Website analysis 3
Website analysis 3GraceEwing
 
Practical exam-gegremosa-st.john-pptx (2)
Practical exam-gegremosa-st.john-pptx (2)Practical exam-gegremosa-st.john-pptx (2)
Practical exam-gegremosa-st.john-pptx (2)AlphaLephew
 
Websites codes and conventions
Websites codes and conventionsWebsites codes and conventions
Websites codes and conventionsGeoGriff94
 
Codes & conventions of a website
Codes & conventions of a websiteCodes & conventions of a website
Codes & conventions of a websiteFatimaIftikhar5
 
Website Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesWebsite Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesLarelleShay
 

Ähnlich wie Video game websites layout (20)

Gcse planning selection
Gcse planning selectionGcse planning selection
Gcse planning selection
 
Conventions of fact based 2
Conventions of fact based 2Conventions of fact based 2
Conventions of fact based 2
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based
 
Website research
Website researchWebsite research
Website research
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Basic Web Concept
Basic Web ConceptBasic Web Concept
Basic Web Concept
 
Website
WebsiteWebsite
Website
 
Conventions of Fact Based
Conventions of Fact Based Conventions of Fact Based
Conventions of Fact Based
 
Web 2
Web 2Web 2
Web 2
 
Designing Display
Designing DisplayDesigning Display
Designing Display
 
Form research of webpages
Form research of webpagesForm research of webpages
Form research of webpages
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User Interface
 
Unit 35 - Lo3
Unit 35  - Lo3Unit 35  - Lo3
Unit 35 - Lo3
 
Running Head VISUAL COMMUNICATION OF HOUZZ WEBSITE .docx
Running Head VISUAL COMMUNICATION OF HOUZZ WEBSITE               .docxRunning Head VISUAL COMMUNICATION OF HOUZZ WEBSITE               .docx
Running Head VISUAL COMMUNICATION OF HOUZZ WEBSITE .docx
 
Website analysis 3
Website analysis 3Website analysis 3
Website analysis 3
 
Practical exam-gegremosa-st.john-pptx (2)
Practical exam-gegremosa-st.john-pptx (2)Practical exam-gegremosa-st.john-pptx (2)
Practical exam-gegremosa-st.john-pptx (2)
 
Websites codes and conventions
Websites codes and conventionsWebsites codes and conventions
Websites codes and conventions
 
Codes & conventions of a website
Codes & conventions of a websiteCodes & conventions of a website
Codes & conventions of a website
 
Website Research - Analysis of Genre Websites
Website Research - Analysis of Genre WebsitesWebsite Research - Analysis of Genre Websites
Website Research - Analysis of Genre Websites
 
Web C&C
Web C&CWeb C&C
Web C&C
 

Mehr von Ms Walters

AQA GCSE Media Television news preliminary brief Guidance Notes
AQA GCSE Media Television news preliminary brief Guidance NotesAQA GCSE Media Television news preliminary brief Guidance Notes
AQA GCSE Media Television news preliminary brief Guidance NotesMs Walters
 
GCSE Media Studies - Introduction to Television News
GCSE Media Studies - Introduction to Television NewsGCSE Media Studies - Introduction to Television News
GCSE Media Studies - Introduction to Television NewsMs Walters
 
Writing a treatment
Writing a treatmentWriting a treatment
Writing a treatmentMs Walters
 
Dark knight case study
Dark knight case studyDark knight case study
Dark knight case studyMs Walters
 
Media representation Quiz
Media representation QuizMedia representation Quiz
Media representation QuizMs Walters
 
Purpose of Music Videos
Purpose of Music VideosPurpose of Music Videos
Purpose of Music VideosMs Walters
 
Introduction to GCSE Media (2014)
Introduction to GCSE Media (2014)Introduction to GCSE Media (2014)
Introduction to GCSE Media (2014)Ms Walters
 
Representation and ethnicity cover
Representation and ethnicity coverRepresentation and ethnicity cover
Representation and ethnicity coverMs Walters
 
The star as a persona
The star as a personaThe star as a persona
The star as a personaMs Walters
 
The star as a cultural signifier
The star as a cultural signifierThe star as a cultural signifier
The star as a cultural signifierMs Walters
 
The star as a real person
The star as a real personThe star as a real person
The star as a real personMs Walters
 
Star as a public performer
Star as a public performerStar as a public performer
Star as a public performerMs Walters
 
Representation and star identity
Representation and star identity Representation and star identity
Representation and star identity Ms Walters
 
Representation and ethnicity
Representation and ethnicityRepresentation and ethnicity
Representation and ethnicityMs Walters
 
Representation and Masculinity
Representation and MasculinityRepresentation and Masculinity
Representation and MasculinityMs Walters
 
Representation and gender 2
Representation and gender 2Representation and gender 2
Representation and gender 2Ms Walters
 
Representation and gender
Representation and genderRepresentation and gender
Representation and genderMs Walters
 

Mehr von Ms Walters (20)

AQA GCSE Media Television news preliminary brief Guidance Notes
AQA GCSE Media Television news preliminary brief Guidance NotesAQA GCSE Media Television news preliminary brief Guidance Notes
AQA GCSE Media Television news preliminary brief Guidance Notes
 
GCSE Media Studies - Introduction to Television News
GCSE Media Studies - Introduction to Television NewsGCSE Media Studies - Introduction to Television News
GCSE Media Studies - Introduction to Television News
 
Mise en-scene
Mise en-sceneMise en-scene
Mise en-scene
 
Audience 2014
Audience 2014Audience 2014
Audience 2014
 
Writing a treatment
Writing a treatmentWriting a treatment
Writing a treatment
 
Dark knight case study
Dark knight case studyDark knight case study
Dark knight case study
 
Institutions
InstitutionsInstitutions
Institutions
 
Media representation Quiz
Media representation QuizMedia representation Quiz
Media representation Quiz
 
Purpose of Music Videos
Purpose of Music VideosPurpose of Music Videos
Purpose of Music Videos
 
Introduction to GCSE Media (2014)
Introduction to GCSE Media (2014)Introduction to GCSE Media (2014)
Introduction to GCSE Media (2014)
 
Representation and ethnicity cover
Representation and ethnicity coverRepresentation and ethnicity cover
Representation and ethnicity cover
 
The star as a persona
The star as a personaThe star as a persona
The star as a persona
 
The star as a cultural signifier
The star as a cultural signifierThe star as a cultural signifier
The star as a cultural signifier
 
The star as a real person
The star as a real personThe star as a real person
The star as a real person
 
Star as a public performer
Star as a public performerStar as a public performer
Star as a public performer
 
Representation and star identity
Representation and star identity Representation and star identity
Representation and star identity
 
Representation and ethnicity
Representation and ethnicityRepresentation and ethnicity
Representation and ethnicity
 
Representation and Masculinity
Representation and MasculinityRepresentation and Masculinity
Representation and Masculinity
 
Representation and gender 2
Representation and gender 2Representation and gender 2
Representation and gender 2
 
Representation and gender
Representation and genderRepresentation and gender
Representation and gender
 

Kürzlich hochgeladen

How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17Celine George
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17Celine George
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice documentXsasf Sfdfasd
 

Kürzlich hochgeladen (20)

How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17How to Add a many2many Relational Field in Odoo 17
How to Add a many2many Relational Field in Odoo 17
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice document
 

Video game websites layout

  • 1. LESSON OBJECTIVE: TO LEARN A RANGE OF MEDIA TERMINOLOGY RELEVANT TO THE ANALYSIS OF WEBSITE HOMEPAGES. TO IDENTIFY THE CONVENTIONS ON VARIOUS WEB PAGES. WEBSITES
  • 2. THE PURPOSE OF WEBSITES Some websites provide information and others are for entertainment. Many websites blur this distinction by presenting information in an entertaining and engaging way.
  • 3. HOMEPAGE A websites home page is usually the most important page, containing various elements that provide information in their own right or offer the audience the opportunity to interact with the page, navigating to other parts of the page or the website. Websites will contain a number of these factors:
  • 4. VIDEO: THANKS TO BROADBAND, MANY WEBSITES CAN SAFELY GO BEYOND FEATURING TEXT AND STAT I C IMAGES TO INCOPORATE VIDEO SOUND: USED ON MANY WEBSITES. YOU MAY HEAR A SOUND AS THE CURSOR ROLLS OVER SOME PART OF A WEBSITE. MUSIC IS OFTEN USED IN WEBSITES AS AN INTRODUCTION ON THE HOMEPAGE. THIS CANS SET UP CERTAIN EXPECTATIONS FOR THE VIEW TO ESTABLISH THE TONE OF THE REST OF THE WEBSITE HEADING: USED THROUGHOUT SOME WEBPAGES TO SPLIT THE CONTENT INTO MANAGABLE SECTIONS. THERE MAY BE SUB-HEADINGS, WHICH CAN FURTHER DIRECT THE USER TO A PARTICULAR PIECE OF INFORMATION. HYPERLINK: THESE CAN BE EITHER WORDS OR IMAGES THAT WHEN CLICKED UPON WILL TAKE YOU TO ANOTHER PAGE COPY: THE MAIN BODY OF THE TEXT IMAGES: USED IN ALMOST EVERY WEBSITE - SOMETIMES USED AS A LINK TO ANOTHER PART OF THE WEBSITE THUMBNAIL; IMAGES ARE SOMETIMES DISPLAYED IN REDUCED SIZE. HOWEVER A FULL SIZE CAN BE USUALLY ACCESSED BY CLICKING ON THE THUMBNAIL. NAVIGATION; A SERIES OF BUTTONS, IMAGES OR TEXT WITH WHICH USER CAN INTERACT AND FIND THEIR WAY AROUND A WEBSITE. FRAMES: THE CONTENT OF THE WEBSITE IS USUALLY BROKEN DOWN INTO FRAMES. THIS MAKES THE CONTENT MORE MANAGEABLE AND EASIER TO READ VIDEO GAME CLASSIFICATION INSTITUTION:
  • 5. SCROLLING TEXT: AREAS OF TEXT WHICH THE USER CAN SCROLL THROUGH. SCROLLING TEXT IS USEFUL BECAUSE IT ALLOWS A LARGE AMOUNT OF TEXT TO BE PLACED WITHIN A RELATIVELY SMALL BOX. NAVIGATION; A SERIES OF BUTTONS, IMAGES OR TEXT WITH WHICH USER CAN INTERACT AND FIND THEIR WAY AROUND A WEBSITE. INSTITUTION: LIKE: INTERACTIVITY WITH FACEBOOK AND SUGGESTS POPULARITY TWITTER :AUDIENCE REACTION SHARE; A SERIES OF BUTTONS, IMAGES OR TEXT WITH WHICH USER CAN INTERACT SHARE CONTENT FROM THE WEBSITE SEARCH BOX: USUALLY A BOX IN WHICH THE USER CAN TYPE A WORDS RELATING TO THE CONTENT THEY ARE TRYING TO TYPE. CROSS PROMOTION:
  • 6. LAYOUT AND DESIGN Consistency in design and layout in any website is important. In the case of music bands/ artistes it helps to build an awareness of them with the audience. The colours, text, logo and general design become familiar and easily recognisable to the audience.
  • 7. HOW WE LOOK AT WEBPAGES Web pages are not just thrown together. The placing of each element is carefully considered by web designers to give maximum impact and to make a web page user friendly. Over the years a set of conventions has developed that underpins website design. This has, in part, been influenced by repetition of design, but also in part by research that suggested particular patterns in the way we view the website.
  • 8. THE PATTERN THAT OUR EYES FOLLOWS AS WE CAN A WEB PAGE
  • 9. THE POSITIONING OF ELEMENTS THAT MAKE UP A WEB PAGE According to the viewing pattern, the first place that the audience will look when viewing a website is near the top left hand corner. This is where the Amy Winehouse logo is to be found on the homepage. This serves to anchor the meaning of the website and reassure the viewer. Moving on, the next area of a webpage that our eyes come into contact with, according to the research, is the link buttons. These are the main elements of interaction to other pages.