SlideShare a Scribd company logo
Planning – Layout
Lesson 10
Lesson Goals
 Know key features of the website layout
 Understand how to structure individual pages
 Be able to plan navigation structure and website layout

#navigation
#layout
Assessment Criteria
 The assessment criteria for this part of the unit is as follows:

Detailed planning for the design
and function of the website
considering how information flows
and pages link. Justify choices in
relation to target audience appeal
and usability. Relevant legal and
ethical issues considered.

D1

P2

Plan the development of a multi-page website:
• Purpose
• Target Audience
• Content
• Production Plan

M1

LO2 – Plan the development of a multipage website

Consider visitor needs and how
they will navigate the website. The
info provided on a budget, launch
date and timescale is realistic. Some
consideration to relevant revenue
potential.
Understand website navigation
Be able to plan home page

Pages

 The client requirements state that your website must include a minimum

of six pages. A typical website may include the following pages:

Home
About

Products
Media

 The target audience for the site is 18 to 25 year olds, male & female and

they must be considered while planning.
#navigation
#layout
Navigation
 The navigation structure of your

website could use either of these
methods or a combination of both:

Understand website navigation
Be able to plan home page

Home

 Navigation Bar
 Buttons

About

Contact

 You could also plan additional links

to individual pages:
 Logo linked to the homepage

News

 Text links in the page text

 Contact link in site footer
 Links to external pages

Events

#navigation
#layout
Understand website navigation
Be able to plan home page

Your Task

 Create a site map showing the navigation structure of your website

identifying links between pages and expected content for each:
Home

About

Latest News

Gallery

Merchandise

Contact

Schedule

Latest

Photos

Mens

Email

Profiles

Events

Video

Womens

Telephone

Media

Children
Homepage Content
What would your user expect to see on the homepage?
Home Page

Understand website navigation
Be able to plan home page

 A typical website homepage could

include the following features:
 Navigation
 Company Logo
 Key Details

 Latest News
 Relevant Images
 Appropriate Content
 Contact Details

 It takes an average user 6 seconds to judge the quality of a

website so first impressions are absolutely vital.

#navigation
#layout
Sample Homepage
Sample Homepage
Sample Homepage
Your Task

Understand website navigation
Be able to plan home page

 Use mybalsamiq to create a mock

up of your website homepage
showing the main page elements.
 Your design should be annotated

and include the following features:
 Navigation
 Buttons
 Text
 Graphics

 Use the markup section to add

notes explaining your layout.

#navigation
#layout

More Related Content

What's hot

LO3 - Lesson 21 - Page Setup
LO3 - Lesson 21 - Page SetupLO3 - Lesson 21 - Page Setup
LO2 - Lesson 4 - Initial Ideas
LO2 - Lesson 4 - Initial IdeasLO2 - Lesson 4 - Initial Ideas
LO2 - Lesson 4 - Initial Ideas
The English Martyrs School & Sixth Form College
 
LO2 - Lesson 13 - Colours & Fonts
LO2 - Lesson 13 - Colours & FontsLO2 - Lesson 13 - Colours & Fonts
LO2 - Lesson 13 - Colours & Fonts
The English Martyrs School & Sixth Form College
 
LO1 - Lesson 2 - Research
LO1 - Lesson 2 - ResearchLO1 - Lesson 2 - Research
LO3 - Lesson 23 - Contact Page
LO3 - Lesson 23 - Contact PageLO3 - Lesson 23 - Contact Page
LO3 - Lesson 23 - Contact Page
The English Martyrs School & Sixth Form College
 
LO2 - Lesson 8 - Target Audience
LO2 - Lesson 8 - Target AudienceLO2 - Lesson 8 - Target Audience
LO2 - Lesson 8 - Target Audience
The English Martyrs School & Sixth Form College
 
LO1 - Lesson 1 - Research
LO1 - Lesson 1 - ResearchLO1 - Lesson 1 - Research
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
Santosh V
 
B2B SEO in 2020
B2B SEO in 2020B2B SEO in 2020
B2B SEO in 2020
Digital Reach
 
The Website Redesign Process
The Website Redesign ProcessThe Website Redesign Process
The Website Redesign Process
Gary Schroeder
 
