sheraz khan: examples and themes in online interactive mapping: data, design and user experience...

Upload: urbandigitaltoronto

Post on 03-Apr-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    1/41

    Examples and themes in online

    interactive mapping: Data, design

    and user experience

    Sheraz Khan

    Open Data DayFeb 23, 2013

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    2/41

    Maps

    Use a variety of spatial data sources

    to

    Serve a variety of purposes

    MapData Purpose

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    3/41

    Web maps

    Use spatial data to serve purposes

    designed on

    The Internet

    MapData Purpose

    The Internet

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    4/41

    Designing for the Internet

    Uses new data sources

    Produces new purposes

    Engages new users

    MapData Purpose

    The Internet

    Data

    Data Purpose

    Purpose

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    5/41

    The data:

    Open and free data

    Crowdsourcing

    Digitized media (maps, photographs etc.)

    Real-time data

    Access to information requests

    Personally acquired data

    Scientific models/algorithms

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    6/41

    TTC bus-trackers

    Open Crowdsourced Digitized Real-Time

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    7/41

    TTC Real-Time Next

    Vehicle Arrival

    (NVAS):

    XML feed ontoronto.ca/open

    Sources: https://itunes.apple.com/ca/app/rocket-man-ttc-streetcar-bus/id421781409?mt=8

    https://play.google.com/store/apps/details?id=com.ttctracker.activity&feature=related_apps#?t=W251bGwsMSwyLDEwOS

    wiY29tLnR0Y3RyYWNrZXIuYWN0aXZpdHkiXQ..

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    8/41

    Open Crowdsourced Digitized Real-Time

    The DemocraCity Project

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    9/41Source: http://thedemocracityproject.org

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    10/41

    Open Crowdsourced Digitized Real-Time

    WhatWasThere

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    11/41Source: http://www.whatwasthere.com

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    12/41

    Open Crowdsourced Digitized Real-Time

    The 1 Million Tweet Map

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    13/41Source: http://onemilliontweetmap.com/

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    14/41

    The purpose:

    Service

    Analysis

    Data collection

    Engagement

    Informing

    Art

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    15/41

    Service Analysis Collection Engagement

    Hailo

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    16/41Source: https://www.hailocab.com/toronto

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    17/41

    Service Analysis Collection Engagement

    Save the Rain

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    18/41Source: http://www.save-the-rain.com/SR2/#

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    19/41

    Service Analysis Collection Engagement

    Toronto Sound Map

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    20/41

    Source: http://torontosoundmap.com/index.php

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    21/41

    Service Analysis Collection Engagement

    Rebuild Your Community

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    22/41Source: http://www.rebuildyourcommunity.com/map.aspx

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    23/41

    The Lesson?

    Design with the medium in mind

    Do something for people

    Open data may not be on a data portal

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    24/41

    More? Blogs.

    Visualizing Urban Futures - My blog http://visualizingurbanfutures.wordpress.com

    Flowing Data http://flowingdata.com/

    Google Maps Mania

    http://googlemapsmania.blogspot.com/

    Information is Beautiful http://www.informationisbeautiful.net/

    http://visualizingurbanfutures.wordpress.com/http://flowingdata.com/http://googlemapsmania.blogspot.com/http://www.informationisbeautiful.net/http://www.informationisbeautiful.net/http://www.informationisbeautiful.net/http://googlemapsmania.blogspot.com/http://googlemapsmania.blogspot.com/http://flowingdata.com/http://flowingdata.com/http://visualizingurbanfutures.wordpress.com/
  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    25/41

    Questions?

    Follow me:

    @futuresurban

    Presentation at:

    http://visualizingurbanfutures.wordpress.com/presentations

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    26/41

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    27/41

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    28/41

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    29/41

    Extra Material

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    30/41

    Who else is making maps about

    Toronto?

    The City

    Individuals

    Startups Journalists

    Non-profits

    Community groups

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    31/41

    The medium:

    Web

    Networked

    Easily sharable

    Open/public

    Widely accessible

    Editable/responsive

    Mobile

    Print/Digital

    Local

    Difficult to share

    Restricted/experts

    Less accessible

    Permanent/static

    Not mobile

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    32/41

    Source: http://www.reykjavikcentermap.com/

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    33/41

    Source: www.myttc.ca

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    34/41

    Active Building Permits available on toronto.ca/open

    Source: http://torontocentreplan.org/

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    35/41

    Source: http://www3.thestar.com/static/googlemaps/yorkse_map.html

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    36/41

    Source: http://thestar.blogs.com/maps/2009/12/dog-ownership-redux.html

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    37/41

    Source: http://map.toronto.ca/maps/map.jsp?app=TO_INview2013

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    38/41

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    39/41

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    40/41

  • 7/28/2019 Sheraz Khan: Examples and themes in online interactive mapping: Data, design and user experience (Open Data Day 2013 Toronto)

    41/41

    The past

    Hand drawn

    Print

    Mid 1900s

    GIS

    digital

    2000s

    Google , MapQuest etc.

    networked