SlideShare a Scribd company logo
1 of 20
IMD09117 and IMD09118  Web Design and Development Planning and Scoping a Web site.
Reminder of the 5 planes model Last week we examined Garrett’s model in detail. We discussed the typical web development life cycle. We also looked into mission statements for websites. Today we will cover the strategy plane in greater detail. We will move onto the scope plane and discuss client needs.
Strategy ,[object Object],[object Object],[object Object]
Who are we building the site for? ,[object Object],[object Object]
Clients ,[object Object],[object Object],[object Object],[object Object],[object Object]
How much detail? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Contact ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Site maintenance ,[object Object],[object Object],[object Object],[object Object]
Users ,[object Object],[object Object],[object Object]
Diversity ,[object Object],[object Object]
Demographics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Psychographics ,[object Object]
Some examples from forbes.com Pictures from http://www.forbes.com/2007/05/09/cars-message-autos-forbesllife-cx_dl_0510carsays_slide_7.html?thisSpeed=15000
User Segmentation ,[object Object],[object Object]
User Research ,[object Object]
Defining the Scope ,[object Object],[object Object],[object Object],[object Object]
Perspectives CLIENT USER DEVELOPER
Requirements ,[object Object],[object Object],Now we understand what we are building we need to combine all the information we have so far and break into two distinct areas:

More Related Content

What's hot

Gemma Ravensdale - BEN Apps for Business
Gemma Ravensdale - BEN Apps for BusinessGemma Ravensdale - BEN Apps for Business
Gemma Ravensdale - BEN Apps for Business
Science City Bristol
 
Reviewing Web Design Trends For 2011
Reviewing Web Design Trends For 2011Reviewing Web Design Trends For 2011
Reviewing Web Design Trends For 2011
cowedge8
 

What's hot (14)

Website UX Design: Functionality at the Forefront
Website UX Design: Functionality at the ForefrontWebsite UX Design: Functionality at the Forefront
Website UX Design: Functionality at the Forefront
 
Gemma Ravensdale - BEN Apps for Business
Gemma Ravensdale - BEN Apps for BusinessGemma Ravensdale - BEN Apps for Business
Gemma Ravensdale - BEN Apps for Business
 
Design with WordPress
Design with WordPressDesign with WordPress
Design with WordPress
 
7 things to improve your design proposals
7 things to improve your design proposals7 things to improve your design proposals
7 things to improve your design proposals
 
Digital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and salesDigital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and sales
 
Presentation Project
Presentation ProjectPresentation Project
Presentation Project
 
Business Communication Project Revised
Business Communication Project RevisedBusiness Communication Project Revised
Business Communication Project Revised
 
Reviewing Web Design Trends For 2011
Reviewing Web Design Trends For 2011Reviewing Web Design Trends For 2011
Reviewing Web Design Trends For 2011
 
Gedling Borough Council & TerminalFour - Aiming for the Stars
Gedling Borough Council & TerminalFour - Aiming for the StarsGedling Borough Council & TerminalFour - Aiming for the Stars
Gedling Borough Council & TerminalFour - Aiming for the Stars
 
How a Well Designed Website Influences Your Visitors
How a Well Designed Website Influences Your VisitorsHow a Well Designed Website Influences Your Visitors
How a Well Designed Website Influences Your Visitors
 
Abc bank presents
Abc bank presentsAbc bank presents
Abc bank presents
 
Redesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
Redesign, Refresh or Responsive Retrofit: Choose Your Own AdventureRedesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
Redesign, Refresh or Responsive Retrofit: Choose Your Own Adventure
 
Blue Zoo Websites Internet Marketing Overview
Blue Zoo Websites Internet Marketing OverviewBlue Zoo Websites Internet Marketing Overview
Blue Zoo Websites Internet Marketing Overview
 
Seo and ux
Seo and uxSeo and ux
Seo and ux
 

Viewers also liked (8)

Week 2 - A Introduction to Design
Week 2 - A Introduction to DesignWeek 2 - A Introduction to Design
Week 2 - A Introduction to Design
 
Flip Book
Flip BookFlip Book
Flip Book
 
The art of presentations
The art of presentationsThe art of presentations
The art of presentations
 
Typography
TypographyTypography
Typography
 
The CSS Box Model
The CSS Box ModelThe CSS Box Model
The CSS Box Model
 
Typography and grids
Typography and gridsTypography and grids
Typography and grids
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 

Similar to Week 3 - A Planning Website