Web design proposal_template
Web design proposal_templateWeb design proposal_template
Web design proposal_template
hangchhay
 
Website development process
Website development process Website development process
Website development process
Pragnendra Rahevar
 
How to Prepare a Website Redesign Proposal
How to Prepare a Website Redesign ProposalHow to Prepare a Website Redesign Proposal
How to Prepare a Website Redesign Proposal
Say WOW Marketing
 
What Do When Plan A Site-Website Developer Jackson
What Do When Plan A Site-Website Developer JacksonWhat Do When Plan A Site-Website Developer Jackson
What Do When Plan A Site-Website Developer Jackson
Wise Guys Technologies
 
Web Design Singapore Company iPixel Creative
Web Design Singapore Company iPixel CreativeWeb Design Singapore Company iPixel Creative
Web Design Singapore Company iPixel Creative
Anderson Lai
 
Web development phases
Web development phasesWeb development phases
Web development phases
Himanshu Sharma
 
20 web design tips
20 web design tips20 web design tips
20 web design tips
Bapu Graphics India
 
#Websitein5workingdays
#Websitein5workingdays#Websitein5workingdays
#Websitein5workingdays
Pradhanbros Pvt Ltd
 
SEO Case Studies
SEO Case StudiesSEO Case Studies
SEO Case Studies
dominicktaylor
 
Website Design Development and Marketing Process
Website Design Development and Marketing ProcessWebsite Design Development and Marketing Process
Website Design Development and Marketing Process
Alecan Marketing Solutions
 

What's hot (20)

LO3 - Lesson 21 - Page Setup
LO3 - Lesson 21 - Page SetupLO3 - Lesson 21 - Page Setup
LO3 - Lesson 21 - Page Setup
 
LO2 - Lesson 4 - Initial Ideas
LO2 - Lesson 4 - Initial IdeasLO2 - Lesson 4 - Initial Ideas
LO2 - Lesson 4 - Initial Ideas
 
LO2 - Lesson 13 - Colours & Fonts
LO2 - Lesson 13 - Colours & FontsLO2 - Lesson 13 - Colours & Fonts
LO2 - Lesson 13 - Colours & Fonts
 
LO1 - Lesson 2 - Research
LO1 - Lesson 2 - ResearchLO1 - Lesson 2 - Research
LO1 - Lesson 2 - Research
 
LO3 - Lesson 23 - Contact Page
LO3 - Lesson 23 - Contact PageLO3 - Lesson 23 - Contact Page
LO3 - Lesson 23 - Contact Page
 
LO2 - Lesson 8 - Target Audience
LO2 - Lesson 8 - Target AudienceLO2 - Lesson 8 - Target Audience
LO2 - Lesson 8 - Target Audience
 
LO1 - Lesson 1 - Research
LO1 - Lesson 1 - ResearchLO1 - Lesson 1 - Research
LO1 - Lesson 1 - Research
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
 
B2B SEO in 2020
B2B SEO in 2020B2B SEO in 2020
B2B SEO in 2020
 
The Website Redesign Process
The Website Redesign ProcessThe Website Redesign Process
The Website Redesign Process
 
Web design proposal_template
Web design proposal_templateWeb design proposal_template
Web design proposal_template
 
Website development process
Website development process Website development process
Website development process
 
How to Prepare a Website Redesign Proposal
How to Prepare a Website Redesign ProposalHow to Prepare a Website Redesign Proposal
How to Prepare a Website Redesign Proposal
 
What Do When Plan A Site-Website Developer Jackson
What Do When Plan A Site-Website Developer JacksonWhat Do When Plan A Site-Website Developer Jackson
What Do When Plan A Site-Website Developer Jackson
 
Web Design Singapore Company iPixel Creative
Web Design Singapore Company iPixel CreativeWeb Design Singapore Company iPixel Creative
Web Design Singapore Company iPixel Creative
 
Web development phases
Web development phasesWeb development phases
Web development phases
 
20 web design tips
20 web design tips20 web design tips
20 web design tips
 
#Websitein5workingdays
#Websitein5workingdays#Websitein5workingdays
#Websitein5workingdays
 
