![Page 1: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/1.jpg)
Designing the city as interface & the interface to the city
Martin Tomitsch@martintom
![Page 2: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/2.jpg)
Bachelor of Design Computing
Master in Interaction Design and Electronic Artshttp://sydney.edu.au/architecture/programs_of_study/postgraduate/IDEA.shtm
http://sydney.edu.au/architecture/programs_of_study/undergraduate/design_computing/
![Page 3: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/3.jpg)
![Page 4: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/4.jpg)
![Page 5: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/5.jpg)
Situated computing illustration by Rune Nielsen, Kollision
![Page 6: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/6.jpg)
Crowded train in India | video from: http://www.youtube.com/watch?v=XtpEXgtOcwY
![Page 7: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/7.jpg)
scale design parameters
![Page 8: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/8.jpg)
TripStats mobile app by Tamara Chahine | Design Computing class, 2010
![Page 9: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/9.jpg)
Tra!c Light Pong | Still taken from: http://www.youtube.com/watch?v=C3Ozz6_pdMI
![Page 10: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/10.jpg)
Public Interactive Display at the University of Sydney | http://chai.it.usyd.edu.au/Projects/Mediawall
![Page 11: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/11.jpg)
Image by Tcc8 | http://commons.wikimedia.org/wiki/File:Federation_square_melbourne.jpg
![Page 12: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/12.jpg)
Blinkenlight, Berlin, 2001 | Image by Thomas Fiedler
![Page 13: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/13.jpg)
Solstice LAMP, Vivid Sydney 2013 | Concept sketch by Sean Bryen
![Page 14: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/14.jpg)
Solstice LAMP, 2013 | Photo by Digital Pulse | http://www.amplifyfestival.com.au/solsticelamp
![Page 15: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/15.jpg)
scale | interaction models
![Page 16: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/16.jpg)
A. Streitz, C. Röcker, Th. Prante, R. Stenzel, D. van Alphen: Situated Interaction with Ambient Information: Facilitating Awareness and Communication in Ubiquitous Work Environments.
In: Proceedings of HCI International 2003.
![Page 17: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/17.jpg)
Vogel, D. and Balakrishnan, R.: Interactive public ambient displays: transitioning from implicit to explicit, public to personal, interaction with multiple users. In Proceedings of UIST 2004, ACM.
![Page 18: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/18.jpg)
Curious rituals http://curiousrituals.wordpress.com/
![Page 19: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/19.jpg)
scale | interaction models | users
![Page 20: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/20.jpg)
Image from: http://oceancity.shownbyphotos.com/Ocean_City-dorchester-street-pictures.html
![Page 21: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/21.jpg)
scale | interaction models | users | research & prototyping
![Page 22: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/22.jpg)
Urban probes | http://www.urban-atmospheres.net/UrbanProbes/
![Page 23: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/23.jpg)
Solstice LAMP, 2013 | Photo by Luke Hespanhol
![Page 24: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/24.jpg)
Neighbourhood Scoreboards | http://neighbourhoodscoreboards.com/
![Page 25: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/25.jpg)
Neighbourhood Scoreboards | http://neighbourhoodscoreboards.com/
![Page 26: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/26.jpg)
Neighbourhood Scoreboards | http://neighbourhoodscoreboards.com/
![Page 27: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/27.jpg)
Neighbourhood Scoreboards | http://neighbourhoodscoreboards.com/
![Page 28: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/28.jpg)
Urban interface studies
![Page 29: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/29.jpg)
TripStats mobile app by Tamara Chahine | Design Computing Honours project, 2011
![Page 30: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/30.jpg)
TripStats mobile app by Tamara Chahine | Design Computing Honours project, 2011
![Page 31: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/31.jpg)
Tamara Chahine 308186982
44
Figure 3.20: User input for bus arrival
Once each submission has been recorded and sent, the list of reports is refreshed to provide
feedback for the newly added information.
3.6.6 Bus route histories
Data that is being collected by the application is also shown in other configurations. In this feature, users can view a historical ‘profile’ of the behaviour of certain buses. While recent reports can be
useful in the short term, this information was intended to be used for making travel decisions in the
long-term. First, a series of rankings for each bus in Sydney was aggregated under three categories - (1) Fullness (2) Lateness and (3) Bus arrival (or lack thereof).
TripStats mobile app by Tamara Chahine | Design Computing Honours project, 2011
![Page 32: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/32.jpg)
TripStats mobile app by Tamara Chahine | Design Computing Honours project, 2011
![Page 33: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/33.jpg)
![Page 34: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/34.jpg)
Video by Tobias Ebsen | https://vimeo.com/78236205
![Page 35: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/35.jpg)
![Page 36: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/36.jpg)
A N I M A T E D I C O N S
L A S T 7 D A Y S : U S E R S C R E E N O P T I O N S
▶ ▶
▶ ▶
O P T I O N 1 : A b s o l u t e c o n s u m p t i o n ( c o n s e c u t i v e s c r e e n s ) :
O P T I O N 2 : P e r c e n t a g e o f r e l a t i v e c h a n g e ( c o n s e c u t i v e s c r e e n s ) :
O P T I O N 3 : V i s u a l c o m p a r i s o n o f r e l a t i v e c h a n g e ( c o n s e c u t i v e s c r e e n s )
O P T I O N 4 : C u r r e n t r a n k i n g ( c o n s e c u t i v e s c r e e n s )
▶ ▶ ▶
▶ ▶ ▶
o r
A L T E R N A T E D I S P L A Y O P T I O N S
![Page 37: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/37.jpg)
City of Sound (Dan Hill) http://www.cityofsound.com/
Urban Interaction Design http://urbanixd.eu/
Media Architecture Blog http://www.mediaarchitecture.org/blog/
Smart Cities: Big Data. Civic Hackers, and the Quest for a New Utopia (Anthony Townsend)
Against the Smart City (Adam Green!eld) GRADUATE CERTIFICATEINTERACTION DESIGN AND ELECTRONIC ARTS
FACULTY OFARCHITECTUREDESIGN & PLANNING
URBAN INFORMATICS
Introduction: DR LIAN LOKE Director, Interaction Design + Electronic Arts Program
The IDEA program trains you to push the boundaries of contemporary design practice, through its unique blend of design thinking, human-computer interaction and emergent technologies.
A studio-based teaching environment challenges you to critically engage with the human experience of a computationally enhanced world and to collaborate in creating innovative design solutions exploring new interactive forms and expressions.
You will work closely with leading researchers to embed computational possibilities into our physical world - blending the digital and the real. Graduates of this program are equipped with strategies and tools for designing and building creative applications of technology that have the potential to transform and shape the world.
Cover Illustration, Rune Nielsen, Kollision, 2013
DESIGNING THE DIGITAL CITY
![Page 38: Designing the city as interface & the interface to the city](https://reader034.vdocument.in/reader034/viewer/2022051411/546312c6af7959ba618b4ec8/html5/thumbnails/38.jpg)
Image credits & sources
Situated computing illustration by Rune Nielsen, KollisionTripStats train app by Tamara ChahineCrazy crowded train in India video from: http://www.youtube.com/watch?v=XtpEXgtOcwY Tra"c Light Pong still taken from: http://www.youtube.com/watch?v=C3Ozz6_pdMIFederation Square: http://commons.wikimedia.org/wiki/File:Federation_square_melbourne.jpgSolstice LAMP photo by Digital PulseImage taken from: A. Streitz, C. Röcker, Th. Prante, R. Stenzel, D. van Alphen (2003), Situated Interaction
with Ambient Information: Facilitating Awareness and Communication in Ubiquitous Work Environments. In: Tenth International Conference on Human-Computer Interaction (HCI International 2003), June 22-27, 2003.
Image taken from: Vogel, D. and Balakrishnan, R. (2004), Interactive public ambient displays: transitioning from implicit to explicit, public to personal, interaction with multiple users. In Proceedings of the 17th Annual ACM Symposium on User interface Software and Technology (Santa Fe, NM, USA, October 24 – 27, 2004). UIST ’04. ACM, New York, NY, 137-146.
Curious rituals http://curiousrituals.wordpress.com/City people from: http://oceancity.shownbyphotos.com/Ocean_City-dorchester-street-pictures.html
Martin Tomitsch@martintom