Unfolding Data - Interaction Design for Visualizations of Geospatial Data
7 likes2,745 views
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.
![“
[…]
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](https://image.slidesharecdn.com/101213nagelunfoldingdata-110120070011-phpapp02/85/Unfolding-Data-Interaction-Design-for-Visualizations-of-Geospatial-Data-14-320.jpg)
![“
If
you
can
only
manipulate
one
point
[…]
you
are
restricted
to
the
gestural
vocabulary
of
a
fruit
fly.
Bill
Buxton](https://image.slidesharecdn.com/101213nagelunfoldingdata-110120070011-phpapp02/85/Unfolding-Data-Interaction-Design-for-Visualizations-of-Geospatial-Data-27-320.jpg)
Unfolding Data - Interaction Design for Visualizations of Geospatial Data
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 87. GeoViz Design PaWerns 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