SEO Case Studies
SEO Case StudiesSEO Case Studies
SEO Case Studies
 
Website Design Development and Marketing Process
Website Design Development and Marketing ProcessWebsite Design Development and Marketing Process
Website Design Development and Marketing Process
 

Viewers also liked

LO2 - Lesson 4 - Primary Sources
LO2 - Lesson 4 - Primary SourcesLO2 - Lesson 4 - Primary Sources
LO2 - Lesson 4 - Primary Sources
The English Martyrs School & Sixth Form College
 
LO2 - Lesson 9 - Software
LO2 - Lesson 9 - SoftwareLO2 - Lesson 9 - Software
LO3 - Lesson 4 - Visualisation
LO3 - Lesson 4 - VisualisationLO3 - Lesson 4 - Visualisation
LO3 - Lesson 4 - Visualisation
The English Martyrs School & Sixth Form College
 
LO1 - Lesson 1 - Introduction
LO1 - Lesson 1 - IntroductionLO1 - Lesson 1 - Introduction
LO2 - Lesson 2 - Target Audience
LO2 - Lesson 2 - Target AudienceLO2 - Lesson 2 - Target Audience
LO2 - Lesson 2 - Target Audience
The English Martyrs School & Sixth Form College
 
LO3 - Lesson 5 - Script
LO3 - Lesson 5 - ScriptLO3 - Lesson 5 - Script
LO1 - Lesson 6 - Visualisation
LO1 - Lesson 6 - VisualisationLO1 - Lesson 6 - Visualisation
LO1 - Lesson 6 - Visualisation
The English Martyrs School & Sixth Form College
 
LO3 - Lesson 1 - Mood Boards
LO3 - Lesson 1 - Mood BoardsLO3 - Lesson 1 - Mood Boards
Year 12 parents' information evening 2015
Year 12   parents' information evening 2015Year 12   parents' information evening 2015
Year 12 parents' information evening 2015
The English Martyrs School & Sixth Form College
 
LO2 - Lesson 6 - Work Plans
LO2 - Lesson 6 - Work PlansLO2 - Lesson 6 - Work Plans
LO2 - Lesson 7 - Survey
LO2 - Lesson 7 - SurveyLO2 - Lesson 7 - Survey
LO2 - Lesson 3 - Target Audience
LO2 - Lesson 3 - Target AudienceLO2 - Lesson 3 - Target Audience
LO2 - Lesson 3 - Target Audience
The English Martyrs School & Sixth Form College
 
LO3 - Lesson 9 - Conventions
LO3 - Lesson 9 - ConventionsLO3 - Lesson 9 - Conventions
LO1 - Lesson 2 - Mood Boards
LO1 - Lesson 2 - Mood BoardsLO1 - Lesson 2 - Mood Boards
LO1 - Lesson 3 - Mood Boards
LO1 - Lesson 3 - Mood BoardsLO1 - Lesson 3 - Mood Boards
LO3 - Lesson 3 - Mind Maps
LO3 - Lesson 3 - Mind MapsLO3 - Lesson 3 - Mind Maps
Unit 301 - Lesson 10 - Make a Moodboard
Unit 301 - Lesson 10 - Make a MoodboardUnit 301 - Lesson 10 - Make a Moodboard
Unit 301 - Lesson 10 - Make a Moodboard
The English Martyrs School & Sixth Form College
 
LO3 - Lesson 7 - File Formats
LO3 - Lesson 7 - File FormatsLO3 - Lesson 7 - File Formats
LO2 - Lesson 5 - Secondary Sources
LO2 - Lesson 5 - Secondary SourcesLO2 - Lesson 5 - Secondary Sources
LO2 - Lesson 5 - Secondary Sources
The English Martyrs School & Sixth Form College
 
LO1 - Lesson 1 - Use of Graphics
LO1 - Lesson 1 - Use of GraphicsLO1 - Lesson 1 - Use of Graphics
LO1 - Lesson 1 - Use of Graphics
The English Martyrs School & Sixth Form College
 

Viewers also liked (20)

LO2 - Lesson 4 - Primary Sources
LO2 - Lesson 4 - Primary SourcesLO2 - Lesson 4 - Primary Sources
LO2 - Lesson 4 - Primary Sources
 
