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.

Requirements Definitions Of The Geospatial Web Oct27 V1 Mm


Published on

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

  • Be the first to like this

Requirements Definitions Of The Geospatial Web Oct27 V1 Mm

  2. 2. In order to understand requirements we need to take a step back…
  3. 3. What makes a good website?
  4. 4. Intuitive Transparent Efficient Well organized Relevant Timely Content
  5. 6. A website that is good is usable.
  6. 7. What is usability?
  7. 8. A good website isn’t a mistake.
  8. 9. Functionally correct Efficient to Use Easy to learn Easy to remember Error tolerant Subjectively pleasing
  9. 11. Why is usability important?
  10. 12. A Highly usable website is the result of careful consideration on many different levels. When peeled away we see layers of this user experience.
  11. 15. Duality of Web Design Application Design Information Distribution and Retrieval Human Computer Interaction Information Architecture Interaction Design ? Knowledge Management
  12. 17. Strategy Plane <ul><li>We are concerned with Defining the Requirements and therefore focus on </li></ul><ul><ul><li>The target Audience </li></ul></ul><ul><ul><li>The Site Goals </li></ul></ul><ul><ul><li>The User Needs </li></ul></ul><ul><ul><li>The Business Goals </li></ul></ul>
  13. 18. Site Objectives <ul><li>This helps us ask several key questions: </li></ul><ul><ul><li>Who are we designing for? </li></ul></ul><ul><ul><li>What is the purpose of the project? </li></ul></ul><ul><ul><li>How will it be useful to our user audience? </li></ul></ul>
  14. 19. Tools of Requirements Definition <ul><li>Use Cases </li></ul><ul><li>Personas </li></ul><ul><li>Competitive Analysis </li></ul><ul><li>Defining Business Goals </li></ul>
  15. 20. Persona Example
  16. 21. A persona usually includes: <ul><li>a name and picture </li></ul><ul><li>Demographics (age, education, ethnicity, family status) </li></ul><ul><li>Job title and major responsibilities </li></ul><ul><li>goals and tasks in relation to your site </li></ul><ul><li>environment (physical, social, technological) </li></ul><ul><li>a quote that sums up what matters most to the persona with relevance for your site </li></ul>
  17. 22. Use cases <ul><li>Describe how a particular user will perform a given task on your website </li></ul><ul><li>These are usually narrative in format and define through the story the steps a user must take to perform the task </li></ul><ul><li>Each use case captures </li></ul><ul><ul><li>The Actor (who is using the Website) </li></ul></ul><ul><ul><li>The Interaction (what the user does) </li></ul></ul><ul><ul><li>The Goal (the user’s purpose) </li></ul></ul>
  18. 23. The Scope Plane <ul><li>The focus becomes less abstract as we look at the functional specifications </li></ul><ul><ul><li>Technical Specifications </li></ul></ul><ul><ul><li>Content Requirements </li></ul></ul>
  19. 24. Tools <ul><li>Often Creative briefs are used in this phase </li></ul><ul><li>This defines the conceptual approach, genres, metaphors, and imagery is to be used. </li></ul><ul><li>Ie. Comic approach - fun or serious </li></ul><ul><li>These are often used for strategy to make something memorable to the user audience. </li></ul>
  20. 25. Structure Phase <ul><li>Conceptual design begins as designers begin to determine how information is organized and the system behaves </li></ul><ul><li>Typically this is called Interaction Design and Information Architecture </li></ul>
  21. 26. Tools <ul><li>Information architecture is concerned largely with taxonomies </li></ul><ul><li>Interaction design is concerned with User flows </li></ul>
  22. 30. The Skeleton Plane <ul><li>Elaborates on the information Architecture and Interaction Design through Wireframing </li></ul><ul><li>Wireframing concerns itself with the placement of content pieces without concern for the look </li></ul><ul><li>Can be done in a variety of applications including Photoshop, Visio, Illustrator, OmniGraffle etc </li></ul>
  23. 32. The Surface plane <ul><li>Elaborates on the information Architecture and Interaction Design to create a visual treatment of the site </li></ul><ul><li>Visual designs are then used to tie everything together </li></ul><ul><li>This includes such things as style guides and design mock-ups </li></ul>
  24. 33. Final result <ul><li>The final result is a site that is designed which considers all user interactions in an intuitive manner </li></ul><ul><li>This design process is similar to what you will be creating in the final assignment. </li></ul>
  25. 34. Resources <ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul>