• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Using the world as a canvas
 

Using the world as a canvas

on

  • 3,198 views

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 ...

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.

Statistics

Views

Total Views
3,198
Views on SlideShare
598
Embed Views
2,600

Actions

Likes
1
Downloads
7
Comments
0

2 Embeds 2,600

http://www.webdirections.org 2598
http://translate.googleusercontent.com 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Using the world as a canvas Using the world as a canvas Presentation Transcript

    • Using the world as a canvasMartin Tomitsch (@martintom) | Design Lab (@syd_designlab) | The University of Sydney
    • Foster design as a means of knowledgeproduction in its own right.Study of the world the way it could be through thecreation and interrogation of the “designed” world. Design Lab
    • Bachelor in Design ComputingMaster in Interaction Design and Electronic Arts Design Lab
    • Bachelor in Design ComputingMaster in Interaction Design and Electronic Arts Design Lab
    • Bachelor in Design ComputingMaster in Interaction Design and Electronic Arts Design Lab
    • Weaving digital information into physical space
    • Weaving digital information into physical space http://neighbourhoodscoreboards.com
    • Weaving digital information into physical space http://neighbourhoodscoreboards.com
    • 1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 24 1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 , ... and 5 % more than 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 THAN YESTERDAY 24 and 5 % more LASt WEEK , THAN YESTERDAY than LASt WEEK house 9am house neighbourhood MON TUE WED THU FRI SAT SUNhouse NBHD 9am MON TUE WED THU FRI SAT SUN http://neighbourhoodscoreboards.com
    • 1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 ouse 24 , 9am THAN YESTERDAY ... and 5 % more than LASt WEEKrhood MON TUE WED THU FRI SAT SUN http://neighbourhoodscoreboards.com
    • “...ubiquitous computing will help overcome the problem ofinformation overload. There is more information at ourfingertips during a walk in the woods than in any computersystem, yet people find a walk among trees relaxing andcomputers frustrating.Machines that fit the human environment instead of forcinghumans to enter theirs will make using a computer asrefreshing as a walk in the woods.” Mark Weiser – The Computer for the 21st Century, 1991
    • The Dangling String (Natalie Jeremijenko, 1995)
    • Strong & Gaver, 1996Brave & 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
    • Everyone can design, everyone can broadcastSpecialised designers vs consumersEveryone can design, everyone can broadcast (in thephysical world too) Browser > Distributed screens > Portable projectors
    • 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)
    • Augmented architectureOliver Dawson (Design Computing Honours project, 2011)
    • Personal projectionMandy Leung (Design Computing Honours project, 2010)
    • Spatial–visual displaysHanley Weng (Advanced Interaction Design, 2010)
    • Common visual languageContent visualisation on architectural surfacesSpatial use contextDynamic content management in physical environments Challenges
    • Augmented (hyper) reality (Keiichi Matsuda) – http://www.youtube.com/watch?v=fSfKlCmYcLc
    • New design parametersEnvironmental sensingBroadcasting permissions Key points
    • Technology is still in a prototyping stageNeed for a better understanding of how to designNeed for development of new standards Outlook
    • Image creditsSlide 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.htmSlide 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 creditsSlide 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=i5AuzQXBsG4Slide 35: http://infosthetics.com/archives/2010/05/the_future_of_data_overload_as_envisioned_for_2020.htmlSlide 36: The Augmented City (Keiichi Matsuda) – http://www.youtube.com/watch?v=3TL80ScTLlMSlide 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=fs13WSQ8WMgSlide 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=gMymmkwkdfYSlide 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 Sydney Design Lab Thanks to my talented students: Oliver Dawson Silje Johansen Mandy Leung Hanley WengAnd everyone involved in the Design Lab exhibition