playful interfaces

43
PLAYFUL INTERACTIONS http://flickr.com/photos/sutje/2106021186/ Pedro Custódio 2008

Upload: pedro-custodio

Post on 29-Nov-2014

10.070 views

Category:

Business


2 download

DESCRIPTION

Some thoughts about introducing game like factors in the design of web interfaces and user interfaces in general.

TRANSCRIPT

Page 1: Playful Interfaces

PLAYFULINTERACTIONS

http://flickr.com/photos/sutje/2106021186/

Pedro Custódio2008

Page 2: Playful Interfaces

It’s not enough to design interfaces we’ll need to design

EXPERIENCES

Page 3: Playful Interfaces

Video: The Hands-on Computer

Page 4: Playful Interfaces

Video: The Hands-on Computer

Page 5: Playful Interfaces

"Once designs are thought of as shared communication and

technologies as a media, the entire design philosophy changes radically,

but in a positive and constructive way"

Clarrisse de SouzaInformatics Teacher in Rio de Janeiro

Page 6: Playful Interfaces

interacting is a bit likeCHATTING!

http://flickr.com/photos/carpathian/1656738696/in/photostream/

Page 7: Playful Interfaces

an interface has to communicate!

Page 8: Playful Interfaces

an interface has to communicate!

starts with what they communicate

Page 9: Playful Interfaces

an interface has to communicate!

starts with what they communicate

goes by what the users request

Page 10: Playful Interfaces

an interface has to communicate!

starts with what they communicate

goes by what the users request

and in the end

Page 11: Playful Interfaces

an interface has to communicate!

starts with what they communicate

goes by what the users request

if it responded accordingly

and in the end

Page 12: Playful Interfaces

More important of what you say

it’s how you SAY IT!

CONTENT

PRESENTATION

BEHAVIOUR

Page 13: Playful Interfaces

CONTENT

PRESENTATION

BEHAVIOUR

LEARN

ACTION

EMOTION

WHAT MAKES AN EXPERIENCE?

Page 14: Playful Interfaces

POSITIVE NEGATIVE

EXPERIENCES

Page 15: Playful Interfaces

EXPERIENCE=>

EMOTIONAL CONNECTION

Page 16: Playful Interfaces
Page 17: Playful Interfaces

"We’ve Become the Tools of Our tools"

Henry Thoreau,Walden

http://flickr.com/photos/mechanics/230970658/

Page 18: Playful Interfaces

"The smartest things are those that complement human inteligence, rather than try to supersede it. Much like the smartest teacher.

The point of cobots is shared control and shared inteligence between the person and the device (...)"

Michael Peshkin, Lab. for Intelligent Mechanical Systems at Northwest University

COBOT’s

Page 19: Playful Interfaces

the future ofINTERFACE DESIGN

Page 20: Playful Interfaces
Page 21: Playful Interfaces

knowledge

intelligent

communications capabilities

context/environment awareness

interface

DESIGNThe future of

Page 22: Playful Interfaces

Return rich, complex and natural signals back to the user

Predictable

Aid the process of ideation and mental model creation

Return meaningful replies

Allow for continuous awareness, without interruptions

Explore natural, more intuitive interactions

RulesDESIGN

Page 23: Playful Interfaces

http://flickr.com/photos/ul_marga/755378645/

SAFE

Page 24: Playful Interfaces

http://flickr.com/photos/justasite/9086359/

APROPRIATE

Page 25: Playful Interfaces

INTELIGENT

Page 26: Playful Interfaces

http://flickr.com/photos/downintheblue/421835233/REACTIVE

Page 27: Playful Interfaces

http://flickr.com/photos/cayusa/981372736/SMART

Page 28: Playful Interfaces

http://flickr.com/photos/vetlife2005/253445974/

LUDIC

Page 29: Playful Interfaces

http://flickr.com/photos/cayusa/981372736/PLEASANT

Page 30: Playful Interfaces

http://flickr.com/photos/william-hamon/1643584779/

Rules of

COMMUNICATION

Page 31: Playful Interfaces

http://flickr.com/photos/annia316/754581568/

SIMPLICITY

Page 32: Playful Interfaces

http://flickr.com/photos/davegray/236316672/

MENTAL MODEL

Page 33: Playful Interfaces

http://flickr.com/photos/kt/322339845/

SELF EXPLANATORY

Page 34: Playful Interfaces

http://flickr.com/photos/floze/1588186509/

CONTROL

Page 35: Playful Interfaces

CONTROL

We have this NEED to know what’s going on, it’s human and essential to make us feel safe.

knowledge = safety

car noisescomputer fan

hard drive noisespositive messagesm on a web application

etc.

Page 36: Playful Interfaces

http://flickr.com/photos/josefstuefer/114063651/

CONTINUOUS PARING

Page 37: Playful Interfaces

Reason

Page 38: Playful Interfaces

http://flickr.com/photos/i_am_jacques_strappe/35390040/

FEED-BACKessential for common agreement

Page 39: Playful Interfaces

FEED-BACKgive user’s a perception of progress

time expectations

teaches

assurance that everything went accordingly

control of expectations

Page 40: Playful Interfaces

FeedBack

• use meaningful and informative signs, richer and less intrusive.

Page 41: Playful Interfaces

SYMBIOTIC INTERFACEShttp://flickr.com/photos/barberenc/1859739215/

Page 42: Playful Interfaces

Video: Microsoft Surface