lo2 - lesson 10 - layout
Post on 21-Dec-2014
195 Views
Preview:
DESCRIPTION
TRANSCRIPT
Planning – LayoutLesson 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:
LO2 – Plan the development of a multipage website
P2 Plan the development of a multi-page website:• Purpose• Target Audience• Content• Production Plan
M1 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
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.
Pages
The client requirements state that your website must include a minimum of six pages. A typical website may include the following pages:
The target audience for the site is 18 to 25 year olds, male & female and they must be considered while planning.
FeedbackAbout Contact
MediaMerchandise Downloads
Home Products
#navigation#layout
Understand website navigationBe able to plan home page
Navigation
The navigation structure of your website could use either of these methods or a combination of both: Navigation Bar Buttons
You could also plan additional links to individual pages: Logo linked to the homepage Text links in the page text Contact link in site footer Links to external pages
#navigation#layout
Understand website navigationBe able to plan home page
Home
About
News
Events
Contact
Your Task
Create a site map showing the navigation structure of your website identifying links between pages and expected content for each:
Understand website navigationBe able to plan home page
Home
About
Schedule
Profiles
Latest News
Latest
Events
Media
Gallery
Photos
Video
Merchandise
Mens
Womens
Children
Contact
Telephone
Homepage ContentWhat would your user expect to see on the homepage?
Home Page
A typical website homepage could include the following features: Navigation Company Logo Key Details Latest News Relevant Images Appropriate Content Contact Details
#navigation#layout
Understand website navigationBe able to plan home page
It takes an average user 6 seconds to judge the quality of a website so first impressions are absolutely vital.
Sample Homepage
Sample Homepage
Sample Homepage
Your Task
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.
Understand website navigationBe able to plan home page
#navigation#layout
top related