LO2 - Lesson 11 - Layout

33 %
67 %
Information about LO2 - Lesson 11 - Layout

Published on March 5, 2014

Author: b_malcolmson

Source: slideshare.net


EMS Creative iMedia
Cambridge Technicals

Planning – Layout Lesson 11

Lesson Goals  Know key features of the website layout  Understand how to structure individual pages  Be able to plan the internal pages of your website #user #needs #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.

What will a user expect? Think about the whole website experience…

Technical Needs Be able to plan website pages Understand audience needs  A typical user on any of these sites may be looking for the following:  Navigation – Easy to get from page to page  Flow – Obvious which bit comes next  Loading – Relatively quick load times  Access – Site accessible to disabled users  Consistency – A clear style across all pages  Browsers – Displays correctly in all browsers  Colours – Effective contrasting colour scheme  Form – Allowing user interaction e.g. Contact  Planning website pages effectively can ensure you adhere to each of these considerations. #user #needs #layout

Page Layout Identify the similarities between all four web pages…

Site – Homepage

Site – Media Page

Site – Gallery Page

Site – Contact Page

Template What webpage elements are included on a template?

Templates Be able to plan website pages Understand audience needs  A template can help you to design a consistent theme for all of your web pages.  The template should include all of the elements of your website that you want to appear in the same position on every page.  All other information will go into editable regions which would be different for every page depending on each page’s content. #user #needs #layout

Editable Region This area would contain any information relevant to the individual page. This area is not for information that would go onto every page as that would be part of your template for the webpages. Site Template

Your Task Be able to plan website pages Understand audience needs  Use mybalsamiq to design the internal pages of your website considering the needs of your target audience.  Your site should use a template and include the following features:  Navigation  Information Flow  Consistency  Good Content  Use the markup section to add notes explaining your designs. #user #needs #layout

#user presentations

Add a comment

Related presentations

Related pages

MuseScore in Minutes: Lesson 11 - Layout and Parts - YouTube

MuseScore in Minutes: Lesson 11 - Layout and Parts ... MuseScore in Minutes: Lesson 10 - Articulations, Dynamics and Text - Duration: 5:02.
Read more

Lesson 11 Page Layout - Word 2013 - Sahalsoftware - YouTube

Lesson 11 Page Layout - Word 2013 - Sahalsoftware ... Lesson 16 Header, Footer and Page Numbers - Word 2013 - Sahalsoftware - Duration: 8:53.
Read more

Lektion 12: Layout (CSS)gertutorial - HTML.net

Lektion 12: Layout (CSS) - HTML- und CSS-Tutorials ... << Lektion 11: Mehr über Tabellen. Lektion 13: Seiten ins Netz laden >> Tutorials. HTML Tutorial.
Read more

Lesson 12: Layout (CSS)entutorial - HTML.net

Lesson 12: Layout (CSS) - Free tutorials on HTML, CSS and PHP - Build your own website
Read more

FileMaker Pro Tutorial - Create custom solutions | FileMaker

Lesson 1 FileMaker Pro basics How to use this tutorial 9 ... 56 FileMaker Pro Tutorial 11. Click Save Layout, then Exit Layout to switch to Browse mode.
Read more

Excel 2013: Page Layout - Free Online Learning at GCFLearnFree

Excel 2013 is the spreadsheet application in the Microsoft Office 2013 suite. ... Excel 2013 Page Layout. 4 2 2. Introduction. Video: Page Layout
Read more

Breadboard Layout | Arduino Lesson 11. LCD Displays - Part ...

Arduino Lesson 11. LCD Displays - Part 1 Learn Arduino, Lesson 11. ... Breadboard Layout SIMON MONK. The LCD display needs six Arduino pins, ...
Read more

Lesson Plan Layout

Lesson Plan Layout . Lesson Plan Sections Description Objectives: The goals of each lesson are outlined on the first page to help the
Read more