This document summarizes a presentation on interaction design for visualizations of geospatial data. It discusses projects at FH Potsdam involving interface design, cartography for broad audiences, natural user interfaces, and geo visualization design patterns. Specific projects are described, including Virtual Water, Fritzing, a tsunami early warning system, neogeography tools like Flickr Maps, and data visualization tools like Eigenfactor maps. It also covers tangible interfaces like mæve and Venice Unfolding for exploring architectural and urban planning data, as well as the Muse tool for visualizing scientific collaboration networks.

1. Unfolding
Data
Interac1on
Design
for
Visualiza1ons
of
Geospa1al
Data
PROGRESS
colloquium,
Uni
Potsdam
Till
Nagel,
FH
Potsdam,
12/2010

2. Overview
•
Interface
Design
at
FH
Potsdam
•
Cartography
for
a
broader
audience
•
Natural
User
Interfaces
•
Projects
and
examples
•
GeoVis
Design
PaBerns

3. FH
Potsdam.
Studiengang
Interfacedesign
InformaCon
Architecture
and
VisualizaCon
Prof.
Danijela
Djokic
Design
of
SoIware
Interfaces
Prof.
Dr.
Frank
Heidmann
Advanced
Media
Till
Nagel
InteracCon
Design
Prof.
Boris
Müller
Design
of
Physical
and
Virtual
Interfaces
Prof.
Reto
WeBach

4. Virtual
Water
Timm
Kekeritz

5. Jan
Gohlke,
Chris1an
Hertlein

7. Ars
Electronica
2007

8. Fritzing
–
Tools
for
Physical
Interac1on
Design

9. Fritzing
Workshop
TEI
Conference
2010

10. Tsunami
Early
warning
system

11. Tsunami
Early
warning
system

12. Neogeography

13. handmaps.org

14. “
[…]
people
using
and
crea2ng
their
own
maps,
on
their
own
terms,
and
by
combining
elements
of
an
exis2ng
toolset.
Andrew
Turner
(2006),
IntroducCon
to
Neogeography,
O’Reilly
Media

15. Flickr
Map

16. TwiWer
Live
Map:
Castor
2010

17. Oakland
crimespoZng
Stamen,
2009

18. Just
landed
Jer
Thorp,
2009

19. The
World’s
Eyes
MIT
Senseable
City
Lab,
2008

20. Data
Visualiza1on

21. “
The
use
of
computer-­‐generated,
interac2ve,
visual
representa2ons
of
data
to
amplify
cogni2on.
Card,
Mackinlay,
Shneiderman

22. Well
formed
Eigenfactor
Moritz
Stefaner,
2008

24. Stefaner,
M.,
Rosvall,
M.,
Bergstrom,
C.
Well-­‐formed
Eigenfactor:
Visualizing
Informa2on
Flow
in
Science.
In
Proceedings
of
the
SIGGRAPH
09
conference,
New
Orleans,
USA,
2009

25. Natural
User
Interface

26. Computer’s
image
of
human
beings
Dan
O‘Sullivan
and
Tom
Igoe,
Physical
CompuCng,
2004

27. “
If
you
can
only
manipulate
one
point
[…]
you
are
restricted
to
the
gestural
vocabulary
of
a
fruit
fly.
Bill
Buxton

28. Large-­‐scale
mul1touch
displays
Point
of
Informa1on,
FH
Potsdam,
2010

29. Point
of
Informa1on,
FH
Potsdam,
2010

30. DTLens
Forlines,
Shen,
2005

31. Magic
Wall
CNN
&
Percep1ve
Pixel,
2008

32. mæve
Tangible
visualiza1on
for
architectural
contents

35. MACE
MapWidget:
Edit
in
Place

37. Faceted
Search

41. Prototyping

44. hWp://portal.mace-­‐project.eu/maeve

48. mæve
Venice
Biennale
of
Architecture,
2008
hWp://portal.mace-­‐project.eu/maeve

49. mæve
FH
Potsdam,
2008

50. mæve
FH
Potsdam,
2008
Nagel,
T.,
Pschetz,
L.,
Stefaner,
M.,
Halkia,
M.,
Müller,
B.
mæve
–
An
Interac2ve
Tabletop
Installa2on
for
Exploring
Background
Informa2on
in
Exhibi2ons.
Proceedings
of
the
13th
Interna1onal
Conference
on
HCI,
San
Diego,
USA,
2009

