Designing for Smart Spaces and Objects

Designing for Smart Spaces and Objects
MARCH, 2012

Tuesday, March 27, 12

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

2


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刘毅林

3


Founded in 1969 in Germany

© 2011 frog design. conﬁdential & proprietary.


Title

“Consumers don’t buy a
product; they buy value in the
form of stimulation, experience
and self-identity.”

Hartmut Esslinger

© 2011 frog design. conﬁdential & proprietary. 6


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, India

Gurgaon, India Johannesburg, SA Kiev, Ukraine Milan, Italy Munich, Germany

New York, USA San Francisco, USA Seattle, USA Shanghai, China Vinnitsa, Ukraine

February 2012 7


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 ﬁdelity our clients insights and provocation.
clients' ideas. creative work. need to succeed.
8


Our unique interdisciplinary approach has been
transforming companies, product experiences,
and customer behaviors for more than 40 years.


Title

First wave:
Physical objects and aﬀordances.

© 2011 frog design. conﬁdential & proprietary. 10


Second wave:
Digital products,
ﬁxed & isolated.


Third wave
Wireless devices,
mobile & connected.


Fourth wave?


frog drives innovation for the connected world


Companies face intense pressure to innovate more eﬀectively.
frog helps clients engage with fresh ideas, technologies, business
models, and markets to grow and change in new, meaningful ways.


There are no more islands.
People, products, networks and markets are connected like never before.
Information and ideas ﬂow openly through and around us. All of this creates a
fundamental shift in the world and a radical new proposition for frog.


07/19/11


Who is frog Shanghai?


Open for business in April 2007 serving GE and SK Telecom.
Scaled in 1 year to support Lenovo, LG, NTT docomo, Huawei.

Jan 6, 2012


1700 square meters in an iconic renovated warehouse.
Move-in September 2010.

Jan 6, 2012


Today, we are 50 frogs with 12 passports in Shanghai.
Fully representative cross-section of frog disciplines:
Creative, Tech, Strategy, PM, BD, Operations


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 22


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/11


We host events that provide thought leadership, nurtures & facilitates
the community and supports our local media partnerships.


Futures of interaction design


“Interacting means to
exchange information”

07/19/11


“Interaction designers
facilitate the conversation
between people and things.”

07/19/11


“In the recent years
-enabled by new technologies-
this conversation is changing
faster than ever.”

07/19/11


William Gibson

“The future is already here,
it’s just not evenly
distributed.”

07/19/11 29


Our future seems closer than ever.
How will WE be a part of its design?

07/19/11


So let’s explore together:

What does tomorrow’s
Interaction Designer look like?

?

07/19/11 31


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

32


1 From
the computer is everything
to everything is a computer


GE Toaster, 1945


Section title text

Telephone


Computer


Phone

Jan 6, 2012


Phone?

Jan 6, 2012


the computing experience is
no longer tied to computers

41 Jan 6, 2012


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 watercooler


Spotify Box
05/09/11


ITALITY GLOWCAP

GlowCaps
05/09/11

Tuesday, March 27, 12 © 2008 frog design. Conﬁdential & Proprietary.

Nest
05/09/11


Provocation

How do you design tangible user interfaces?

Jan 6, 2012


2 New familiar ways
to interact


Command line interface


GUI and Touch screens


Wii 3D control


So ‘easy to use’ you won’t consciously
register that you are using it.


Eye Control


Senseg tixel


On/Oﬀ paint


Provocation

How do you design natural interactions?


3 Sensing and
getting to know us better


SNS don’t understand and don’t forget


Dian ping


Google auto complete


Computers that know us more deeply than
our best friend.


Nike Fuel


Proteus Biomedical

65 Jan 6, 2012


Sensors are everywhere


Philips Vital


Google driverless car

68 Jan 6, 2012


Activity tracking


Provocation

How do you design a learning interface?


4 Speaking the language
of emotion


We feel faster than we think

05/09/11


Windows blue screen

05/09/11


Mac os login

05/09/11


Oﬃce clippy

05/09/11


Siri

05/09/11


Macbook Sleeping light

05/09/11


404 pages

05/09/11


We build meaningful emotional connections
with objects around us


Nabaztag

05/09/11


Little Printer

05/09/11


Twicka detects your emotion

05/09/11


Jan 6, 2012


05/09/11


Provocation

How do you design a personality?


5 Starting to
play together


Before


Scrabble


Sifteo cubes


Wii U

Microsoft Sensecam
91


http://www.youtube.com/watch?v=FhLEikXk-ow


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


Augmented reality goggles

Microsoft Sensecam
94


Reactive projections

05/09/11


Bionic contact lens


Amazon Remembers Google Goggles

MIT - Sixth Sense Prototype


Intel retail wall


Provocation

How can you make meaningful connections
between user, objects and spaces?


As interaction designers we
are already facing these
challenges


Creating a conversation

07/19/11 102


Creating context

Text

CONTEXTUAL VIDEOS PARTICIPANT CAMERA PHONE CAMERA

© 2009 frog design. conﬁdential & proprietary.
103


Creating a relationship

07/19/11 104


How will WE be a part of its design?

105


Lets explore these challenges together

106


Workshop


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

108


Task 1 - 1h

Discover your space.

07/19/11


Your space is a computer that...

07/19/11 110


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?

111


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?

112


Corridor/Stairs - Transit space
...helps students to get around the campus by:

• helping them to not be late for class
• ﬁnd the right location
• avoid high traﬃc areas.
• anything else?

113


Toilet - Private space
...helps students to be healthier, comfortable and secure:

• reducing waiting time
• promoting hygiene and privacy
• wasting less water
• anything else?

114


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

115


Task 2 - 1h

Re-imagine an object in your space

07/19/11


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.

117


Task 3 - 1h

Deﬁne key interactions

07/19/11


Deﬁne 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...

119


60min

Present back.

07/19/11


Thats it. What next?


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/11


Designing for Smart Spaces and Objects

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Designing for Smart Spaces and Objects

Similar to Designing for Smart Spaces and Objects (20)

More from frog

More from frog (20)

Recently uploaded

Recently uploaded (20)

Designing for Smart Spaces and Objects