SlideShare a Scribd company logo
1 of 15
Website Conventions
An Interface
This is an
interaction
between the user
and the software
running on a web
server. This is the
web browser and
the web page.
Homepage
Homepage- the starting place on all websites that allows you to
choose where you would like to go.
Header
The top bar on a website that is the same on every page
The header allows you to
easily navigate your way
around the website.
Footer
The footer stays the same on every page of the website. It is
generally very structured and has last bits of information. The
terms are conditions are normally here along with various other
things. Some websites also put any of the social media sites on
the footer.
Navigation bar
Primary navigation: A list of links located at the top of the page, these
links are all labelled clearly so you know where you want to go
Secondary navigation: Found in the website header, has more specific
links to where to go on the website.
Primary
Navigation
Secondary
Navigation
Scrolling
• Normal scrolling means you can move up and down and left and
right.
• Parrallax scrolling is the same however the background images move
slowwer than the foreground images, creating depth.
Sliders
The arrows on the
side alow you
tomscroll through
a selection of
images
Hero image
A hero image is a large image on a website located on the home
page. The Hero image is the first photo you would see and this is
because it is an introduction to the website and gives you and
overview of what that company/ brand is about.
Call to action ( CTA )
Call to action is a visual element such as a button or icon that
encourages the user to perform a specific action.
Skeuomorphism
This is where an object on a piece of software mimics the real life
object. This includes objects such as the bin on a computer or a
microphone on a mobile app.
Flat Design
This a minimalist style of design which is currently used for apps
and websites. The aim of this style is to create a flat 2D design
without using any shading or tone. This is done so it seen as
efficient and not complicated.
Other feature categories:
• Multimedia features: use of images, text, video and audio on a
website to present information differently to make it more
interesting.
• Web links: When websites provide links that will take the user to
a different site, this is external. And there are also links that will
take the user to a different page on the same site, these are
internal.
• Interactive elements: This allows the user to participate in
surveys, quizzes and feedback for the website. This
encourages interactivity with users on the site.
Convergence
Media convergence encourages a wider range of engagement from
the audience, as it makes more content available online.
A example is that killing eve,
the TV Drama has a podcast
available online.
Header
Secondary Navigation
barDropdown menu
Love Island Homepage
Primary navigation bar
Footer
Scrolling
Hero
image
Call to action
Internal web links

More Related Content

Similar to Website research

Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design ElementsIllusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elementsrobin fay
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site DesignOvidiu Von M
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01Farmanzaland
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.abhishek106899
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page DesignOvidiu Von M
 
Navigation & Flow
Navigation & FlowNavigation & Flow
Navigation & FlowSrilekhaK12
 
Ninghua Ch3
Ninghua Ch3Ninghua Ch3
Ninghua Ch3ninghua
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsJohn Mark Centeno
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdfLesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdferzascarlet3998
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
In this report i will be discussing the protocols
In this report i will be discussing the protocolsIn this report i will be discussing the protocols
In this report i will be discussing the protocolshaverstockmedia
 
Study Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyStudy Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyMM Su
 

Similar to Website research (20)

Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design ElementsIllusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page Design
 
Web Page Design.ppt
Web Page Design.pptWeb Page Design.ppt
Web Page Design.ppt
 
Web Page Design.ppt
Web Page Design.pptWeb Page Design.ppt
Web Page Design.ppt
 
Navigation & Flow
Navigation & FlowNavigation & Flow
Navigation & Flow
 
Ninghua Ch3
Ninghua Ch3Ninghua Ch3
Ninghua Ch3
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdfLesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
In this report i will be discussing the protocols
In this report i will be discussing the protocolsIn this report i will be discussing the protocols
In this report i will be discussing the protocols
 
Study Case : Prudential Verani Realty
Study Case : Prudential Verani RealtyStudy Case : Prudential Verani Realty
Study Case : Prudential Verani Realty
 
Effective web navigation
Effective web navigationEffective web navigation
Effective web navigation
 
Web design
Web designWeb design
Web design
 
Soodam
SoodamSoodam
Soodam
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 

More from er180044

Wire frame
Wire frameWire frame
Wire frameer180044
 
Sound plan
Sound planSound plan
Sound planer180044
 
Location call sheet 2
Location call sheet 2Location call sheet 2
Location call sheet 2er180044
 
Risk assessment 2019
Risk assessment 2019Risk assessment 2019
Risk assessment 2019er180044
 
Location recce
Location recceLocation recce
Location recceer180044
 
Storyboards
StoryboardsStoryboards
Storyboardser180044
 
Media coursework script
Media coursework scriptMedia coursework script
Media coursework scripter180044
 
Tv drama survey
Tv drama surveyTv drama survey
Tv drama surveyer180044
 
New tv drama pitch
New tv drama pitch New tv drama pitch
New tv drama pitch er180044
 
New tv drama pitch presentation 2
New tv drama pitch presentation 2New tv drama pitch presentation 2
New tv drama pitch presentation 2er180044
 
Mind map for media 2
Mind map for media 2Mind map for media 2
Mind map for media 2er180044
 
Website analysis
Website analysisWebsite analysis
Website analysiser180044
 
Tv drama analysis pretty little liars
Tv drama analysis pretty little liarsTv drama analysis pretty little liars
Tv drama analysis pretty little liarser180044
 
Tv drama analysis gossip girl
Tv drama analysis gossip girlTv drama analysis gossip girl
Tv drama analysis gossip girler180044
 
Tv drama analysis stranger things 2
Tv drama analysis stranger things 2Tv drama analysis stranger things 2
Tv drama analysis stranger things 2er180044
 
New tv drama pitch presentation
New tv drama pitch presentationNew tv drama pitch presentation
New tv drama pitch presentationer180044
 
Website analysis
Website analysisWebsite analysis
Website analysiser180044
 

More from er180044 (18)

Wire frame
Wire frameWire frame
Wire frame
 
Sound plan
Sound planSound plan
Sound plan
 
Location call sheet 2
Location call sheet 2Location call sheet 2
Location call sheet 2
 
Risk assessment 2019
Risk assessment 2019Risk assessment 2019
Risk assessment 2019
 
Shot list
Shot listShot list
Shot list
 
Location recce
Location recceLocation recce
Location recce
 
Storyboards
StoryboardsStoryboards
Storyboards
 
Media coursework script
Media coursework scriptMedia coursework script
Media coursework script
 
Tv drama survey
Tv drama surveyTv drama survey
Tv drama survey
 
New tv drama pitch
New tv drama pitch New tv drama pitch
New tv drama pitch
 
New tv drama pitch presentation 2
New tv drama pitch presentation 2New tv drama pitch presentation 2
New tv drama pitch presentation 2
 
Mind map for media 2
Mind map for media 2Mind map for media 2
Mind map for media 2
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Tv drama analysis pretty little liars
Tv drama analysis pretty little liarsTv drama analysis pretty little liars
Tv drama analysis pretty little liars
 
Tv drama analysis gossip girl
Tv drama analysis gossip girlTv drama analysis gossip girl
Tv drama analysis gossip girl
 
Tv drama analysis stranger things 2
Tv drama analysis stranger things 2Tv drama analysis stranger things 2
Tv drama analysis stranger things 2
 
New tv drama pitch presentation
New tv drama pitch presentationNew tv drama pitch presentation
New tv drama pitch presentation
 
Website analysis
Website analysisWebsite analysis
Website analysis
 

Recently uploaded

Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxRaymartEstabillo3
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Quarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayQuarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayMakMakNepo
 
Planning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxPlanning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxLigayaBacuel1
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 

Recently uploaded (20)

Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Quarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up FridayQuarter 4 Peace-education.pptx Catch Up Friday
Quarter 4 Peace-education.pptx Catch Up Friday
 
Planning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxPlanning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptx
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 

Website research

  • 2. An Interface This is an interaction between the user and the software running on a web server. This is the web browser and the web page.
  • 3. Homepage Homepage- the starting place on all websites that allows you to choose where you would like to go.
  • 4. Header The top bar on a website that is the same on every page The header allows you to easily navigate your way around the website.
  • 5. Footer The footer stays the same on every page of the website. It is generally very structured and has last bits of information. The terms are conditions are normally here along with various other things. Some websites also put any of the social media sites on the footer.
  • 6. Navigation bar Primary navigation: A list of links located at the top of the page, these links are all labelled clearly so you know where you want to go Secondary navigation: Found in the website header, has more specific links to where to go on the website. Primary Navigation Secondary Navigation
  • 7. Scrolling • Normal scrolling means you can move up and down and left and right. • Parrallax scrolling is the same however the background images move slowwer than the foreground images, creating depth.
  • 8. Sliders The arrows on the side alow you tomscroll through a selection of images
  • 9. Hero image A hero image is a large image on a website located on the home page. The Hero image is the first photo you would see and this is because it is an introduction to the website and gives you and overview of what that company/ brand is about.
  • 10. Call to action ( CTA ) Call to action is a visual element such as a button or icon that encourages the user to perform a specific action.
  • 11. Skeuomorphism This is where an object on a piece of software mimics the real life object. This includes objects such as the bin on a computer or a microphone on a mobile app.
  • 12. Flat Design This a minimalist style of design which is currently used for apps and websites. The aim of this style is to create a flat 2D design without using any shading or tone. This is done so it seen as efficient and not complicated.
  • 13. Other feature categories: • Multimedia features: use of images, text, video and audio on a website to present information differently to make it more interesting. • Web links: When websites provide links that will take the user to a different site, this is external. And there are also links that will take the user to a different page on the same site, these are internal. • Interactive elements: This allows the user to participate in surveys, quizzes and feedback for the website. This encourages interactivity with users on the site.
  • 14. Convergence Media convergence encourages a wider range of engagement from the audience, as it makes more content available online. A example is that killing eve, the TV Drama has a podcast available online.
  • 15. Header Secondary Navigation barDropdown menu Love Island Homepage Primary navigation bar Footer Scrolling Hero image Call to action Internal web links