Unfolding Data - Interaction Design for Visualizations of Geospatial Data

2,211 views

Published on

Talk at University of Potsdam, PROGRESS research group

Published in: Design
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,211
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Unfolding Data - Interaction Design for Visualizations of Geospatial Data

  1. 1. Unfolding  Data  Interac1on  Design  for  Visualiza1ons  of  Geospa1al  Data  PROGRESS  colloquium,  Uni  Potsdam   Till  Nagel,  FH  Potsdam,  12/2010  
  2. 2. Overview   •   Interface  Design  at  FH  Potsdam   •   Cartography  for  a  broader  audience   •   Natural  User  Interfaces   •   Projects  and  examples   •   GeoVis  Design  PaBerns  
  3. 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. 4. Virtual  Water   Timm  Kekeritz  
  5. 5. Jan  Gohlke,  Chris1an  Hertlein  
  6. 6. Ars  Electronica  2007  
  7. 7. Fritzing  –  Tools  for  Physical  Interac1on  Design  
  8. 8. Fritzing  Workshop   TEI  Conference  2010  
  9. 9. Tsunami  Early  warning  system  
  10. 10. Tsunami  Early  warning  system  
  11. 11. Neogeography  
  12. 12. handmaps.org  
  13. 13. “   […]  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  
  14. 14. Flickr  Map  
  15. 15. TwiWer  Live  Map:  Castor  2010  
  16. 16. Oakland  crimespoZng   Stamen,  2009  
  17. 17. Just  landed   Jer  Thorp,  2009  
  18. 18. The  World’s  Eyes   MIT  Senseable  City  Lab,  2008  
  19. 19. Data  Visualiza1on  
  20. 20. “   The  use  of  computer-­‐generated,  interac2ve,   visual  representa2ons  of  data  to  amplify   cogni2on.   Card,  Mackinlay,  Shneiderman  
  21. 21. Well  formed  Eigenfactor   Moritz  Stefaner,  2008  
  22. 22. 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  
  23. 23. Natural  User  Interface  
  24. 24. Computer’s  image  of  human  beings   Dan  O‘Sullivan  and  Tom  Igoe,  Physical  CompuCng,  2004  
  25. 25. “   If  you  can  only  manipulate  one  point   […]  you  are  restricted  to  the  gestural   vocabulary  of  a  fruit  fly.   Bill  Buxton  
  26. 26. Large-­‐scale  mul1touch  displays   Point  of  Informa1on,  FH  Potsdam,  2010  
  27. 27. Point  of  Informa1on,  FH  Potsdam,  2010  
  28. 28. DTLens   Forlines,  Shen,  2005  
  29. 29. Magic  Wall   CNN  &  Percep1ve  Pixel,  2008  
  30. 30. mæve  Tangible  visualiza1on  for  architectural  contents  
  31. 31. MACE  MapWidget:  Edit  in  Place  
  32. 32. Faceted  Search  
  33. 33. Prototyping  
  34. 34. hWp://portal.mace-­‐project.eu/maeve  
  35. 35. mæve     Venice  Biennale  of  Architecture,  2008   hWp://portal.mace-­‐project.eu/maeve  
  36. 36. mæve   FH  Potsdam,  2008  
  37. 37. 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  
  38. 38. “   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  
  39. 39. Venice  Unfolding  Enabling  ci1zens  to  par1cipate  in  urban  planning  
  40. 40. Urban  transforma1on  of  the  City  of  Venice   •   116  architectural  projects   •   Metadata  and  media  files   •   Selected  terms  from  an  architecture  taxonomy  
  41. 41. Interac1ve  tabletop   Jula  Lakritz,  Nadine  Patzig,   Stefan  Rechsteiner,  Mar1n   Schissler,  Stephan  Thiel  
  42. 42. Map  of  Vene1an  region  
  43. 43. Polyhedron  to  explore  faceted  data  
  44. 44. Unfolded  data  object   Selec1on  of  filter  „architect“   Interaktive Installation »mæve«Entries  of  the  selected  facet   Selec1on  of  an  item  
  45. 45. Display  of  facets  
  46. 46. Tilt  to  select  facet  
  47. 47. Rotate  to  select  term  
  48. 48. Lock  term  to  highlight  matching  results  
  49. 49. Video:  Venice  Unfolding   hBp://vimeo.com/11526474  
  50. 50. Browse  through  media  files  
  51. 51. 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  
  52. 52. Eye-­‐tracking  study   Sabine  Richter,   ≈Sebas1an  Schwinkendorf  
  53. 53. hWp://idl.m-­‐potsdam.de/projects/venice-­‐unfolding/  
  54. 54. Muse  Visualizing  the  origins  and  connec1ons  of  ins1tu1ons  based  on  co-­‐authorship  of  publica1ons  
  55. 55. Muse   Visualizing  Scien1fic  Collabora1on    
  56. 56. Muse   Visualizing  Scien1fic  Collabora1on    
  57. 57. Muse   Visualizing  Scien1fic  Collabora1on    
  58. 58. Pan   Interac1ons  Rotate   Select  
  59. 59. Hints  for  non-­‐obvious  interac1ons  
  60. 60. 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  
  61. 61. Student  projects  
  62. 62. Angst  Map   S.  Hermann,  L.  Teuteberg,  P.  La  Baume,   M.  Elverfeldt,  C.  Steinlehner  
  63. 63. Mul1touch  Disaster  Management  
  64. 64. Mul1touch  Disaster  Management  
  65. 65. Sabine  Richter,  Felix  Lange,  Peter  Sekan,   Fabian  Morón  Zirfas  79
  66. 66. lit.   Loca1on  based  literary  research  
  67. 67. lit.   hWp://lit.sebas1anmeier.eu/  
  68. 68. Jan-­‐Erik  Stange  and  Sebas1an  Meier  
  69. 69. GeoVis  Design  PaWern  
  70. 70. GeoViz  Design  PaWerns   hWp://geo.paWernbrowser.org  
  71. 71. hWp://geo.paWernbrowser.org  
  72. 72. Pschetz,  L.  Deiml-­‐Seibt,  T.,  Behrens,  C.,  Heidmann,  F.  Employing  Design  PaOerns  for  Geovisualiza2on.  GeoViz  Workshop,  Hamburg  2009  
  73. 73. 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  
  74. 74. Thank  you!  Ques1ons?  hWp://idl.m-­‐potsdam.de   Till  Nagel,  FH  Potsdam,  12/2010   nagel@m-­‐potsdam.de    –    twiWer:  @1llnm  

×