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 Definition Of the Geospatial Web
Review <ul><li>Last week we looked at different tools and technology used in the geospatial web </li></ul><ul><li>This nex...
What makes a website Good? <ul><li>Intuitive </li></ul><ul><li>Transparent </li></ul><ul><li>Efficient </li></ul><ul><li>W...
Usability <ul><li>Can be defined as “the  degree  to which people can perform a set of required tasks.”  - Usability for t...
Design Goals <ul><li>Functionally correct </li></ul><ul><li>Efficient to Use </li></ul><ul><li>Easy to learn </li></ul><ul...
Why is it important? <ul><li>Competition for users  </li></ul><ul><li>Increased productivity </li></ul><ul><li>Saving Mone...
5 Planes <ul><li>A Highly usable website is a result of careful consideration on many different levels. When peeled away w...
 
Duality of Web Design Application Design Information Distribution and Retrieval Human Computer Interaction Information Arc...
 
Design Tools <ul><li>At each stage of the design process we utilize different tools to help us find the information we nee...
Strategy Plane <ul><li>We are concerned with Defining the Requirements and therefore focus on </li></ul><ul><ul><li>The ta...
Requirements Definition <ul><li>This helps us ask several key questions: </li></ul><ul><ul><li>Who are we designing for? <...
Tools of Requirements Definition <ul><li>Use Cases </li></ul><ul><li>Personas </li></ul><ul><li>Competitive Analysis </li>...
Persona Example
A persona usually includes: <ul><li>a name and picture </li></ul><ul><li>Demographics (age, education, ethnicity, family s...
Use cases <ul><li>Describe how a particular user will perform a given task on your website </li></ul><ul><li>These are usu...
The Scope Plane <ul><li>The focus becomes less abstract as we look at the functional specifications </li></ul><ul><ul><li>...
Tools <ul><li>Often Creative briefs are used in this phase </li></ul><ul><li>This defines the conceptual approach, genres,...
Structure Phase <ul><li>Conceptual design begins as designers begin to determine how information is organized and the syst...
Tools <ul><li>Information architecture is concerned largely with taxonomies </li></ul><ul><li>Interaction design is concer...
 
 
The Skeleton Plane <ul><li>Elaborates on the information Architecture and Interaction Design through Wireframing </li></ul...
 
 
Resources <ul><li>http://www.usability.gov/ </li></ul><ul><li>http://www.boxesandarrows.com/ </li></ul><ul><li>http://www....
Upcoming SlideShare
Loading in …5
×

Requirements Definitions Of The Geospatial Web

860 views

Published on

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

Requirements Definitions Of The Geospatial Web

  1. 1. Requirements Definition Of the Geospatial Web
  2. 2. Review <ul><li>Last week we looked at different tools and technology used in the geospatial web </li></ul><ul><li>This next phase will look at implementing these tools into the design flow of website </li></ul>
  3. 3. What makes a website Good? <ul><li>Intuitive </li></ul><ul><li>Transparent </li></ul><ul><li>Efficient </li></ul><ul><li>Well organized </li></ul><ul><li>Relevant Timely Content </li></ul><ul><li>A website that is good is usable. </li></ul>
  4. 4. Usability <ul><li>Can be defined as “the degree to which people can perform a set of required tasks.” - Usability for the Web Brinck et al. (2002) </li></ul><ul><li>A good website is a product of good design and careful consideration of every user interaction and the users expectations at every step in their interaction. </li></ul>
  5. 5. Design Goals <ul><li>Functionally correct </li></ul><ul><li>Efficient to Use </li></ul><ul><li>Easy to learn </li></ul><ul><li>Easy to remember </li></ul><ul><li>Error tolerant </li></ul><ul><li>Subjectively pleasing </li></ul>
  6. 6. Why is it important? <ul><li>Competition for users </li></ul><ul><li>Increased productivity </li></ul><ul><li>Saving Money </li></ul><ul><li>High usability is a key factor in achieving maximum return on information technology investment. </li></ul>
  7. 7. 5 Planes <ul><li>A Highly usable website is a result of careful consideration on many different levels. When peeled away we see layers of this user experience. </li></ul><ul><ul><li>The Surface Plane </li></ul></ul><ul><ul><li>The Skeleton Plane </li></ul></ul><ul><ul><li>The Structure Plane </li></ul></ul><ul><ul><li>The Scope Plane </li></ul></ul><ul><ul><li>The Strategy Plane </li></ul></ul>
  8. 9. Duality of Web Design Application Design Information Distribution and Retrieval Human Computer Interaction Information Architecture Interaction Design ? Knowledge Management
  9. 11. Design Tools <ul><li>At each stage of the design process we utilize different tools to help us find the information we need to know. </li></ul>
  10. 12. 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>
  11. 13. Requirements Definition <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>
  12. 14. 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>
  13. 15. Persona Example
  14. 16. 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>
  15. 17. 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>
  16. 18. 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>
  17. 19. 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>
  18. 20. 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>
  19. 21. Tools <ul><li>Information architecture is concerned largely with taxonomies </li></ul><ul><li>Interaction design is concerned with User flows </li></ul>
  20. 24. 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>
  21. 27. Resources <ul><li>http://www.usability.gov/ </li></ul><ul><li>http://www.boxesandarrows.com/ </li></ul><ul><li>http://www.useit.com/ </li></ul><ul><li>http://blog.jjg.net/ </li></ul>

×