LO2 - Lesson 9 - Software
LO2 - Lesson 9 - SoftwareLO2 - Lesson 9 - Software
LO2 - Lesson 9 - Software
 
LO3 - Lesson 4 - Visualisation
LO3 - Lesson 4 - VisualisationLO3 - Lesson 4 - Visualisation
LO3 - Lesson 4 - Visualisation
 
LO1 - Lesson 1 - Introduction
LO1 - Lesson 1 - IntroductionLO1 - Lesson 1 - Introduction
LO1 - Lesson 1 - Introduction
 
LO2 - Lesson 2 - Target Audience
LO2 - Lesson 2 - Target AudienceLO2 - Lesson 2 - Target Audience
LO2 - Lesson 2 - Target Audience
 
LO3 - Lesson 5 - Script
LO3 - Lesson 5 - ScriptLO3 - Lesson 5 - Script
LO3 - Lesson 5 - Script
 
LO1 - Lesson 6 - Visualisation
LO1 - Lesson 6 - VisualisationLO1 - Lesson 6 - Visualisation
LO1 - Lesson 6 - Visualisation
 
LO3 - Lesson 1 - Mood Boards
LO3 - Lesson 1 - Mood BoardsLO3 - Lesson 1 - Mood Boards
LO3 - Lesson 1 - Mood Boards
 
Year 12 parents' information evening 2015
Year 12   parents' information evening 2015Year 12   parents' information evening 2015
Year 12 parents' information evening 2015
 
LO2 - Lesson 6 - Work Plans
LO2 - Lesson 6 - Work PlansLO2 - Lesson 6 - Work Plans
LO2 - Lesson 6 - Work Plans
 
LO2 - Lesson 7 - Survey
LO2 - Lesson 7 - SurveyLO2 - Lesson 7 - Survey
LO2 - Lesson 7 - Survey
 
LO2 - Lesson 3 - Target Audience
LO2 - Lesson 3 - Target AudienceLO2 - Lesson 3 - Target Audience
LO2 - Lesson 3 - Target Audience
 
LO3 - Lesson 9 - Conventions
LO3 - Lesson 9 - ConventionsLO3 - Lesson 9 - Conventions
LO3 - Lesson 9 - Conventions
 
LO1 - Lesson 2 - Mood Boards
LO1 - Lesson 2 - Mood BoardsLO1 - Lesson 2 - Mood Boards
LO1 - Lesson 2 - Mood Boards
 
LO1 - Lesson 3 - Mood Boards
LO1 - Lesson 3 - Mood BoardsLO1 - Lesson 3 - Mood Boards
LO1 - Lesson 3 - Mood Boards
 
LO3 - Lesson 3 - Mind Maps
LO3 - Lesson 3 - Mind MapsLO3 - Lesson 3 - Mind Maps
LO3 - Lesson 3 - Mind Maps
 
Unit 301 - Lesson 10 - Make a Moodboard
Unit 301 - Lesson 10 - Make a MoodboardUnit 301 - Lesson 10 - Make a Moodboard
Unit 301 - Lesson 10 - Make a Moodboard
 
LO3 - Lesson 7 - File Formats
LO3 - Lesson 7 - File FormatsLO3 - Lesson 7 - File Formats
LO3 - Lesson 7 - File Formats
 
LO2 - Lesson 5 - Secondary Sources
LO2 - Lesson 5 - Secondary SourcesLO2 - Lesson 5 - Secondary Sources
LO2 - Lesson 5 - Secondary Sources
 
LO1 - Lesson 1 - Use of Graphics
LO1 - Lesson 1 - Use of GraphicsLO1 - Lesson 1 - Use of Graphics
LO1 - Lesson 1 - Use of Graphics
 

Similar to LO2 - Lesson 10 - Layout

Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdf
rkraina4
 
How to Create a Business Website for Success.pdf
How to Create a Business Website for Success.pdfHow to Create a Business Website for Success.pdf
How to Create a Business Website for Success.pdf
Baek Yongsun
 
dynamicweb pdf.pdf
dynamicweb pdf.pdfdynamicweb pdf.pdf
dynamicweb pdf.pdf
herb23
 
