Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Week 3 - A Planning Website


Published on

Week 3 lecture

Published in: Education, Business, Technology
  • Be the first to comment

  • Be the first to like this

Week 3 - A Planning Website

  1. 1. IMD09117 and IMD09118 Web Design and Development Planning and Scoping a Web site.
  2. 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. 3. Strategy <ul><li>What do we want to get from this site? </li></ul><ul><li>What do our users want? </li></ul><ul><li>These are the two key questions to be answered by the strategy plane. </li></ul>
  4. 4. Who are we building the site for? <ul><li>It’s easy when you are your own client but when you’re building for other people you have to listen. </li></ul><ul><li>Your skill as a designer is using your expertise to help the client understand what it is they want. </li></ul>
  5. 5. Clients <ul><li>Most people have an idea of what they want but how do you clarify what is to be delivered. </li></ul><ul><li>England & Finney (2007) call this process “scoping”. They describe this as: </li></ul><ul><ul><li>Collecting the right information </li></ul></ul><ul><ul><li>Translating this information into appropriate solutions </li></ul></ul><ul><ul><li>Showing that these solutions fit a client’s needs </li></ul></ul>
  6. 6. How much detail? <ul><li>This is a key question. </li></ul><ul><ul><li>Too much detail overcomplicates </li></ul></ul><ul><ul><li>Too little will lead to an unsatisfactory product. </li></ul></ul><ul><ul><li>The important objective is to retrieve any relevant information for the project. </li></ul></ul><ul><ul><li>England & Finney provide a questionnaire which is a solid basis for the information you need, we will discuss some of the questions . </li></ul></ul>
  7. 7. Contact <ul><li>Never underestimate the importance of establishing a firm contact. </li></ul><ul><ul><li>You need the security of having a liaison that is responsible for agreeing work is finished and satisfactory. </li></ul></ul><ul><li>Previous interactive Media Experience </li></ul><ul><ul><li>The level of experience a client has will change their expectations. </li></ul></ul>
  8. 8. <ul><li>Market Sector </li></ul><ul><ul><li>This effects the type of site you will produce. </li></ul></ul><ul><li>Project Content Bias </li></ul><ul><ul><li>This is here as a tool to help you understand what the client expects and to ensure that you can demonstrate to the client what has been agreed. </li></ul></ul>
  9. 9. <ul><li>Browser/platform expectations </li></ul><ul><ul><li>Not all browsers or products display Websites the same way. </li></ul></ul><ul><ul><li>Is your client expecting people to access the site on their mobile ‘phones? </li></ul></ul>
  10. 10. Site maintenance <ul><li>Once our Website is up and running, who’s going to look after it? </li></ul><ul><li>If it’s down to the client, how will this be? </li></ul><ul><ul><li>Do they need training? </li></ul></ul><ul><ul><li>Will you produce a content management system? </li></ul></ul>
  11. 11. Users <ul><li>So far we’ve talked about about the client and what they expect, it’s time to consider the users of our new Web site. </li></ul><ul><li>When designing any product it is vital to understand who we are making it for. </li></ul><ul><li>It is an easy trap to assume that our product is for one type of user who happens to be exactly like us. </li></ul>
  12. 12. Diversity <ul><li>It can be very complicated to define users as they come from all walks of life. </li></ul><ul><li>To simply claim that a site is for “everyone” is a cop out. There are very few sites for which this is true. </li></ul>
  13. 13. Demographics <ul><li>Demographics are one way of describing users. </li></ul><ul><ul><li>Gender </li></ul></ul><ul><ul><li>Age </li></ul></ul><ul><ul><li>Education Level </li></ul></ul><ul><ul><li>Marital Status </li></ul></ul><ul><ul><li>Income </li></ul></ul>
  14. 14. Psychographics <ul><li>These idea describe the attitudes and perceptions of users. Psychographics and demographics are often linked: People with the same income level of the same age living in the same area will have similar attitudes. </li></ul>
  15. 15. Some examples from Pictures from
  16. 16. User Segmentation <ul><li>To understand who’s using our products, we break down our users into groups of people with shared needs. </li></ul><ul><li>By understanding who they are and what they want, we can build an effective site. </li></ul>
  17. 17. User Research <ul><li>Once we have decided who we are building our site for, we need to know how to provide the information they want. </li></ul>
  18. 18. Defining the Scope <ul><li>This turns our question from: </li></ul><ul><li>“ Why are we building this site?” </li></ul><ul><li>To: </li></ul><ul><li>“ What are we going to make?” </li></ul>
  19. 19. Perspectives CLIENT USER DEVELOPER
  20. 20. Requirements <ul><ul><li>functional specifications. </li></ul></ul><ul><ul><li>Content requirements </li></ul></ul>Now we understand what we are building we need to combine all the information we have so far and break into two distinct areas: