using the world as a canvas

Report

Post on 19-Oct-2014

3.234 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

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.

TRANSCRIPT

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

top related

data appliance 2022 world canvas contributors (light
Documents
apex code analysis using the tooling api and canvas
Technology
using eportfolios in canvas - university of nebraska...
Documents
automating canvas applications using selenium
Technology
using the viewer canvas (2.0.0) 6/26/2014 12 using the...
Documents
using the business model canvas
Business
creating awesome value proposition using value proposition...
Business
using canvas to change the world: the lms as portal to...
Education
visualizing economic data using perl and html5's canvas
Documents
using the media recording tool in canvas
Documents
using the business model canvas for social enterprise design
Documents
data visualisation using html5 canvas
Technology
integrating web apps with canvas - salesforce1 world tour
Technology
business model canvas part 1: understanding & using the bmc
Business
using canvas peer review for group peer evaluations
Documents
using voicethread in canvas voicethread in canvas... ·...
Documents
graphics. 2d graphics using imageview canvas ...
Documents
integrating a node.js app using force.com canvas
Technology
from homebuilt to canvas trenches lessons from the...
Documents
the world is canvas
Documents