LO2 - Lesson 12 - Layout
LO2 - Lesson 12 - LayoutLO2 - Lesson 12 - Layout
SEO Training by Brick Marketing on May 13 2009
SEO Training by Brick Marketing on May 13 2009SEO Training by Brick Marketing on May 13 2009
SEO Training by Brick Marketing on May 13 2009
Brick Marketing - Boston SEO Firm
 
Key Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdfKey Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdf
AD Techlogix - Website & Mobile App Development Company
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
Ekta Saraswat
 
Web design 3
Web design 3Web design 3
Chapter 6 DIGITAL MARKETING
Chapter 6 DIGITAL MARKETINGChapter 6 DIGITAL MARKETING
Chapter 6 DIGITAL MARKETING
NUR AQILAH ZAINUDIN
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
Shelley McArthur
 
The Complete Guide to Web Development
The Complete Guide to Web DevelopmentThe Complete Guide to Web Development
The Complete Guide to Web Development
Eracom Technologies
 
Website Redesign ROI - 10 Ideas to Make the Most of Your Website Investment
Website Redesign ROI - 10 Ideas to Make the Most of Your Website InvestmentWebsite Redesign ROI - 10 Ideas to Make the Most of Your Website Investment
Website Redesign ROI - 10 Ideas to Make the Most of Your Website Investment
Skoda Minotti
 
Step by-step process to create a website
Step by-step process to create a websiteStep by-step process to create a website
Step by-step process to create a website
Designing Station
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
Css Founder
 
√ Website designing company in delhi
√ Website designing company in delhi√ Website designing company in delhi
√ Website designing company in delhi
Css Founder
 
Website analysis basic tools and illustration
Website analysis basic tools and illustrationWebsite analysis basic tools and illustration
Website analysis basic tools and illustration
Priyanka Sharma
 
Notes8
Notes8Notes8
Web Design and SEO: How They Are Linked
Web Design and SEO: How They Are LinkedWeb Design and SEO: How They Are Linked
Web Design and SEO: How They Are Linked
WebGuru Infosystems Pvt. Ltd.
 
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
galerussel59292
 
Everything You Need to Know About Website Design and Development.pdf
Everything You Need to Know About Website Design and Development.pdfEverything You Need to Know About Website Design and Development.pdf
Everything You Need to Know About Website Design and Development.pdf
goovkmarketingoffici
 

Similar to LO2 - Lesson 10 - Layout (20)

Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdf
 
How to Create a Business Website for Success.pdf
How to Create a Business Website for Success.pdfHow to Create a Business Website for Success.pdf
How to Create a Business Website for Success.pdf
 
dynamicweb pdf.pdf
dynamicweb pdf.pdfdynamicweb pdf.pdf
dynamicweb pdf.pdf
 
LO2 - Lesson 12 - Layout
LO2 - Lesson 12 - LayoutLO2 - Lesson 12 - Layout
LO2 - Lesson 12 - Layout
 
SEO Training by Brick Marketing on May 13 2009
SEO Training by Brick Marketing on May 13 2009SEO Training by Brick Marketing on May 13 2009
SEO Training by Brick Marketing on May 13 2009
 
Key Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdfKey Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdf
 
Characterstc of web
Characterstc of webCharacterstc of web
Characterstc of web
 
Web design 3
Web design 3Web design 3
Web design 3
 
Chapter 6 DIGITAL MARKETING
Chapter 6 DIGITAL MARKETINGChapter 6 DIGITAL MARKETING
Chapter 6 DIGITAL MARKETING
 
McArthur_Project 3
McArthur_Project 3McArthur_Project 3
McArthur_Project 3
 
The Complete Guide to Web Development
The Complete Guide to Web DevelopmentThe Complete Guide to Web Development
The Complete Guide to Web Development
 
Website Redesign ROI - 10 Ideas to Make the Most of Your Website Investment
Website Redesign ROI - 10 Ideas to Make the Most of Your Website InvestmentWebsite Redesign ROI - 10 Ideas to Make the Most of Your Website Investment
Website Redesign ROI - 10 Ideas to Make the Most of Your Website Investment
 
