sheraz khan: examples and themes in online interactive mapping: data, design and user experience...
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