1 the 3 keys to making online gis friendly & intuitive for a public audience joy bonaguro,...

40
1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

Upload: aleesha-dean

Post on 05-Jan-2016

222 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

1

The 3 keys to making online GIS friendly & intuitive for a public audience

Joy Bonaguro, Interface Designer/Research Analyst

Page 2: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

2

http://www.gnocdc.org/mapping

Page 3: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

3

Why is it so hard for public audiences to use online mapping

interfaces?

Page 4: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

4

Page 5: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

5

Page 6: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

6

In this presentation…

• Introduction

• 3 concepts from Human-Computer Interaction (HCI)

• Applying an HCI framework to online mapping functions

Page 7: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

7

Philosophy of the Data Center

• Design systems that are easy to use.

• Inventory designs that best meet the skills of our audience.

• Test the designs using usability testing.

Page 8: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

8

3 concepts from Human-Computer Interaction

• Visibility

• Affordance

• Feedback

Page 9: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

9

Visibility is how clear the relationship between an action and its effects are to the user.

Page 10: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

10

Affordance is when the features of an object allow the user to infer how to use it.

Page 11: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

11

Feedback is the response a system gives that informs a user whether the action they took actually worked.

Page 12: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

12

Applying HCI concepts to online mapping functions

•Zoom•Pan•Identify•Layer activation/deactivation

Page 13: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

13

Navigating the map: Zoom

magnifies or reduces scale

Page 14: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

14

Page 15: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

15

Page 16: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

16

Page 17: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

17

Page 18: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

18

Page 19: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

19

Page 20: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

20

Page 21: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

21

Navigating the map: Pan

shifts map view without modifying the scale

Page 22: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

22

Page 23: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

23

Page 24: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

24

Pan bars

Page 25: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

25

Page 26: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

26

Page 27: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

27

Page 28: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

28

Interacting with the map: Identify

Provides additional information about a specific location or geography on the map

Page 29: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

29

Page 30: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

30

Page 31: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

31

Page 32: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

32

Page 33: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

33

Page 34: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

34

Interacting with the map: layer activation & deactivation

Page 35: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

35

Page 36: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

36

Page 37: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

37

Page 38: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

38

Page 39: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

39

http://www.gnocdc.org/mapping

Page 40: 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface Designer/Research Analyst

40