51. “
In
terms
of
interac2on
aesthe2cs,
mæve
strikes
a
delicate
balance
between
pliability
and
autonomy
that
makes
for
an
enchan2ng
user
experience.
Bardzell,
J.,
Bolter,
J.,
Löwgren,
J.
Interac(on
Cri(cism:
Three
Readings
of
an
Interac(on
Design,
and
What
They
Get
Us.
In
ACM
InteracCons,
XVII.2
–
March
/
April,
2010

52. Venice
Unfolding
Enabling
ci1zens
to
par1cipate
in
urban
planning

53. Urban
transforma1on
of
the
City
of
Venice
•
116
architectural
projects
•
Metadata
and
media
files
•
Selected
terms
from
an
architecture
taxonomy

54. Interac1ve
tabletop
Jula
Lakritz,
Nadine
Patzig,
Stefan
Rechsteiner,
Mar1n
Schissler,
Stephan
Thiel

55. Map
of
Vene1an
region

56. Polyhedron
to
explore
faceted
data

58. Unfolded
data
object
Selec1on
of
filter
„architect“
Interaktive Installation »mæve«
Entries
of
the
selected
facet
Selec1on
of
an
item

59. Display
of
facets

60. Tilt
to
select
facet

61. Rotate
to
select
term

62. Lock
term
to
highlight
matching
results

63. Video:
Venice
Unfolding
hBp://vimeo.com/11526474

64. Browse
through
media
files

65. Browse
through
background
informa1on
Nagel,
T.,
Heidmann,
F.,
CondoWa,
M.,
Duval,
E.
Venice
Unfolding:
A
Tangible
User
Interface
for
Exploring
FaceOed
Data
in
a
Geographical
Context.
In
Proceedings
of
the
6th
Nordic
Conference
on
Human-­‐
Computer
Interac1on
(NordiCHI
10),
Reykjavik,
Iceland,
2010

66. Eye-­‐tracking
study
Sabine
Richter,
≈Sebas1an
Schwinkendorf

67. hWp://idl.m-­‐potsdam.de/projects/venice-­‐unfolding/

68. Muse
Visualizing
the
origins
and
connec1ons
of
ins1tu1ons
based
on
co-­‐authorship
of
publica1ons

69. Muse
Visualizing
Scien1fic
Collabora1on

70. Muse
Visualizing
Scien1fic
Collabora1on

71. Muse
Visualizing
Scien1fic
Collabora1on

72. Pan
Interac1ons
Rotate
Select

73. Hints
for
non-­‐obvious
interac1ons

74. Muse
Visualizing
Scien1fic
Collabora1on
Nagel,
T.,
Duval,
E.
Muse:
Visualizing
the
origins
and
connec2ons
of
ins2tu2ons
based
on
co-­‐authorship
of
publica2ons.
Science2.0
for
TEL
workshop
at
EC-­‐TEL
2010,
Barcelona,
Spain

75. Student
projects

76. Angst
Map
S.
Hermann,
L.
Teuteberg,
P.
La
Baume,
M.
Elverfeldt,
C.
Steinlehner

77. Mul1touch
Disaster
Management

78. Mul1touch
Disaster
Management

79. Sabine
Richter,
Felix
Lange,
Peter
Sekan,
Fabian
Morón
Zirfas
79

80. lit.
Loca1on
based
literary
research

81. lit.
hWp://lit.sebas1anmeier.eu/

84. Jan-­‐Erik
Stange
and
Sebas1an
Meier

85. GeoVis
Design
PaWern

87. GeoViz
Design
PaWerns
hWp://geo.paWernbrowser.org

88. hWp://geo.paWernbrowser.org

89. Pschetz,
L.
Deiml-­‐Seibt,
T.,
Behrens,
C.,
Heidmann,
F.
Employing
Design
PaOerns
for
Geovisualiza2on.
GeoViz
Workshop,
Hamburg
2009

90. Summary
•
Opening
to
a
broader
community
•
Ease
access
by
offering
novel
interacCons
•
Engage
with
aestheCcal
pleasing
visualizaCons
•
Evaluate
with
working
prototypes
•
Describe
and
classify
paBerns

91. Thank
you!
Ques1ons?
hWp://idl.m-­‐potsdam.de
Till
Nagel,
FH
Potsdam,
12/2010
nagel@m-­‐potsdam.de
–
twiWer:
@1llnm