mbg-business_presentation
mbg-business_presentationmbg-business_presentation
mbg-business_presentation
esstel
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
IBM
 
FS Introduction
FS IntroductionFS Introduction
FS Introduction
marcus ng
 

Similar to Week 3 - A Planning Website (20)

mbg-business_presentation
mbg-business_presentationmbg-business_presentation
mbg-business_presentation
 
Advanced Business Model Design - Pirate Summit 2013
Advanced Business Model Design - Pirate Summit 2013Advanced Business Model Design - Pirate Summit 2013
Advanced Business Model Design - Pirate Summit 2013
 
Web Design and Software Development
Web Design and Software DevelopmentWeb Design and Software Development
Web Design and Software Development
 
A user-centred view on how to leverage your assets
A user-centred view on how to leverage your assetsA user-centred view on how to leverage your assets
A user-centred view on how to leverage your assets
 
Building Customer Experience
Building Customer ExperienceBuilding Customer Experience
Building Customer Experience
 
Website Personalization 101
Website Personalization 101Website Personalization 101
Website Personalization 101
 
Kaleo apps case study final
Kaleo apps case study finalKaleo apps case study final
Kaleo apps case study final
 
The next generation in customer engagement - Coginov Semantics search -
The next generation in customer engagement - Coginov Semantics search -The next generation in customer engagement - Coginov Semantics search -
The next generation in customer engagement - Coginov Semantics search -
 
E commerce
E commerceE commerce
E commerce
 
Setting & Managing Client Expectations During Site Launches - STAT City Crawl...
Setting & Managing Client Expectations During Site Launches - STAT City Crawl...Setting & Managing Client Expectations During Site Launches - STAT City Crawl...
Setting & Managing Client Expectations During Site Launches - STAT City Crawl...
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Voice of the Customer Blue Paper
Voice of the Customer Blue PaperVoice of the Customer Blue Paper
Voice of the Customer Blue Paper
 
Product vision workshop
Product vision workshopProduct vision workshop
Product vision workshop
 
Mobility Moves from “Nice to Have” to “Must Have” for Large US Insurer
Mobility Moves from “Nice to Have” to “Must Have” for Large US InsurerMobility Moves from “Nice to Have” to “Must Have” for Large US Insurer
Mobility Moves from “Nice to Have” to “Must Have” for Large US Insurer
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWD
 
The ultimate guide to creating the perfect website
The ultimate guide to creating the perfect websiteThe ultimate guide to creating the perfect website
The ultimate guide to creating the perfect website
 
FS Introduction
FS IntroductionFS Introduction
FS Introduction
 
BAD Toolkit - Berlin Overview
BAD Toolkit - Berlin OverviewBAD Toolkit - Berlin Overview
BAD Toolkit - Berlin Overview
 
About One Big Field
About One Big FieldAbout One Big Field
About One Big Field
 
Highest quality code in your SaaS project. Why should you care about it as a ...
Highest quality code in your SaaS project. Why should you care about it as a ...Highest quality code in your SaaS project. Why should you care about it as a ...
Highest quality code in your SaaS project. Why should you care about it as a ...
 

More from Graeme Smith (20)

Project Management - An Introductiuon
Project Management - An IntroductiuonProject Management - An Introductiuon
Project Management - An Introductiuon
 
Intro to the unit
Intro to the unitIntro to the unit
Intro to the unit
 
Intro to Game Design
Intro to Game DesignIntro to Game Design
Intro to Game Design
 
Composition, some basic rules of photography
Composition, some basic rules of photographyComposition, some basic rules of photography
Composition, some basic rules of photography
 
Form Validation
Form ValidationForm Validation
Form Validation
 
1 - Designing A Site
1 - Designing A Site1 - Designing A Site
1 - Designing A Site
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Information Design
Information DesignInformation Design
Information Design
 
Perspective Principles
Perspective PrinciplesPerspective Principles
Perspective Principles
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Colour
ColourColour
Colour
 
Web Functionality
Web FunctionalityWeb Functionality
Web Functionality
 
Layout Principles
Layout PrinciplesLayout Principles
Layout Principles
 
Layout Principles 1
Layout Principles 1Layout Principles 1
Layout Principles 1
 
Content for the Web
Content for the WebContent for the Web
Content for the Web
 
Week 5 - Accessibility
Week 5 - AccessibilityWeek 5 - Accessibility
Week 5 - Accessibility
 
