UrbanHeartbeat-PhaseII
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
URBAN
Urban
THE PLAN<br />
THE LATEST<br />
OUR PROCESS<br />
NEXT STEPS<br />
OUR TEAM
How do we design for all users ?<br />
THE PLAN / Guiding Questions<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
4
How do we design for all users ?<br />
citizens<br />
consumers<br />
THE PLAN / Guiding Questions<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
5
How do we design for real-time data ?<br />
THE PLAN / Guiding Questions<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
6
How do we design for real-time data ?<br />
generative information<br />
generative art<br />
information graphics<br />
THE PLAN / Guiding Questions<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
7
How do we design an interface<br />
for the urban scale ?<br />
THE PLAN / Guiding Questions<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
8
How do we design an interface<br />
for the urban scale ?<br />
embodied interactions<br />
information consumption<br />
THE PLAN / Guiding Questions<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
9
CITY AS<br />
INTERFACE<br />
generative data vis<br />
on an urban scale<br />
ONLOOKERS<br />
& PASSERSBY<br />
WELCOME<br />
explorative<br />
omniscience<br />
for all users<br />
THE PLAN / The Experience<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
10
IDLE<br />
VIEW / LISTEN<br />
RESPONSIVE<br />
INTERACTIVE HINTS<br />
INTERACTIVE<br />
ZOOM INTO DATA<br />
PROCESS / Proposed Interactive States<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
11
IDLE<br />
VIEW / LISTEN<br />
RESPONSIVE<br />
INTERACTIVE HINTS<br />
INTERACTIVE<br />
ZOOM INTO DATA<br />
#<br />
PROCESS / Realized States<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
12
THE PLAN<br />
THE LATEST<br />
OUR PROCESS<br />
NEXT STEPS<br />
OUR TEAM
SENSING • Real-time Data • APIs FILTERS • Clear Themes • Isolated comparisons<br />
GENERATIVE VIS • High-level • Harmonious • Indicators USER TESTING • Sizing • Wording<br />
DATA MINING • Tag Analysis • #HEREandNOW<br />
DATA<br />
• APIs<br />
OUR PROCESS / Features<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
14
DEMO<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
15
THE PLAN<br />
THE LATEST<br />
OUR PROCESS<br />
NEXT STEPS<br />
OUR TEAM
SENSE YOUR CITY<br />
swissnex SF<br />
DATACANVAS<br />
BOSTON<br />
GENEVA<br />
SHANGHAI<br />
SAN FRANCISCO<br />
SINGAPORE<br />
RIO DE JANEIRO<br />
BANGALORE<br />
OUR PROCESS / Phase One URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
17
OUR PROCESS / Phase Two: Street-Level<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
18
GRAY AREA & STAMEN<br />
CREATIVE CODE IMMERSIVE<br />
SUMMER INTENSIVE<br />
OUR PROCESS / From SF URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
19
Car data from Waze API<br />
Bus data from Next Bus API<br />
Train data from BART API<br />
Zoning information from SF Planning<br />
Scraped data from Craigslist, Trulia, etc.<br />
POI data from Factual<br />
Photos from Instagram<br />
Post from Twitter<br />
Check Ins from Foursquare<br />
Weather data from Weather Underground<br />
Environmental data from DIY Sensors at Stamen and Gray Area<br />
Variety of data from data.sfgov.org<br />
OUR PROCESS / Data Experiments<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
20
OUR PROCESS / Development Experiments<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
21
SCHOOL OF<br />
MACHINES,<br />
MAKING &<br />
MAKE-BELIEVE<br />
OUR PROCESS / From Berlin<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland 22
OUR PROCESS / Design Experiments<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
23
SATURATION<br />
HIGH SATURATION =<br />
MOST RECENT / LOCAL<br />
FRAMING<br />
SIMPLE THEME<br />
CUMULATIVE PROMPT<br />
COLOR<br />
CLEAR DUOTONE<br />
OR GRADIENT<br />
ANIMATED TRANSITIONS<br />
REVEALS AS PASSBY<br />
OUR PROCESS / Strategies<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
24
CIVIC TRANSIT DATA<br />
NextBus<br />
• Bus<br />
• Bart<br />
OUR PROCESS / Transit<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
26
EASY<br />
HARD<br />
OUR PROCESS / Transit<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
27
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
28
SITE SPECIFIC DATA<br />
Density<br />
• Census<br />
• SF Planning<br />
MOST ACTIVE<br />
SOCIAL DATA<br />
FourSquare<br />
Twitter<br />
Instagram<br />
OUR PROCESS / Space<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
29
EASY<br />
HARD<br />
OUR PROCESS / Space<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
30
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
31
ENVIRONMENTAL DATA<br />
Weather Underground<br />
• Temperature<br />
• Humidity<br />
OUR PROCESS / Weather<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
32
EASY<br />
HARD<br />
OUR PROCESS / Weather<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
33
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
34
“POLLING” DATA<br />
#HEREandNOW<br />
• Instagram<br />
• Twitter<br />
OUR PROCESS / Weather<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
35
THE PLAN<br />
THE LATEST<br />
OUR PROCESS<br />
NEXT STEPS<br />
OUR TEAM
POLLING DATA • Citizen Sensing • Hard to Capture Data RESPONSIVE STATE • Onsite Cameras • User Testing<br />
CUSTOM SENSORS<br />
• Cameras (Pesdestrians, cars, etc.)<br />
INTERACTIVITY • Touch • Zoom • Deep Level Reads<br />
EMBEDDED DISPLAYS<br />
<br />
GENERATIVE AUDIO <br />
<br />
NEXT STEPS / Goals<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
37
THE PLAN<br />
THE LATEST<br />
OUR PROCESS<br />
NEXT STEPS<br />
OUR TEAM
_<br />
STEVE<br />
PEPPLE<br />
Creative Code Fellow<br />
Development<br />
@stevepepple<br />
MANY THANKS GO OUT<br />
TO OUR MANY PARTNERS:<br />
Stamen<br />
Gray Area Foundation<br />
swissnex SF<br />
Presence<br />
<br />
_<br />
AURELIA<br />
FRIEDLAND<br />
Interacive Design<br />
& Research<br />
@AuFriedland<br />
OUR TEAM / Intros & Thanks<br />
URBANHEARTBEAT PHASE II<br />
Steve Pebble / Aurelia Friedland<br />
39