0
REQUIREMENTS DEFINITION OF THE GEOSPATIAL WEB ENVS 4522
In order to understand requirements we need to take a step back…
What makes a good website?
Intuitive Transparent Efficient Well organized Relevant Timely Content
 
A website that is good is usable.
What is usability?
A good website isn’t a mistake.
Functionally correct Efficient to Use Easy to learn Easy to remember Error tolerant Subjectively pleasing
 
Why is usability important?
A Highly usable website is the result of careful consideration on many different levels. When peeled away we see layers of...
 
 
Duality of Web Design Application Design Information Distribution and Retrieval Human Computer Interaction Information Arc...
 
Strategy Plane <ul><li>We are concerned with Defining the Requirements and therefore focus on </li></ul><ul><ul><li>The ta...
Site Objectives <ul><li>This helps us ask several key questions: </li></ul><ul><ul><li>Who are we designing for? </li></ul...
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...
 
The Surface plane <ul><li>Elaborates on the information Architecture and Interaction Design to create a visual treatment o...
Final result <ul><li>The final result is a site that is designed which considers all user interactions in an intuitive man...
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 Oct27 V1 Mm

418

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
418
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Transcript of "Requirements Definitions Of The Geospatial Web Oct27 V1 Mm"

    1. 1. REQUIREMENTS DEFINITION OF THE GEOSPATIAL WEB ENVS 4522
    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>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>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×