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

686

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide
  • 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>

    ×