• Like
  • Save
Designing for Smart Spaces and Objects
Upcoming SlideShare
Loading in...5
×

Designing for Smart Spaces and Objects

  • 8,254 views
Uploaded on

Designing Smart Spaces and Objects.

Designing Smart Spaces and Objects.

More in: Design , Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Increible..
    Are you sure you want to
    Your message goes here
  • nice
    Are you sure you want to
    Your message goes here
  • “科技正在世界范围内改变着人们的生活体验,不停地创造着人、产品与市场之间的新型联系。电脑正逐步走出并脱离束缚,渐渐深入我们的世界,来到我们 身边,影响我们,甚至与我们统一。我们生活在一个被智能空间和设计包围的世界里,这个世界的环境将是高度敏感和个性化的,其得益于传感器、收集到 的数据和计算能力的普及。
    智能空间与设计为交互设计师们带来新的挑战。如今,交互设计师不仅仅关注像素大小和画面显示的内容,还有音效识别、移动定位服务、肢体互动等更多 方面。鉴于此,我们可以将交互设计的过程生动化,犹如一项3D效果的默剧。但诸如Illustrator、OmniGraffle和Axure的 传统设计工具就无法至此。
    在参与交互体验及智能空间设计时,我们怎样用恰当的工具武装设计师们?”
    Are you sure you want to
    Your message goes here
  • 谢谢分享!2012年3月25日,frog青蛙设计携手清华大学举办题为“智能空间与设计的新思维”的Workshop。青蛙创意团队使用独特的思考理念,指导清华大学的学生创造出最佳的智能空间设计工具。
    Are you sure you want to
    Your message goes here
  • how could i download it? :(
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
8,254
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
7
Likes
122

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Designing for Smart Spaces and Objects MARCH, 2012Tuesday, March 27, 12
  • 2. Agenda • Welcome & Introduction to frog 10:00 – 10:15 • The 5 Futures of Interaction Design 10:15 – 12:00 • Lunch break 12:00 – 13:00 • Task 1 13:00 – 14:00 • Task 2 14:00 – 15:00 • Task 3 15:00 – 16:00 • Present back 16:00 – 17:30 • Wrap-up 17:30 – 18:00 2Tuesday, March 27, 12
  • 3. The Team Emily Chong Azure Yang Rainer Wessler Marketing Director Interaction Designer II Executive Creative Director 钟子茵 azyre Rocky Liu Siddhi Lizcano Senior Visual Designer frogdesign Interaction Designer II Rocky刘毅林 3Tuesday, March 27, 12
  • 4. frogTuesday, March 27, 12
  • 5. Founded in 1969 in Germany © 2011 frog design. confidential & proprietary.Tuesday, March 27, 12
  • 6. Title “Consumers don’t buy a product; they buy value in the form of stimulation, experience and self-identity.” Hartmut Esslinger © 2011 frog design. confidential & proprietary. 6Tuesday, March 27, 12
  • 7. We are a global team of 1200 diverse people, with deep insights into the behaviors and technologies driving the connected world.Amsterdam, Netherlands Austin, USA Bangalore, India Boston, USA Chennai, IndiaGurgaon, India Johannesburg, SA Kiev, Ukraine Milan, Italy Munich, GermanyNew York, USA San Francisco, USA Seattle, USA Shanghai, China Vinnitsa, Ukraine February 2012 7Tuesday, March 27, 12
  • 8. Our capabilities are as broad as the problems we are asked to solve. Innovation Strategy Brand Design Research Experience Design We uncover market We shape brands We understand consumer We create interactive insights and craft by building the brand behavior by immersing and visual design strategies to story into the products ourselves in their world. for physical, online, commercialize ideas. we create. and mobile. Product Design Technology Software Engineering frogThink Our legacy in Our technological We deliver ideas to We help our clients craftsmanship expertise inspires market with the speed generate ideas through brings form to our and validates our and fidelity our clients insights and provocation. clients ideas. creative work. need to succeed. 8Tuesday, March 27, 12
  • 9. Our unique interdisciplinary approach has been transforming companies, product experiences, and customer behaviors for more than 40 years.Tuesday, March 27, 12
  • 10. Title First wave: Physical objects and affordances. © 2011 frog design. confidential & proprietary. 10Tuesday, March 27, 12
  • 11. Second wave: Digital products, fixed & isolated.Tuesday, March 27, 12
  • 12. Third wave Wireless devices, mobile & connected.Tuesday, March 27, 12
  • 13. Fourth wave?Tuesday, March 27, 12
  • 14. frog drives innovation for the connected worldTuesday, March 27, 12
  • 15. frog drives innovation for the connected world Companies face intense pressure to innovate more effectively. frog helps clients engage with fresh ideas, technologies, business models, and markets to grow and change in new, meaningful ways.Tuesday, March 27, 12
  • 16. frog drives innovation for the connected world There are no more islands. People, products, networks and markets are connected like never before. Information and ideas flow openly through and around us. All of this creates a fundamental shift in the world and a radical new proposition for frog.Tuesday, March 27, 12
  • 17. 07/19/11Tuesday, March 27, 12
  • 18. Who is frog Shanghai?Tuesday, March 27, 12
  • 19. Open for business in April 2007 serving GE and SK Telecom. Scaled in 1 year to support Lenovo, LG, NTT docomo, Huawei. Jan 6, 2012Tuesday, March 27, 12
  • 20. 1700 square meters in an iconic renovated warehouse. Move-in September 2010. Jan 6, 2012Tuesday, March 27, 12
  • 21. Today, we are 50 frogs with 12 passports in Shanghai. Fully representative cross-section of frog disciplines: Creative, Tech, Strategy, PM, BD, OperationsTuesday, March 27, 12
  • 22. We have experience researching both developed and emerging Asian markets. In our 5-year history we worked in China, Taiwan, Hong Kong, Korea, Japan, Thailand, Vietnam and Singapore. 05/09/11 22Tuesday, March 27, 12
  • 23. Our work is diverse both with regards to geographies and industries. Our expertise covers Finance, Transportation, FMCG, CE, Media Services, Telecommunications and Retail. 05/09/11Tuesday, March 27, 12
  • 24. We host events that provide thought leadership, nurtures & facilitates the community and supports our local media partnerships.Tuesday, March 27, 12
  • 25. Futures of interaction designTuesday, March 27, 12
  • 26. “Interacting means to exchange information” 07/19/11Tuesday, March 27, 12
  • 27. “Interaction designers facilitate the conversation between people and things.” 07/19/11Tuesday, March 27, 12
  • 28. “In the recent years -enabled by new technologies- this conversation is changing faster than ever.” 07/19/11Tuesday, March 27, 12
  • 29. William Gibson “The future is already here, it’s just not evenly distributed.” 07/19/11 29Tuesday, March 27, 12
  • 30. Our future seems closer than ever. How will WE be a part of its design? 07/19/11Tuesday, March 27, 12
  • 31. So let’s explore together: What does tomorrow’s Interaction Designer look like? ? 07/19/11 31Tuesday, March 27, 12
  • 32. 5futures of Interaction Design 5 futures of Interaction Design • From the computer is everything to everything is a computer • New familiar ways to interact • Sensing and getting to know us better • Speaking the language of emotion • Starting to play together 32Tuesday, March 27, 12
  • 33. 1 From the computer is everything to everything is a computerTuesday, March 27, 12
  • 34. GE Toaster, 1945Tuesday, March 27, 12
  • 35. Section title text TelephoneTuesday, March 27, 12
  • 36. ComputerTuesday, March 27, 12
  • 37. Phone Jan 6, 2012Tuesday, March 27, 12
  • 38. Phone? Jan 6, 2012Tuesday, March 27, 12
  • 39. Phone? Jan 6, 2012Tuesday, March 27, 12
  • 40. Tuesday, March 27, 12
  • 41. the computing experience is no longer tied to computers 41 Jan 6, 2012Tuesday, March 27, 12
  • 42. public spaces along the highway tools our shoes hospital equipment watching transportation our children’s toys household items clothes listening in the packaged food we buy food packaging personal sampling measuring electronics architecture our desks our cars our underwear shipping packaging calculating sports equipment offices on the factory floor reporting personal professional healthcare instruments our stuff furniture recording our appliances at the watercoolerTuesday, March 27, 12
  • 43. Spotify Box 05/09/11Tuesday, March 27, 12
  • 44. ITALITY GLOWCAP GlowCaps 05/09/11Tuesday, March 27, 12 © 2008 frog design. Confidential & Proprietary.
  • 45. Nest 05/09/11Tuesday, March 27, 12
  • 46. Provocation How do you design tangible user interfaces? Jan 6, 2012Tuesday, March 27, 12
  • 47. 2 New familiar ways to interactTuesday, March 27, 12
  • 48. Command line interfaceTuesday, March 27, 12
  • 49. GUI and Touch screensTuesday, March 27, 12
  • 50. Wii 3D controlTuesday, March 27, 12
  • 51. Tuesday, March 27, 12
  • 52. So ‘easy to use’ you won’t consciously register that you are using it.Tuesday, March 27, 12
  • 53. Tuesday, March 27, 12
  • 54. Tuesday, March 27, 12
  • 55. Eye ControlTuesday, March 27, 12
  • 56. Senseg tixelTuesday, March 27, 12
  • 57. On/Off paintTuesday, March 27, 12
  • 58. Provocation How do you design natural interactions?Tuesday, March 27, 12
  • 59. 3 Sensing and getting to know us betterTuesday, March 27, 12
  • 60. Tuesday, March 27, 12
  • 61. SNS don’t understand and don’t forgetTuesday, March 27, 12
  • 62. Dian pingTuesday, March 27, 12
  • 63. Google auto completeTuesday, March 27, 12
  • 64. Computers that know us more deeply than our best friend.Tuesday, March 27, 12
  • 65. Nike FuelTuesday, March 27, 12
  • 66. Proteus Biomedical 65 Jan 6, 2012Tuesday, March 27, 12
  • 67. Sensors are everywhereTuesday, March 27, 12
  • 68. Philips VitalTuesday, March 27, 12
  • 69. Google driverless car 68 Jan 6, 2012Tuesday, March 27, 12
  • 70. Activity trackingTuesday, March 27, 12
  • 71. Activity trackingTuesday, March 27, 12
  • 72. Provocation How do you design a learning interface?Tuesday, March 27, 12
  • 73. 4 Speaking the language of emotionTuesday, March 27, 12
  • 74. We feel faster than we think 05/09/11Tuesday, March 27, 12
  • 75. Windows blue screen 05/09/11Tuesday, March 27, 12
  • 76. Mac os login 05/09/11Tuesday, March 27, 12
  • 77. Office clippy 05/09/11Tuesday, March 27, 12
  • 78. Siri 05/09/11Tuesday, March 27, 12
  • 79. Macbook Sleeping light 05/09/11Tuesday, March 27, 12
  • 80. 404 pages 05/09/11Tuesday, March 27, 12
  • 81. We build meaningful emotional connections with objects around usTuesday, March 27, 12
  • 82. Nabaztag 05/09/11Tuesday, March 27, 12
  • 83. Little Printer 05/09/11Tuesday, March 27, 12
  • 84. Twicka detects your emotion 05/09/11Tuesday, March 27, 12
  • 85. Jan 6, 2012Tuesday, March 27, 12
  • 86. 05/09/11Tuesday, March 27, 12
  • 87. Provocation How do you design a personality?Tuesday, March 27, 12
  • 88. 5 Starting to play togetherTuesday, March 27, 12
  • 89. BeforeTuesday, March 27, 12
  • 90. ScrabbleTuesday, March 27, 12
  • 91. Sifteo cubesTuesday, March 27, 12
  • 92. Wii U Microsoft Sensecam 91Tuesday, March 27, 12
  • 93. http://www.youtube.com/watch?v=FhLEikXk-owTuesday, March 27, 12
  • 94. ... millions of inputs, thousands of outputs, is always with you, yet you don’t carry it, can be shared, or can be private, can put together a comprehensive picture of any situation,Tuesday, March 27, 12
  • 95. Augmented reality goggles Microsoft Sensecam 94Tuesday, March 27, 12
  • 96. Reactive projections 05/09/11Tuesday, March 27, 12
  • 97. Bionic contact lensTuesday, March 27, 12
  • 98. ????Tuesday, March 27, 12
  • 99. Amazon Remembers Google Goggles MIT - Sixth Sense PrototypeTuesday, March 27, 12
  • 100. Intel retail wallTuesday, March 27, 12
  • 101. Provocation How can you make meaningful connections between user, objects and spaces?Tuesday, March 27, 12
  • 102. As interaction designers we are already facing these challengesTuesday, March 27, 12
  • 103. Creating a conversation 07/19/11 102Tuesday, March 27, 12
  • 104. Creating context Text CONTEXTUAL VIDEOS PARTICIPANT CAMERA PHONE CAMERA © 2009 frog design. confidential & proprietary. 103Tuesday, March 27, 12
  • 105. Creating a relationship 07/19/11 104Tuesday, March 27, 12
  • 106. How will WE be a part of its design? 105Tuesday, March 27, 12
  • 107. Lets explore these challenges together 106Tuesday, March 27, 12
  • 108. WorkshopTuesday, March 27, 12
  • 109. Get ready for some action • Get into teams of 7 people • Choose a team leader to facilitate discussion, timekeep and present • Go to your mentor (2 teams per mentor) • Follow your mentor to your designated space • Start task 1 108Tuesday, March 27, 12
  • 110. Task 1 - 1h Discover your space. 07/19/11Tuesday, March 27, 12
  • 111. Your space is a computer that... 07/19/11 110Tuesday, March 27, 12
  • 112. Classroom - Learning space ...helps students to learn better by helping them to: • remember new information • ask more questions during class • build learning social relationships with teachers and other students. • anything else? 111Tuesday, March 27, 12
  • 113. Canteen - Nourishment space ...helps students to relax, re-energize and socialise: • reducing waiting time • build close social relationships • recommending the best diet for their biological and emotional needs • anything else? 112Tuesday, March 27, 12
  • 114. Corridor/Stairs - Transit space ...helps students to get around the campus by: • helping them to not be late for class • find the right location • avoid high traffic areas. • anything else? 113Tuesday, March 27, 12
  • 115. Toilet - Private space ...helps students to be healthier, comfortable and secure: • reducing waiting time • promoting hygiene and privacy • wasting less water • anything else? 114Tuesday, March 27, 12
  • 116. Discover your space Think about • What are the important areas, objects, users in your space? • Is there something missing in the space? • What useful information are areas, objects and users providing and using? • Are they interacting with each other? If so how? Create • Description of the experience idea/s which will solve your challenge Example • Our Dorm room computer is helping students to sleep better by monitoring their sleep patterns and waking them up at the best time and providing a personal silent area which they can take with them 115Tuesday, March 27, 12
  • 117. Task 2 - 1h Re-imagine an object in your space 07/19/11Tuesday, March 27, 12
  • 118. Re-imagine an object in your space Think about • Choose an object to focus on • Re-imagine this object as a connected device • Does it really need to have a screen? • What does the object know about the user and context? • What information does it collect and provide? • How is it interacting with the user, other objects and space? Create • Description of your object and how its part of solving your challenge Example • The ‘dream guide’ is a lamp that sits next to the bed. It monitors eye movement and breathing during sleep and adjusts the temperature of the bed sheets to guide the user during sleep. It uses light and sounds to communicate to the user. 117Tuesday, March 27, 12
  • 119. Task 3 - 1h Define key interactions 07/19/11Tuesday, March 27, 12
  • 120. Define key interactions Think about • How can the user interact with it using gestures, touch, voice? • How will the object communicate with users? • How are its shape, location and motion helping to communicate? • How will it learn and adapt over time? • What will the object do in its idle time? Create • Visual narrative of how a user would use your object. Example • Rocky is tired after his exam, he needs to get some really good sleep. As he sits on the bed the ‘dream guide’ lamp notices he is tired and dims its light. Rocky moves his wrist down a little to tell the lamp that: yes, he needs some rest. The lamp makes a soft wave sound and plays Rocky’s favorite relax song. Rocky lies down in bed... 119Tuesday, March 27, 12
  • 121. 60min Present back. 07/19/11Tuesday, March 27, 12
  • 122. Thats it. What next?Tuesday, March 27, 12
  • 123. Homework Make it real. Create a - prototype - or - - concept movie - or - - storyboard / scenario - or - - user study/ interview and it send to (by April 9th): shine.chu@frogdesign.com 07/19/11Tuesday, March 27, 12
  • 124. Tuesday, March 27, 12
  • 125. Tuesday, March 27, 12