Step by-step process to create a website
Step by-step process to create a websiteStep by-step process to create a website
Step by-step process to create a website
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
√ Website designing company in delhi
√ Website designing company in delhi√ Website designing company in delhi
√ Website designing company in delhi
 
Website analysis basic tools and illustration
Website analysis basic tools and illustrationWebsite analysis basic tools and illustration
Website analysis basic tools and illustration
 
Notes8
Notes8Notes8
Notes8
 
Web Design and SEO: How They Are Linked
Web Design and SEO: How They Are LinkedWeb Design and SEO: How They Are Linked
Web Design and SEO: How They Are Linked
 
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
 
Everything You Need to Know About Website Design and Development.pdf
Everything You Need to Know About Website Design and Development.pdfEverything You Need to Know About Website Design and Development.pdf
Everything You Need to Know About Website Design and Development.pdf
 

More from The English Martyrs School & Sixth Form College

UCAS Finance Presentation
UCAS Finance PresentationUCAS Finance Presentation
UCAS Parents Information
UCAS Parents InformationUCAS Parents Information
LO4 - Lesson 4 - Feedback
LO4 - Lesson 4 - FeedbackLO4 - Lesson 4 - Feedback
LO4 - Lesson 3 - Feedback
LO4 - Lesson 3 - FeedbackLO4 - Lesson 3 - Feedback
LO4 - Lesson 2 - Review
LO4 - Lesson 2 - ReviewLO4 - Lesson 2 - Review
LO4 - Lesson 1 - Testing
LO4 - Lesson 1 - TestingLO4 - Lesson 1 - Testing
LO3 - Lesson 6 - Algorithms
LO3 - Lesson 6 - AlgorithmsLO3 - Lesson 6 - Algorithms
LO3 - Lesson 5 - Popups
LO3 - Lesson 5 - PopupsLO3 - Lesson 5 - Popups
LO3 - Lesson 4 - Pickups
LO3 - Lesson 4 - PickupsLO3 - Lesson 4 - Pickups
LO3 - Lesson 3 - Characters
LO3 - Lesson 3 - CharactersLO3 - Lesson 3 - Characters
LO3 - Lesson 2 - Door Triggers
LO3 - Lesson 2 - Door TriggersLO3 - Lesson 2 - Door Triggers
LO3 - Lesson 2 - Door Triggers
The English Martyrs School & Sixth Form College
 
LO4 - Lesson 25 - Testing
LO4 - Lesson 25 - TestingLO4 - Lesson 25 - Testing
LO4 - Lesson 24 - Feedback
LO4 - Lesson 24 - FeedbackLO4 - Lesson 24 - Feedback
LO3 - Lesson 1 - Level Map
LO3 - Lesson 1 - Level MapLO3 - Lesson 1 - Level Map
Predict The Score Leaderboard 2014
Predict The Score Leaderboard 2014Predict The Score Leaderboard 2014
Predict The Score Leaderboard 2014
The English Martyrs School & Sixth Form College
 
LO2 - Lesson 8 - Feedback
LO2 - Lesson 8 - FeedbackLO2 - Lesson 8 - Feedback
LO2 - Lesson 7 - Feedback
LO2 - Lesson 7 - FeedbackLO2 - Lesson 7 - Feedback
LO2 - Lesson 6 - Legal Issues
LO2 - Lesson 6 - Legal IssuesLO2 - Lesson 6 - Legal Issues
LO2 - Lesson 5 - Flow Diagram
LO2 - Lesson 5 - Flow DiagramLO2 - Lesson 5 - Flow Diagram
LO2 - Lesson 4 - Game Content
LO2 - Lesson 4 - Game ContentLO2 - Lesson 4 - Game Content

More from The English Martyrs School & Sixth Form College (20)

UCAS Finance Presentation
UCAS Finance PresentationUCAS Finance Presentation
UCAS Finance Presentation
 
UCAS Parents Information
UCAS Parents InformationUCAS Parents Information
UCAS Parents Information
 
LO4 - Lesson 4 - Feedback
LO4 - Lesson 4 - FeedbackLO4 - Lesson 4 - Feedback
LO4 - Lesson 4 - Feedback
 
LO4 - Lesson 3 - Feedback
LO4 - Lesson 3 - FeedbackLO4 - Lesson 3 - Feedback
LO4 - Lesson 3 - Feedback
 
