1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface...

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

Transcript of 1 The 3 keys to making online GIS friendly & intuitive for a public audience Joy Bonaguro, Interface...

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