DTTTT – Design Thinking Think Tank Talk

DESIGN THINKING THINK TANK TALK SESSION 01

27/05/11

1

STRAIGHT-FORWARD DESIGN Interface-device transcendency

2

THE PERSONALITY OF THE OBJECT

3

THE PERSONALITY OF THE OBJECT

4

THE PERSONALITY OF THE OBJECT

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

5

THE PERSONALITY OF THE OBJECT

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

6

THE ENTIRENESS OF THE OBJECT

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

Carrier12:00 PM

Welcome to

O2ONE

User Name

Password

Log In

7

THE ENTIRE OBJECT IS THE CANVAS

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

CANVASCANVAS

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

8

INTERFACE – DEVICE TRANSCENDENCE

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

TRANSITION MEMBRANE

9

OBJECT / OBJECT / INTERFACE

OBJECT (CALCULATOR) OBJECT (PHONE) INTERFACE

10

OBJECT / OBJECT + INTERFACE BECOME OBJECT

OBJECT (CALCULATOR)OBJECT (CALCULATOR)

11

OBJECT / OBJECT + INTERFACE BECOME OBJECT

OBJECT (CALCULATOR)OBJECT (CALCULATOR)

12

© 2011 Telefónica I&D

DEVICE WITH CALL UI VS. CALL MACHINE

13

© 2011 Telefónica I&D

DEVICE WITH CALL UI VS. CALL MACHINE

14

© 2011 Telefónica I&D

DEVICE WITH CALL UI VS. CALL MACHINE

15

© 2011 Telefónica I&D

DEVICE WITH CALL INTERFACE VS. CALL MACHINE

16

© 2011 Telefónica I&D

THE USER INTERACTS WITH ELEMENTS BEHIND GLASS LOOKING THROUGH A WINDOW.

THE USER EXPERIENCES CLOSENESS TO THE CALL MACHINE.

17

© 2011 Telefónica I&D

FLOATING UI ELEMENTS VS. ENCRUSTED UI ELEMENTS

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Do ThatDo This

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Do ThatDo This

ELEMENTS CONSIDER THE DEVICE. THE GRID IS A DEVICE GRID.

ELEMENTS FLOAT WITHIN A SCREEN GRID.

18

© 2011 Telefónica I&D

FLOATING UI ELEMENTS VS. ENCRUSTED UI ELEMENTS

19

© 2011 Telefónica I&D

FLOATING UI ELEMENTS VS. ENCRUSTED UI ELEMENTS

20

© 2011 Telefónica I&D

FLOATING UI ELEMENTS VS. ENCRUSTED UI ELEMENTS

21

© 2011 Telefónica I&D

FLOATING UI ELEMENTS VS. ENCRUSTED UI ELEMENTS

22

© 2011 Telefónica I&D

FLOATING UI ELEMENTS VS. ENCRUSTED UI ELEMENTS

23

© 2011 Telefónica I&D

TAB BAR AS PART OF INTERFACE VS. TAB BAR AS PART OF DEVICE

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

Carrier 12:00 PM

Welcome toO2ONE

User Name

Password

Log In

TAB BAR TAB BAR

24

© 2011 Telefónica I&D

TAB BAR AS PART OF INTERFACE VS. TAB BAR AS PART OF DEVICE

25

© 2011 Telefónica I&D

TAB BAR AS PART OF INTERFACE VS. TAB BAR AS PART OF DEVICE

26

THE HAND WRIST DEVICE AS AN ACCESS HUB The Me Card / Voice / The automated diary / Device hijacking / Virtual keychain / Wallet

27

THE HAND WRIST DEVICE

28

THE ME CARD

THE ME CARD PROVIDES CONNECTIVITY, JUST THAT.

29

VOICE COMMUNICATION

BASIC VOICE COMMUNICATION THROUGH HAND WRIST DEVICE.CONNECT YOUR EARPLUGS OR HOLD UP TO EAR.

30

DEVICE HIJACKING

ANY DEVICE WITH NFC CAPABILITIES CAN BE HIJACKED AND BE USED WITH THE USERʼS IDENTITY.ANY SCREEN, COMPUTER, TV, PRINTER WILL TURN INTO THE USERʼS DEVICE.IF USER WALKS OFF, THE DEVICE BECOMES AGAIN A DEVICE.

31

THE AUTOMATED DIARY

ALL PICTURES, VIDEOS ARE STORED INTO THE CLOUD. ALL COMMUNICATION (VOICE, TEXT, ALL) IS STORED AS MULTI-CHANNEL AND EXCLUSIVELY ACCESSIBLE BY USER.THE DEVICE ALSO STORES AWAY THE USERʼS PULSE TO GET MOOD DATA ➜ SERENDIPITY

32

VIRTUAL KEYCHAIN

DOORS CAN BE PROGRAMMED TO GIVE ACCESS THROUGH AUTHORIZATION BY THE DEVICE.

33

WALLET

THE USERʼS BANK ACCOUNT DATA IS STORRED IN THE CLOUD AND IS USED FOR ANY KIND OF PAYMENT VIA NFC THROUGH THE DEVICE.