Week 5 - Visual Hierarchies
Week 5 -  Visual HierarchiesWeek 5 -  Visual Hierarchies
Week 5 - Visual Hierarchies
 
Week 4 - A Visual Contrasts
Week 4 -  A Visual ContrastsWeek 4 -  A Visual Contrasts
Week 4 - A Visual Contrasts
 
Week 4 - A User Centred Design
Week 4 -  A User Centred DesignWeek 4 -  A User Centred Design
Week 4 - A User Centred Design
 

Recently uploaded

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Recently uploaded (20)

Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 

Week 3 - A Planning Website

  • 1. IMD09117 and IMD09118 Web Design and Development Planning and Scoping a Web site.
  • 2. Reminder of the 5 planes model Last week we examined Garrett’s model in detail. We discussed the typical web development life cycle. We also looked into mission statements for websites. Today we will cover the strategy plane in greater detail. We will move onto the scope plane and discuss client needs.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Some examples from forbes.com Pictures from http://www.forbes.com/2007/05/09/cars-message-autos-forbesllife-cx_dl_0510carsays_slide_7.html?thisSpeed=15000
  • 16.
  • 17.
  • 18.
  • 20.

Editor's Notes

  1. You will need to have printed off England & Finney’s scoping questionnaire provided for the class exercise.
  2. This is an opportunity to discuss the model again. This is also an opportunity to revise any content students found difficult last week.
  3. Ask students why they think the answers to these questions might be different.
  4. This is a useful point to discuss understanding the needs of clients and how you go about understanding them. The skill is in producing a strategy document that you both agree on, with signatures.
  5. We are building up to a class exercise using England & Finney’s scoping document. It is imperative that students understand that what England and Finney term as scoping is different from what Garrett describes as the scope plane. We will use England & Finney’s techniques to build an effective strategy plane.
  6. Explain that the questionnaire should be seen as a tool, not all sections are correct for every circumstance and students should pick and choose according to their needs.
  7. Discuss with students how vital it is to have someone responsible for sign off. Ask students what differing expectations clients might have according to experience. Consider the difference between a church based charity run by a 65 year old that does not have a Web site to the web site for a new skateboard and clothing shop run by a 35 year old graphic designer.
  8. The details on this particular form are wide reaching and particularly relevant to large projects. Never the less, it is important to consider all these aspects when discussing a project. Formalising what is required at these early stages stops time consuming mistakes later on. Ask students to consider Market Sector, a financial institution would require a very different product to a television channel. Within the project content bias, point out that getting a client to rank the importance and size expectations are key.
  9. Naturally, you would be expected to explain the idea that different browsers work in different ways. Include a discussion on Mac/Windows. Explain this is important but will not be gone into in great depth here. The mobile ‘phone question opens up a discussion on screen sizes and the implications this has on design.
  10. At this point you can discuss content management systems, what they are and how they’re used. The key question being, will you make one yourself or buy one off the shelf.
  11. Students should have started thinking about what they are going to produce for their coursework, ask them to think about their users and who they are.
  12. The BBC website www.bbc.co.uk is an excellent example of a Web site that is truly constructed for “everyone”. On the surface this may seem true but the deeper one delves into the site, the more specialist the content becomes and the more segmented the users are.
  13. Explain that these terms come from market research and are used as an indicator.
  14. The prepend of Psycho indicates that the theories relate to the mind. Use an example of wealthy conservatives in a leafy borough and mechanics working in a garage. Each group is likely to relate well with each other and there will be cross over beliefs and values but at their core they will be very succinct groups.
  15. These are great examples of mixed demographics and psychographics. Car companies spend a lot of time and money deciding exactly who they are building a car for. Explain to students that it is unlikely they’re first Web site will have the same critical financial implications but they should definitely take these ideas on board.
  16. The amount of detail depends on the scope of the website. The Labour Party www.labour.org.uk/ Website is going to have a much wider user segmentation than Hard to Find Records http://www.htfr.com/
  17. A good example is that you would build a different type of site for a person buying a second hand cheap car http://www.buyyourcar.co.uk/used-car.aspx to one for Ferrari owners http://www.fioranoferrari.com/.
  18. Again, it is useful to reiterate that Jarrett’s scope plane is different to the scoping questionnaire. The scoping questionnaire is very much a document to analyse client needs. The scope plane discusses what the site will do.
  19. It’s hoped that students are beginning to grasp that there are three distinct perspectives going into the construction of any site. The final product is a fine balance between client expectations, user needs and the skill and experience of the developer.
  20. We return, once again to the original model.