Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introducing MapStudy

132 views

Published on

NACIS 2016 Presentation
Carl Sack, UW-Madison
Robert E. Roth, UW-Madison
Kristen Vincent, UW-Madison
What is MapStudy? Simply put, it's a platform that aims to empower the next generation of scientific cartography experiments. Have you ever wanted to test whether a certain type of map, certain visual variables, certain interactions, or certain data are better for particular purposes? MapStudy makes it easy! This talk will cover what MapStudy can do for you, how to set it up, and what lies ahead for the project. You don't have to wait to use it though--go fork MapStudy on GitHub at github.com/uwcart/mapstudy now!

Published in: Design
  • Login to see the comments

  • Be the first to like this

Introducing MapStudy

  1. 1. Introducing MapStudy a survey design framework for 21st Century Cartography Carl M. Sack Kristen Vincent Robert E. Roth University of Wisconsin-Madison
  2. 2. MapStudy – NACIS 2016 The Skinny  What is MapStudy?  Why MapStudy?  Architecture  Dance Break  Setup  Case Study
  3. 3. MapStudy – NACIS 2016 MapStudy: What is it? “MapStudy is an integrated, modularized framework for the creation of survey applications designed to test cartographic design and interaction hypotheses in a modern web map environment.” –Documentation
  4. 4. MapStudy – NACIS 2016 MapStudy: What is it? “MapStudy is an integrated, modularized framework for the creation of survey applications designed to test cartographic design and interaction hypotheses in a modern web map environment.” –Documentation
  5. 5. MapStudy – NACIS 2016 Why MapStudy?  Do the same design principles apply to online maps?  What about UI/UX design for interactive web maps?
  6. 6. MapStudy – NACIS 2016 Architecture Manovich’s (2001) Five Principles of New Media: 1. Numerical Representation 2. Modularity 3. Automation 4. Variability 5. Transcoding
  7. 7. MapStudy – NACIS 2016 Architecture (yep, this figure is too large)
  8. 8. MapStudy – NACIS 2016 Window Sections
  9. 9. MapStudy – NACIS 2016 Window Sections header map questions footer
  10. 10. MapStudy – NACIS 2016 Pages
  11. 11. MapStudy – NACIS 2016 Pages
  12. 12. MapStudy – NACIS 2016 Map Library  Currently only Leaflet  Coming (soon?): D3, MapboxGL, image, REST service, iframe
  13. 13. MapStudy – NACIS 2016 Map Interactions
  14. 14. MapStudy – NACIS 2016 Map base layers  Layers that cannot be interacted with except to swap (if enabled)
  15. 15. MapStudy – NACIS 2016 Map data layers
  16. 16. MapStudy – NACIS 2016 Questions
  17. 17. MapStudy – NACIS 2016 Question Sets
  18. 18. MapStudy – NACIS 2016 Question Sets
  19. 19. MapStudy – NACIS 2016 Question Blocks
  20. 20. MapStudy – NACIS 2016 Question Inputs
  21. 21. MapStudy – NACIS 2016 Question Inputs
  22. 22. MapStudy – NACIS 2016 Question Inputs
  23. 23. MapStudy – NACIS 2016 Question Input Options and Items
  24. 24. MapStudy – NACIS 2016 Question Buttons
  25. 25. MapStudy – NACIS 2016 Question Timers Set
  26. 26. MapStudy – NACIS 2016 Question Timers Page
  27. 27. MapStudy – NACIS 2016 Conditions  Each user assigned a condition  Each condition defines a page order  Pages can be grouped and randomized  Condition weights determine frequency of assignment
  28. 28. MapStudy – NACIS 2016 Server Data Tables: Table Rows Columns Master Participants Participant ID, time last updated, question block/item labels, submission point timestamps Page Participants Participant ID, time last updated, question block/item labels, submission point timestamps Participant Question block/item Question label, question text, input answer
  29. 29. MapStudy – NACIS 2016 Server Interaction Tables: Table Rows Columns Master Participants Participant ID, interaction hit counts, interaction string Page Participants Participant ID, interaction hit counts, interaction string Participant Timestamps Interaction, page, set
  30. 30. MapStudy – NACIS 2016 Dance Break
  31. 31. MapStudy – NACIS 2016 Downloading and Installing
  32. 32. MapStudy – NACIS 2016 Configuration http://grad.geography.wisc.edu/cmsack/mapstudy/setup/
  33. 33. MapStudy – NACIS 2016 Configuration Files  GitHub Docs describe config files and list all config file options  Also includes links to setup and demo apps  github.com/uwcart/mapstudy
  34. 34. MapStudy – NACIS 2016 Case Study: MapStudy 1
  35. 35. MapStudy – NACIS 2016 Case Study: MapStudy 1  Designed to test different map techniques at two scales using fake Twitter data  Feedback so far:  Relatively easy to set up using setup app and docs  Picky about data formatting, attribute names  Requires some trial and error  Needs more documentation of possible hacks
  36. 36. MapStudy – NACIS 2016 Future Goals  Add and continue to update map libraries  Add additional interactions  Expand flexibility of questions  Build developer and user communities to give it legs
  37. 37. MapStudy – NACIS 2016 Thank you. Carl M. Sack – cmsack@wisc.edu Kristen Vincent – kvincent2@wisc.edu Robert E. Roth – reroth@wisc.edu University of Wisconsin-Madison A portion of this research was funded by NSF Grant #1555267

×