34

THE HAND WRIST DEVICE

35

THE ME CARD

36

VOICE COMMUNICATION

37

DEVICE HIJACKING

38

THE AUTOMATED DIARY

39

VIRTUAL KEYCHAIN

40

WALLET

41

THE HAND WRIST DEVICE AS AN ACCESS HUB

42

TAKE OFF WHEN IN NEED FOR TRANQUILITY

43

MICROTOOLS AND ITEM CLUSTERS The obsoleteness of OS-based programs and documents / The evolution towards microtools and item clusters

44

A PROGRAM IS A TOOLBOX

TOOLBOX

45

A PROGRAM IS A TOOLBOX

PHOTOSHOP

46

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR

47

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR FIREWORKS

48

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR FIREWORKS FLASH

49

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR FIREWORKS FLASH

50

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR FIREWORKS FLASH

51

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR FIREWORKS FLASH

52

A PROGRAM IS A TOOLBOX

PHOTOSHOP ILLUSTRATOR FIREWORKS FLASH

53

PAINT TOOLPAINT TOOL

PAINT TOOLPAINT TOOL

TOOLBOXES CONTAIN THE SAME TOOLS

PHOTOSHOP ILLUSTRATOR FIREWORKS FLASH

54

DOCUMENTS

PICS

55

DOCUMENTS

PICS DOC

56

DOCUMENTS

PICS DOC PDF

57

DOCUMENTS

PICS DOC PDF PSD

58

DOCUMENTS / PROGRAMS / FUNCTIONS

PICS DOC PDF PSD

PHOTOSHOPEDITVIEW

59

PICS DOC PDF PSD

PHOTOSHOP WORDEDITVIEW

DOCUMENTS / PROGRAMS / FUNCTIONS

60

PICS DOC PDF PSD

PHOTOSHOP WORD ACROBATEDITVIEW

DOCUMENTS / PROGRAMS / FUNCTIONS

61

PICS DOC PDF PSD

PHOTOSHOP WORD ACROBAT

ILLUSTRATOREDIT

DOCUMENTS / PROGRAMS / FUNCTIONS

62

PICS DOC PDF PSD

PHOTOSHOP WORD ACROBAT

ILLUSTRATOR IPHOTOEDITVIEW

DOCUMENTS / PROGRAMS / FUNCTIONS

63

PICS DOC PDF PSD

PHOTOSHOP WORD ACROBAT

ILLUSTRATOR IPHOTO PAGESEDITVIEW

DOCUMENTS / PROGRAMS / FUNCTIONS

64

PICS DOC PDF PSD

PHOTOSHOP WORD ACROBAT

ILLUSTRATOR IPHOTO PAGES MAILSHARE

DOCUMENTS / PROGRAMS / FUNCTIONS

65

PICS DOC PDF PSD

VIEW

BASE FUNCTIONS

66

PICS DOC PDF PSD

VIEW EDIT

BASE FUNCTIONS

67

PICS DOC PDF PSD

VIEW EDIT SHARE

BASE FUNCTIONS

68

PICS DOC PDF PSD

VIEW EDIT SHARE VIEW TOOL SHARE TOOL

MICROTOOLS

69

PICS DOC PDF PSD

VIEW EDIT SHARE

COLORTEXT

SHAPES

VIEW TOOL SHARE TOOL

MICROTOOLS

70

PICS DOC PDF PSD

VIEW EDIT SHARE

COLORTEXT

SHAPES COLOR TOOL

TEXT EDIT TOOL

SHAPE EDIT TOOL

VIEW TOOL SHARE TOOL

MICROTOOLS

71

DOC PDF PSDPICSMOV PPT MP3

COPY TOOL

VIEW TOOL SHARE TOOL PRINT TOOL

GRADIENT TOOL

DISTORTION TOOL

PASTE TOOL

PICTURE EFFECTS TOOL

VECTOR TOOL

ANIMATION TOOL

SHAPE EDIT TOOL

SAVE TOOL

XLS

MICROTOOLS

COLOR TOOL

TEXT EDIT TOOL

SHAPE EDIT TOOL

72

DOC PDF PSDPICSMOV PPT MP3XLS

MICROTOOLS

PHOTOSHOP WORD ACROBAT

ILLUSTRATOR IPHOTO PAGES MAIL

73

TOOL BOARD

DOC PDF PSDPICSMOV PPT MP3XLS

MICROTOOLS

VIE

W T

OO

L

PAS

TE T

OO

L

ANI

MAT

ION

TOO

L

SHA

PE E

DIT

TOO

L

CO

LOR

TOO

L

PRI

NT T

OO

L

PIC

TURE

EFF

ECTS

TO

OL

VEC

TOR

TOO

L

SAV

E TO

OL

TEX

T ED

IT T

OO

L

CO

PY T

OO

L

SHA

RE T

OO

L

GRA

DIEN

T TO

OL

DIS

TORT

ION

TOO

L

SHA

PE E

DIT

TOO

L

74