LO4 - Lesson 2 - Review
LO4 - Lesson 2 - ReviewLO4 - Lesson 2 - Review
LO4 - Lesson 2 - Review
 
LO4 - Lesson 1 - Testing
LO4 - Lesson 1 - TestingLO4 - Lesson 1 - Testing
LO4 - Lesson 1 - Testing
 
LO3 - Lesson 6 - Algorithms
LO3 - Lesson 6 - AlgorithmsLO3 - Lesson 6 - Algorithms
LO3 - Lesson 6 - Algorithms
 
LO3 - Lesson 5 - Popups
LO3 - Lesson 5 - PopupsLO3 - Lesson 5 - Popups
LO3 - Lesson 5 - Popups
 
LO3 - Lesson 4 - Pickups
LO3 - Lesson 4 - PickupsLO3 - Lesson 4 - Pickups
LO3 - Lesson 4 - Pickups
 
LO3 - Lesson 3 - Characters
LO3 - Lesson 3 - CharactersLO3 - Lesson 3 - Characters
LO3 - Lesson 3 - Characters
 
LO3 - Lesson 2 - Door Triggers
LO3 - Lesson 2 - Door TriggersLO3 - Lesson 2 - Door Triggers
LO3 - Lesson 2 - Door Triggers
 
LO4 - Lesson 25 - Testing
LO4 - Lesson 25 - TestingLO4 - Lesson 25 - Testing
LO4 - Lesson 25 - Testing
 
LO4 - Lesson 24 - Feedback
LO4 - Lesson 24 - FeedbackLO4 - Lesson 24 - Feedback
LO4 - Lesson 24 - Feedback
 
LO3 - Lesson 1 - Level Map
LO3 - Lesson 1 - Level MapLO3 - Lesson 1 - Level Map
LO3 - Lesson 1 - Level Map
 
Predict The Score Leaderboard 2014
Predict The Score Leaderboard 2014Predict The Score Leaderboard 2014
Predict The Score Leaderboard 2014
 
LO2 - Lesson 8 - Feedback
LO2 - Lesson 8 - FeedbackLO2 - Lesson 8 - Feedback
LO2 - Lesson 8 - Feedback
 
LO2 - Lesson 7 - Feedback
LO2 - Lesson 7 - FeedbackLO2 - Lesson 7 - Feedback
LO2 - Lesson 7 - Feedback
 
LO2 - Lesson 6 - Legal Issues
LO2 - Lesson 6 - Legal IssuesLO2 - Lesson 6 - Legal Issues
LO2 - Lesson 6 - Legal Issues
 
LO2 - Lesson 5 - Flow Diagram
LO2 - Lesson 5 - Flow DiagramLO2 - Lesson 5 - Flow Diagram
LO2 - Lesson 5 - Flow Diagram
 
LO2 - Lesson 4 - Game Content
LO2 - Lesson 4 - Game ContentLO2 - Lesson 4 - Game Content
LO2 - Lesson 4 - Game Content
 

Recently uploaded

Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
PsychoTech Services
 
Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47
MysoreMuleSoftMeetup
 
How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17
Celine George
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
MJDuyan
 
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
National Information Standards Organization (NISO)
 
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
TechSoup
 
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
ImMuslim
 
Bonku-Babus-Friend by Sathyajith Ray (9)
Bonku-Babus-Friend by Sathyajith Ray  (9)Bonku-Babus-Friend by Sathyajith Ray  (9)
Bonku-Babus-Friend by Sathyajith Ray (9)
nitinpv4ai
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
deepaannamalai16
 
A Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two HeartsA Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two Hearts
Steve Thomason
 
Pharmaceutics Pharmaceuticals best of brub
Pharmaceutics Pharmaceuticals best of brubPharmaceutics Pharmaceuticals best of brub
Pharmaceutics Pharmaceuticals best of brub
danielkiash986
 
MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025
khuleseema60
 
Stack Memory Organization of 8086 Microprocessor
Stack Memory Organization of 8086 MicroprocessorStack Memory Organization of 8086 Microprocessor
Stack Memory Organization of 8086 Microprocessor
JomonJoseph58
 
Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
National Information Standards Organization (NISO)
 
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptxRESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
zuzanka
 
