Designing for Sensors 
& the Future of Experiences
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Designing for Sensors 
& the Future of Experiences

on

  • 17,905 views

Are you ready for the next ten years? Wireframes and prototypes may not be enough. Jeremy will take you on a tour of what Design problems of the future look like, from designing for sensors to walls ...

Are you ready for the next ten years? Wireframes and prototypes may not be enough. Jeremy will take you on a tour of what Design problems of the future look like, from designing for sensors to walls of screens.

With the advent of sensor-based technology, we are designing more for gestures and voice commands. How do we interact in space without tactile feedback? How do we design for universal gestures?What does a future full of screens and software look like? When everything is an interface, and hardware disappears - and what are the tools and methods to tackle this design problems?

Statistics

Views

Total Views
17,905
Views on SlideShare
16,973
Embed Views
932

Actions

Likes
27
Downloads
511
Comments
2

17 Embeds 932

http://blog.donnyepp.com 313
http://techmaster.vn 276
http://www.conseilsmarketing.com 226
https://twitter.com 27
http://jeremyjohnsononline.com 26
http://www.tumblr.com 14
http://www.socialand.com 14
http://flavors.me 11
http://lanyrd.com 11
http://www.linkedin.com 5
https://www.linkedin.com 2
http://localhost 2
https://si0.twimg.com 1
http://www.onlydoo.com 1
http://feeds.feedburner.com 1
http://presentationdocs.playableitems.demobo.com 1
http://www.mefeedia.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

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

