Top Banner
Prototype Information Architecture
40

Prototype Information Architecture

Jan 13, 2016

Download

Documents

fritzi

Prototype Information Architecture. Key Requirements. Access to data, tools, and expertise Integrated access to spatial data Submission of info. to OWEB Basin and watershed reports Communication with experts Provide expert contact info. Text and map-based browsing/searching. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Prototype Information Architecture

Prototype Information Architecture

Page 2: Prototype Information Architecture

Key Requirements

• Access to data, tools, and expertise– Integrated access to spatial data– Submission of info. to OWEB– Basin and watershed reports– Communication with experts– Provide expert contact info.– Text and map-based browsing/searching

Page 3: Prototype Information Architecture

Design Around Requirements

• Task: build a compelling site that meets the requirements

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 4: Prototype Information Architecture

Data Organization

We want to divide information by:

• Themes – fish, habitat, etc.

• Place – what is the spatial footprint of the data

I want to learn about fish

I want to learn about what is happening near Siletz

Page 5: Prototype Information Architecture

Highlight Important Information

For users:

• What is important

• Why this site exists

• Make them interested!

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 6: Prototype Information Architecture

Stories/Top Issues

• Plan is to rely heavily on the upcoming Coastal Coho document from OWEB/U of O Infographics Lab

Page 7: Prototype Information Architecture

Req: Basin and Watershed Reports

• Provide a tool for learning

• Display maps, charts and tables

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Example

Page 8: Prototype Information Architecture

Map

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter Text Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Page 9: Prototype Information Architecture

Map

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter Text Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Use map tool and the select list to easily

navigate/zoom into a watershed

Page 10: Prototype Information Architecture

Map

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter address or place name Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Provide an easy way for people to find their watershed

Page 11: Prototype Information Architecture

Map

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter address or place name Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Watershed breadcrumb trail

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Page 12: Prototype Information Architecture

Map

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter Text Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Select report themes

Page 13: Prototype Information Architecture

Map

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter address or place name Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Chart and table views of the report data

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Page 14: Prototype Information Architecture

Map

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter address or place name Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Browse content that relates to the selected watershed

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Page 15: Prototype Information Architecture

Map

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter address or place name Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Get the watershed contacts

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Page 16: Prototype Information Architecture

Map

North Coast >> XXX >>> XXX

Enter Text

Select subxxx

Find your watershedEnter address or place name Find

Watershed Council Contacts

Documents

Maps

Find XXX

Intro text about XXX watershed ….

The XXX Watershed

Fish Report 1 | Fish Report 2 …..

Chart

Table

Compare Watersheds

Link to watershed comparison tool

About this Watershed Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Page 17: Prototype Information Architecture

Req: Text/Map-Based Browsing

• Provide information by topic

• Browse all data related to the topic

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 18: Prototype Information Architecture

Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Pick Location Current Location: North Coast >> XXX >>> XXX

Documents

Maps

….

Learn About Fish Intro text about Fish

Learn About

General information about the topic

Page 19: Prototype Information Architecture

Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Pick Location Current Location: North Coast >> XXX >>> XXX

Documents

Maps

….

Learn About Fish Document 1 …………………….

Document 2 ………

Document 3 ……………………………..

.

.

.

.

Learn About

Browse content related to the selected topic

Click on document title to view full document

Page 20: Prototype Information Architecture

Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Pick Location Current Location: North Coast >> XXX >>> XXX

Documents

Maps

….

Learn About Fish Intro text about Fish

Learn About

User can constrain the “learn about” content to a location

Page 21: Prototype Information Architecture

Fish Stream & Estuary Habitat Land Use Fish Passage Restoration & Monitoring

Pick Location Current Location: North Coast >> XXX >>> XXX

Documents

Maps

….

Learn About Fish

Learn About

User can constrain the “learn about” content to a location

Page 22: Prototype Information Architecture

Questions

• Is it important to select information spatially?

• Do you want to learn about fish or fish in a specific watershed?

Page 23: Prototype Information Architecture

Req: Access to Spatial Data

• Deliver spatial data as maps

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 24: Prototype Information Architecture

Accessing Digital Spatial Datasets

• Propose to simple web-based mapping tools

• Provide some of the capabilities of desktop geographic information systems

Example 1Example 2

Page 25: Prototype Information Architecture

Online Mapping Tools are Good For:

• Making custom maps

• Simple exploration of map layers

• Simple queries

Page 26: Prototype Information Architecture

Key Questions for Map Tool

• What does the mapping tool need to do for you to use it?

• What map layers must be present?

• Do you need to add your data to the system?

• Do you need to get data out of the mapping tool?

Page 27: Prototype Information Architecture

Req: Searching

• Keyword and spatial searching

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 28: Prototype Information Architecture

SearchSearch

All

Topic

All

Geographic Area

Keyword

Enter Text

Select Geographic Area on Map

Could also add ability to restrict what is searched: documents, maps, discussions etc.

Page 29: Prototype Information Architecture

Req: Communicate with Experts

• Encourage people helping people

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 30: Prototype Information Architecture

Communication with Experts

• Options– Listserv– Web-based bulletin board– Wiki – a web-based collaboration space

Page 31: Prototype Information Architecture

Listserv

• Email based discussion list

• Subscribers receive all postings to list as email

• Can be moderated

• Can search list archive

Page 32: Prototype Information Architecture

Web-Based Bulletin Board

• Post announcements and questions

• Can see everyone’s responses

• Can receive email when someone makes a post or a reply

• You can search posts/replies

Example

Page 33: Prototype Information Architecture

Wiki’s

• Web tool for team collaboration

• Can create web pages and comment on pages

• Can function like bulletin board but with extra features

Example

Page 34: Prototype Information Architecture

Advantages and Disadvantages

• Listserv – People used to reading email daily. Search facilities are poor.

• Bulletin Board – Needs moderators. Good search tools.

• Wiki – Can create web pages. May be too complex .

Page 35: Prototype Information Architecture

Successful Group Communication

• Everyone needs to join in

• People must respond to questions/posts

Are you willing to read posts daily and respond?

Can we find people to cover each watershed or topic area?

Page 36: Prototype Information Architecture

Req: Submit Info to OWEB

• Submit information into our database

Home Page Menu Options

· Fish· Stream &

Estuary Habitat· Land Use· ….

Learn About

Learn About Your Watershed

Join Discussion

Search

Submit Information

Make a Map

Stories/Top Issues

Page 37: Prototype Information Architecture

Submitting Information to OWEB

• Authorized users can submit documents to a storage system (database)

• All users can view what is in database

Example

Page 38: Prototype Information Architecture

Submitting Information

• Users will have to enter some information that describes what they are uploading– Topic keywords (i.e. fish, habitat, etc.)– Place keywords (i.e. watershed name)

• A person will review all submissions to ensure quality

What are you going to upload?

Page 39: Prototype Information Architecture

Req: Provide Expert Contacts

• Provide info. about watershed councils only

• Make this a part of “Learn about your watershed”

• Work with OWEB to ensure contact info is always up to date

Page 40: Prototype Information Architecture

Summary

• Site must deliver required functionality

• Focus on actions/flow

• Graphical look will come last