How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17
Celine George
 
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
EduSkills OECD
 
Temple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation resultsTemple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation results
Krassimira Luka
 
Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)
nitinpv4ai
 
skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)
Mohammad Al-Dhahabi
 

Recently uploaded (20)

Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
 
Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47
 
How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
 
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
Jemison, MacLaughlin, and Majumder "Broadening Pathways for Editors and Authors"
 
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
 
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
Geography as a Discipline Chapter 1 __ Class 11 Geography NCERT _ Class Notes...
 
Bonku-Babus-Friend by Sathyajith Ray (9)
Bonku-Babus-Friend by Sathyajith Ray  (9)Bonku-Babus-Friend by Sathyajith Ray  (9)
Bonku-Babus-Friend by Sathyajith Ray (9)
 
HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.HYPERTENSION - SLIDE SHARE PRESENTATION.
HYPERTENSION - SLIDE SHARE PRESENTATION.
 
A Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two HeartsA Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two Hearts
 
Pharmaceutics Pharmaceuticals best of brub
Pharmaceutics Pharmaceuticals best of brubPharmaceutics Pharmaceuticals best of brub
Pharmaceutics Pharmaceuticals best of brub
 
MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025
 
Stack Memory Organization of 8086 Microprocessor
Stack Memory Organization of 8086 MicroprocessorStack Memory Organization of 8086 Microprocessor
Stack Memory Organization of 8086 Microprocessor
 
Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
 
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptxRESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
 
How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17
 
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
 
Temple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation resultsTemple of Asclepius in Thrace. Excavation results
Temple of Asclepius in Thrace. Excavation results
 
Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)Oliver Asks for More by Charles Dickens (9)
Oliver Asks for More by Charles Dickens (9)
 
skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)skeleton System.pdf (skeleton system wow)
skeleton System.pdf (skeleton system wow)
 

LO2 - Lesson 10 - Layout

  • 2. Lesson Goals  Know key features of the website layout  Understand how to structure individual pages  Be able to plan navigation structure and website layout #navigation #layout
  • 3. Assessment Criteria  The assessment criteria for this part of the unit is as follows: Detailed planning for the design and function of the website considering how information flows and pages link. Justify choices in relation to target audience appeal and usability. Relevant legal and ethical issues considered. D1 P2 Plan the development of a multi-page website: • Purpose • Target Audience • Content • Production Plan M1 LO2 – Plan the development of a multipage website Consider visitor needs and how they will navigate the website. The info provided on a budget, launch date and timescale is realistic. Some consideration to relevant revenue potential.
  • 4. Understand website navigation Be able to plan home page Pages  The client requirements state that your website must include a minimum of six pages. A typical website may include the following pages: Home About Products Media  The target audience for the site is 18 to 25 year olds, male & female and they must be considered while planning. #navigation #layout
  • 5. Navigation  The navigation structure of your website could use either of these methods or a combination of both: Understand website navigation Be able to plan home page Home  Navigation Bar  Buttons About Contact  You could also plan additional links to individual pages:  Logo linked to the homepage News  Text links in the page text  Contact link in site footer  Links to external pages Events #navigation #layout
  • 6. Understand website navigation Be able to plan home page Your Task  Create a site map showing the navigation structure of your website identifying links between pages and expected content for each: Home About Latest News Gallery Merchandise Contact Schedule Latest Photos Mens Email Profiles Events Video Womens Telephone Media Children
  • 7. Homepage Content What would your user expect to see on the homepage?
  • 8. Home Page Understand website navigation Be able to plan home page  A typical website homepage could include the following features:  Navigation  Company Logo  Key Details  Latest News  Relevant Images  Appropriate Content  Contact Details  It takes an average user 6 seconds to judge the quality of a website so first impressions are absolutely vital. #navigation #layout
  • 12. Your Task Understand website navigation Be able to plan home page  Use mybalsamiq to create a mock up of your website homepage showing the main page elements.  Your design should be annotated and include the following features:  Navigation  Buttons  Text  Graphics  Use the markup section to add notes explaining your layout. #navigation #layout