Designing for Sensors 
& the Future of Experiences Presentation Transcript

  • 1. Designing for Sensors *& the Future of Experiences@jeremyjohnson
  • 2. jeremy johnson
  • 3. jeremy johnson @jeremyjohnson
  • 4. FUTURE
  • 5. http://www.neatorama.com/2012/05/27/back-to-the-future-in-lego/
  • 6. futuristhttp://en.wikipedia.org/wiki/Bruce_Sterling
  • 7. “Design and Futurism are not the samething - design is a method of action andfuturism is a method of vision.” http://www.core77.com/blog/events/notes_from_bruce_sterling_at_cca_4659.asp
  • 8. Tablet?Phone? WTF?
  • 9. BACKER!
  • 10. My computer can see!
  • 11. My house has feelings.
  • 12. Bank in pocket
  • 13. Who did this?
  • 14. Designers
  • 15. YOU’VE PICKED THERIGHT CAREER PATH AMIRITE?
  • 16. “social media experts” Marketing Developers EngineersDesigners YOU Product owners
  • 17. YOU2012
  • 18. Design Thinking refers to the methods andprocesses for investigating ill-defined problems,acquiring information, analyzing knowledge, andpositing solutions in the design and planning fields.As a style of thinking, it is generally considered theability to combine empathy for the context of aproblem, creativity in the generation of insightsand solutions, and rationality to analyze and fitsolutions to the context. http://en.wikipedia.org/wiki/Design_thinking
  • 19. FREEtomorrow HERE 8pm
  • 20. AMIRITE?
  • 21. http://www.macrumors.com/2012/05/23/apple-design-chief-jonathan-ive-knighted-in-buckingham-palace/
  • 22. DESIGN
  • 23. UX
  • 24. http://uxdesignjobs.net/
  • 25. Its a Great Time toBe a Designer http://www.uie.com/events/ux_immersion/2012/
  • 26. “The pebble watch has raised oversix million dollars on Kickstarter. TheNest thermostat sold out its firstproduction run in a few days. Squareis using design to rethink the financeindustry. Mainstream businessmagazines are writing about the needfor designers.” - Jared Spool 2012 http://www.lukew.com/ff/entry.asp?1548
  • 27. “The pebble watch has raised oversix million dollars on Kickstarter. TheNest thermostat sold out its firstproduction run in a few days. Squareis using design to rethink the financeindustry. Mainstream businessmagazines are writing about the needfor designers.” - Jared Spool 2012 http://www.lukew.com/ff/entry.asp?1548
  • 28. “People at the boardroom and level are paying attentionthe value of design. Experience design is more missioncritical than ever before.”
  • 29. #OGhttp://plyojump.com/classes/internet_era.php
  • 30. #OGhttp://ffffound.com/image/9325691faffcca17f8fd28c0cc8c2386594ddfce
  • 31. hard
  • 32. Hardware Software
  • 33. http://www.clusterflock.org/2012/05/a-timeline-of-toronto-storefronts.html
  • 34. http://boingboing.net/2012/05/26/spacex-mission-control-vs-nas.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+boingboing%2FiBag+%28Boing+Boing%29
  • 35. UX desktop apps web apps RIAs mobile apps touch apps ??
  • 36. patent 8,179,604: http://www.stuff-review.com/2012-05/google-imagines-rings-for-hand-gesture-input-with-project-glass/
  • 37. Software HARDWARESensors
  • 38. AWESOME! Software HARDWARE Sensors
  • 39. Things are moving fast.
  • 40. Things are hard to predict.
  • 41. As Designers, we own this.
  • 42. Software trends
  • 43. “What I see is more and more software is getting integrated into hardware” - Steve Jobs 1980 LIKE A BOSS http://youtu.be/GfxxRKBgos8?t=17m
  • 44. Woz wrote, “To me, a personalcomputer should be small, reliable,convenient to use and inexpensive.”He wrote that in 1977 about a verydifferent machine, but that’s a perfectdescription of the iPad.http://daringfireball.net/linked/2012/05/25/inexpensive
  • 45. “everything is a screen”
  • 46. http://www.fastcodesign.com/1665827/microsoft-unleashes-the-kinect-and-promptly-misses-the-point
  • 47. skeuomorphismDIGITAL First? http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis
  • 48. “The innovation here is the fluidity ofexperience and focus on the data, withoutusing traditional user interface conventionsof windows and frames. Data becomes thevisual elements and controls. Simplegestures and transitions guide the userdeeper into content. A truly elegant andunique experience.”http://en.wikipedia.org/wiki/Metro_(design_language)
  • 49. http://venturebeat.com/2012/05/15/google-chrome-update-lets-you-share-tabs-across-devices/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Venturebeat+%28VentureBeat%29
  • 50. http://www.theverge.com/2012/5/29/3049493/futulele-ios-ukelele-app-price-video
  • 51. Sensor trends
  • 52. movement motion soundA sensor is a device which receives and responds to a signal. light touch temperature http://en.wikipedia.org/wiki/Sensor
  • 53. or?
  • 54. “everything is a Sensor”
  • 55. http://www.fastcodesign.com/1665827/microsoft-unleashes-the-kinect-and-promptly-misses-the-point
  • 56. UX Field trip @Initionhttps://twitter.com/search/%23uxfieldtripHeadquartered inShoreditch, east London,we are a pioneeringcreative 3D technologycompany.http://www.inition.co.uk/ https://twitter.com/alicenwondrlnd/status/207541130840125440
  • 57. http://cargocollective.com/jayse/Avengers
  • 58. http://www.useit.com/alertbox/kinect-gesture-ux.html
  • 59. 20 years lapsed between DougEngelbarts invention of themouse (1964) and the firstcommercially feasible mouse-based computer (the Mac in 1984).
  • 60. Interaction Choreographyby Senior Principal Design Technologist Jared FicklinUser interaction with technology is going above the glass. You no longer need anexplicit tool or even direct manipulation to drive a user interface. With the ability oftechnology, like the Microsoft Kinect, to see users’ movements in space, gesturesare being added to traditional methods in new layers of interaction. Designing forthis new layer of interaction requires new thinking about dexterity, ergonomics,and whether someone might feel silly or offensive with certain gestures. We areso involved in this space right now, that we’ve had to move our designtechnologists’ desks to create enough room for all the hand waving design.http://designmind.frogdesign.com/blog/frogs-2012-technology-trend-predictions.html
  • 61. Interaction Choreography?
  • 62. Designing for this newlayer of interactionrequires new thinkingabout dexterity,ergonomics, andwhether someone mightfeel silly or offensivewith certain gestures.
  • 63. 19 million
  • 64. INSI GHT SIG NERDE “Don’t try to figure out how to cram Kinect into an existing UI paradigm, instead design a UI paradigm that’s from the ground- up intended to exploit the Kinect’s functionality.” http://www.teehanlax.com/labs/insights-into-kinect-ui/
  • 65. INSI GHT SIG NER FashionDE Do they look silly? Will someone of a certain age/ race/gender use this?
  • 66. http://store.apple.com/us/product/H9279LL/A
  • 67. INSI GHT NER UI PatternsDESIG What do they know from click and touch interfaces? Is there something more natural? Try and unlearn, and imagine.
  • 68. INSI GHT SIG NER PrivacyDE What is helpful and what is potentially scary? Can you keep a snapshot for marketing purposes? How do they know what they’re sharing?
  • 69. http://techcrunch.com/2011/07/03/sexual-activity-tracked-by-fitbit-shows-up-in-google-search-results/
  • 70. Microsofts Kinect sensor can determinehow many people are in a room and readtheir reaction to adverts What sort of opportunities a NUad would have, given the ability of Kinect to ‘see’ users has made some uncomfortable; its abilities make the idea of NUads in the wild something that could be a bit sinister; who wants an advertiser to peer into their living room?http://thenextweb.com/microsoft/2012/05/18/microsoft-speaks-on-privacy-following-nuad-concerns/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+TheNextWeb+%28The+Next+Web+All+Stories%29 http://www.theverge.com/2012/5/16/3023687/microsoft-interactive-kinect-nuads-spring-release
  • 71. » Great app ecosystem» Good price point» “Life Sensors”» Connected device
  • 72. http://www.kickstarter.com/projects/cuckoo/cookootm-the-watch-for-the-connected-generation
  • 73. » Great battery life» Simple display» Connect device
  • 74. The Mutewatch also features a built-in motion sensor. High levels ofmovement trigger an increase in the intensity of the vibrating alarm and asimple flick of your wrist activates the glowing display. So, whetheryoure sleeping, on stage giving a presentation or doing your work out,the Mutewatch will keep you updated on your next step. http://boingboing.net/2012/05/16/mute-watch-capacitive-accele.html
  • 75. INSI GHT SIG NER Screen ResolutionDE What’s the maximum amount of objects you can fit on a screen? What’s the minimum size of an object need to be on the screen? Do you even need a screen?
  • 76. INSI GHT SIG NER ErgonomicsDE Is it comfortable? Age? People with disabilities? Common movements vs. uncommon. How long will they interact?
  • 77. http://www.theverge.com/2012/5/22/3037563/hologram-like-assistants-new-york-airports
  • 78. INSI GHT SIG NER Distance and EnvironmentDE How far do they need to stand? How far do they think they need to stand? Environment design of the area. Eyesight, size of the UI.
  • 79. http://www.fastcodesign.com/1665252/a-mind-blowing-ui-that-could-finally-make-group-work-intuitive#1
  • 80. INSI GHT SIG NER 3D SpaceDE Is it close or far away? What do we infer from spatial positioning? Can you get people to interact in 3D space on a 2D screen?
  • 81. http://www.theverge.com/2012/5/21/3033634/leap-3d-motion-control-system-videohttp://www.techi.com/2012/05/its-one-giant-leap-motion-for-mankind-as-company-unveils-gesture-control-with-200x-accuracy/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+techirss+%28Techi%29
  • 82. INSI GHT SIG NER DemographicsDE Young people performed better with more information being thrown their way. Older people clearly had a penchant for audio over visual cues. But there was a unifying piece: Both groups benefited from haptic feedback. Humans clearly love touch. http://www.fastcodesign.com/1669758/researchers-glean-deep-ui-lessons-from-a-haptic-steering-wheel
  • 83. http://venturebeat.com/2012/05/15/google-glasses-design-patent/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Venturebeat+%28VentureBeat%29
  • 84. http://www.techradar.com/news/world-of-tech/future-tech/google-unveils-project-glass-augmented-reality-glasses-1075064
  • 85. http://www.theverge.com/2012/5/29/3051038/sergey-brin-google-project-glass-gavin-newsom
  • 86. “everything is a screen”“everything is a Sensor” “everything is a view” “everything isseamlessly connected”
  • 87. http://mashable.com/2012/05/23/muppets-band-aid-ar-app/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
  • 88. http://www.joystiq.com/2012/05/18/wii-u-patent-shows-off-wiimote-to-wiipad-pointing-and-dragging/
  • 89. “Many of the control that users had to havewith mouse and a screen can be tangible andmore intuitive.” http://www.fastcodesign.com/1669799/mit-creates-amazing-ui-from-levitating-orbs
  • 90. http://www.zurb.com/article/986/devices-where-we-go-we-dont-need-no-devic
  • 91. “Up until now, I’d been calling out across the room to one of our technical assistants, asking them to manipulate the image, rotate one way, rotate the other, pan up, pan down, zoom in, zoom out,” says Tom Carrell, a consultant vascular surgeon at Guy’s and St Thomas’. With the Kinect, the surgeon says he had “very intuitive control.”“very intuitive control.” http://www.bgr.com/2012/05/18/microsoft-kinect-surgery-surgical-assistant-testing/
  • 92. http://www.joystiq.com/2012/05/24/this-dude-can-control-a-pipe-organ-using-kinect/
  • 93. "the worlds first Wikipedia town," http://www.theverge.com/2012/5/17/3026058/monmouth-monmouthpedia-wikipedia-town
  • 94. Forget about retina displays and multi touch surfaces, howwould you like to operate your smartphone by simply touchcertain parts of your body, like the picture above? http://churchm.ag/disney-touche/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+ChurchMag+%28ChurchMag%29
  • 95. With these cards, Vizibility promises, users willbe able to wirelessly exchange contactinformation and share “hand-picked profiles,video bios, verified Google results and more.” http://techcrunch.com/2012/05/17/vizibility-launches-its-nfc-enabled-business-cards/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Techcrunch+%28TechCrunch%29
  • 96. I could watch this for hours, which is more than I can say for a goodhalf of the actual Star Wars films. YouTube user H1tmonchan caughtthis video from a toy store window in Steinkjer, Norway. http://kotaku.com/5911130/this-holographic-star-wars-lego-toy-display-is-better-than-all-three-prequels-combined
  • 97. Hardware trends
  • 98. sustainable http://mashable.com/2012/05/16/spareone-phone/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
  • 99. INSI GHT SIG NER EnergyDE Think about markets where power is a premium. Or devices that are critical for day- to-day work.
  • 100. collaborativehttp://www.good.is/post/product-of-the-people-see-our-first-design-sketches/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+good%2Flbvp+%28GOOD+Main+RSS+Feed%29
  • 101. LG has announced a pixel lessnew 5-inch smartphone display with a 1920 x 1080 pixel resolutionand a whopping 440ppi pixel density. http://mashable.com/2012/05/28/lgs-1080p-5-inch-display/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
  • 102. Printablehttp://venturebeat.com/2012/05/29/bukobots-600-open-source-3d-printer-close-to-being-a-reality/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Venturebeat+%28VentureBeat%29
  • 103. Modularhttp://boingboing.net/2012/05/28/modkit-a-simple-graphical-pro.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+boingboing%2FiBag+%28Boing+Boing%29
  • 104. Flexible...Kreek features a stretchy piece of fabric with images projected on to it, while Kinectcameras are used to determine exactly where youre touching. http://www.theverge.com/2012/5/28/3048020/kinect-kreek-flexible-interface
  • 105. Transparenttransparent touchscreen that can beoperated from both sides. http://www.theverge.com/2012/5/21/3033569/ntt-docomo-double-sided-transparent-touchscreen-prototype
  • 106. How do you designfor the future?
  • 107. combine empathy for thecontext of a problem,creativity in thegeneration of insights andsolutions, and rationalityto analyze and fitsolutions to the context.
  • 108. Keep an eye on the future
  • 109. It’s up to you
  • 110. @jeremyjohnsonjeremyjohnsononline.com