Embed Size (px)
DESCRIPTION
Now that we are comfortable developing and designing web content for desktop screens, just when we finally understood how to translate the web experience to mobile screens, there is a new challenge ahead of us. How do we develop and design web content when the physical environment becomes our canvas? While for a period there was (and largely still is) an emerging trend to stick a screen on everything (remember the Internet fridge), increasingly the smartphone is becoming our swiss army knife for information access. Constantly connected to the Internet, smartphones have literally made information available at our fingertips in more personalised and less obtrusive ways than embedded screens. With the arrival of new display technologies, like integrated personal projectors, we will be able (again) to design for a much larger content area. There is a danger though that this will be limited to marginal use cases, such as watching photos or movies, when in fact this opens up an entirely new and exciting design space. Drawing on the sensing power of smartphones, projected content could instead be designed to provide rich interaction and contextualised visualisation of information. The session will draw on research projects and visions of the future to sketch out the possibilities of this new design space, and how current web practices can be translated into a future where using the world as a canvas will change information visualisation and access all over again.
Citation preview
Martin Tomitsch (@martintom) | Design Lab (@syd_designlab) | The University of Sydney
Using the world as a canvas
Design Lab
Foster design as a means of knowledge production in its own right.
Study of the world the way it could be through the creation and interrogation of the “designed” world.
Design Lab
Bachelor in Design Computing
Master in Interaction Design and Electronic Arts
Design Lab
Bachelor in Design Computing
Master in Interaction Design and Electronic Arts
Bachelor in Design Computing
Design Lab
Master in Interaction Design and Electronic Arts
Weaving digital information into physical space
Weaving digital information into physical spacehttp://neighbourhoodscoreboards.com
Weaving digital information into physical spacehttp://neighbourhoodscoreboards.com
THAN YESTERDAY
MON TUE WED THU FRI SAT SUN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 29
30
31
28
neighbourhood
... and 5 % more than LASt WEEK
house
2,49 a m
THAN YESTERDAY
MON TUE WED THU FRI SAT SUN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 29
30
31
28
house
2,49 a m
and 5 % more thanLAStWEEK
NBHDhouse
http://neighbourhoodscoreboards.com
THAN YESTERDAY
MON TUE WED THU FRI SAT SUN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 29
30
31
28
neighbourhood
... and 5 % more than LASt WEEK
house
2,49 a mTHAN YESTERDAY
MON TUE WED THU FRI SAT SUN
house
2,49 a m
and 5 % more thanLAStWEEK
NBHDhouse
http://neighbourhoodscoreboards.com
“...ubiquitous computing will help overcome the problem of information overload. There is more information at our fingertips during a walk in the woods than in any computer system, yet people find a walk among trees relaxing and computers frustrating.
Machines that fit the human environment instead of forcing humans to enter theirs will make using a computer as refreshing as a walk in the woods.”
Mark Weiser – The Computer for the 21st Century, 1991
The Dangling String (Natalie Jeremijenko, 1995)
Strong & Gaver, 1996
Brave & Dahley, 1997 Patel & Agamanolis, 2003
Ambient display
Augmented reality: Nearest Tube
Silje Johansen (M.IDEA Honours project, 2010)
Envisioning interactions in the home of the future (University of Washington and Intel)
The social web of things (Ericcson) – http://www.youtube.com/watch?v=i5AuzQXBsG4
Envisioning the future of computing in 2020 (Frog Design)
The Augmented City (Keiichi Matsuda) – http://www.youtube.com/watch?v=3TL80ScTLlM
Browser > Distributed screens > Portable projectors
Everyone can design, everyone can broadcast
Specialised designers vs consumers
Everyone can design, everyone can broadcast (in the physical world too)
MotionBeam (Karl D D Willis, Disney Research) – http://www.youtube.com/watch?v=fs13WSQ8WMg
3D facade projections – http://www.youtube.com/watch?v=gMymmkwkdfY
http://www.engadget.com/2010/12/20/disneys-plan-for-interactive-cakes-revealed-in-patent-applica/
Oliver Dawson (Design Computing Honours project, 2011)
Oliver Dawson (Design Computing Honours project, 2011)
Augmented architecture
Mandy Leung (Design Computing Honours project, 2010)
Personal projection
Hanley Weng (Advanced Interaction Design, 2010)
Spatial–visual displays
Challenges
Common visual language
Content visualisation on architectural surfaces
Spatial use context
Dynamic content management in physical environments
Augmented (hyper) reality (Keiichi Matsuda) – http://www.youtube.com/watch?v=fSfKlCmYcLc
Key points
New design parameters
Environmental sensing
Broadcasting permissions
Outlook
Technology is still in a prototyping stage
Need for a better understanding of how to design
Need for development of new standards
Image credits
Slide 01: Facebook visualisation by Mandy Leung (Honours project, Design Computing, 2010 @ Sydney Uni)Slide 05: Projects by Design Computing and IDEA studentsSlide 09 & 10: Mockups by Monika HoinkisSlide 11: Source neededSlide 12: Inspired by Timo Arnal’s work using dotted circles to show hidden informationSlide 14: Dangling String – http://nano.xerox.com/weiser/calmtech/calmtech.htm Slide 16: Ambient Orb – http://www.ambientdevices.com/cat/images/greenorb_withchair.jpgSlide 17: http://www.flickr.com/photos/io_burn/102011303/ Slide 18: http://www.flickr.com/photos/samanthabennett/4928758762/ Slide 19: http://www.flickr.com/photos/timo/2851436/ Slide 20: Source neededSlide 21: http://www.coroflot.com/grusk/profileSlide 23: SPOTS by Realities United – http://www.realu.de/spots/ Slide 25: Thermometer: http://www.flickr.com/photos/ettlz/2439082877/; Weather station http://www.flickr.com/photos/beaugiles/5203404689/Slide 26: Analog: http://www.flickr.com/photos/dhilowitz/3347129559/; Digital: http://www.flickr.com/photos/sudama/307638010/Slide 27: Weather http://www.flickr.com/photos/halans/1523867884/; Alarm http://www.flickr.com/photos/suhajdab/3639811654/Slide 28: Sony Dash internet radio http://www.ces-show.com/0408/sony/audio/internet-radio/Slide 30: http://www.flickr.com/photos/calotype46/5626323649/
Image credits
Slide 31: Acrossair Nearest Tube – http://www.flickr.com/photos/magnus_d/3955642296/ Slide 32: Silje Johansen (M.IDEA Honours project, 2010)Slide 33: http://depts.washington.edu/ixd/blog/2009/12/20/intel-envisioning-interactions-in-the-home-of-the-future/Slide 34: The social web of things (Ericcson) – http://www.youtube.com/watch?v=i5AuzQXBsG4 Slide 35: http://infosthetics.com/archives/2010/05/the_future_of_data_overload_as_envisioned_for_2020.html Slide 36: The Augmented City (Keiichi Matsuda) – http://www.youtube.com/watch?v=3TL80ScTLlM Slide 37: http://www.flickr.com/photos/curiouslee/3948736279/; http://www.flickr.com/photos/nanpalmero/2496464034/Slide 39: MotionBeam (Karl D D Willis, Disney Research) – http://www.youtube.com/watch?v=fs13WSQ8WMg Slide 40: http://www.flickr.com/photos/bigcrow/3191385611/Slide 41: MotiomBeam – http://www.youtube.com/watch?v=fs13WSQ8WMgSlide 42: http://www.youtube.com/watch?v=gMymmkwkdfY Slide 43: http://www.engadget.com/2010/12/20/disneys-plan-for-interactive-cakes-revealed-in-patent-applica/ Slide 44 & 45: Oliver Dawson (Design Computing Honours project, 2011)Slide 46: Mandy Leung (Design Computing Honours project, 2010)Slide 47: Hanley Weng (Advanced Interaction Design, 2010)Slide 50: http://www.webpagesthatsuck.com/over-the-top-web-sites.htmlSlide 51: Augmented (hyper) reality (Keiichi Matsuda) – http://www.youtube.com/watch?v=fSfKlCmYcLc
Martin Tomitsch@martintom
The University of SydneyDesign Lab
Thanks to my talented students:
Oliver DawsonSilje JohansenMandy LeungHanley Weng
And everyone involved in the Design Lab exhibition
