Transcript
Page 1: Creating Innovative Interfaces using Design Thinking

C R E A T I N G I N N O V A T I V E

I N T E R F A C E S U S I N G

D E S I G N T H I N K I N G

Demian BorbaDesign Thinker, Developer Evangelist

@demianborba

Page 2: Creating Innovative Interfaces using Design Thinking

• Graduated in Industrial Design (CEFET-PR)

• Graduated in Computer Science (UFAL)

• Crazy about Design, UX, Business and Technology

• Former Professor at University of California San Diego (UCSD)

• Working with Interactive Media for over 15 years

• Founder of Action Creations, interactive agency in California

• Developer Evangelist, 90% #upintheair (Americas+Asia+Europe)

• Created the Tech Centers in Universities

• Created the project Design Thinking Now

A B O U T

M E

Page 3: Creating Innovative Interfaces using Design Thinking
Page 4: Creating Innovative Interfaces using Design Thinking

dborba.com html5test.com

Page 5: Creating Innovative Interfaces using Design Thinking

www.phonegapbootcamp.io

Page 6: Creating Innovative Interfaces using Design Thinking

D E S I G N

T H I N K I N G

Page 7: Creating Innovative Interfaces using Design Thinking

Experience Design Thinking in 20 hours and

learn how to bring innovation to your company.

Page 8: Creating Innovative Interfaces using Design Thinking

A M A Z I N G U X

F I C T I O N

Page 9: Creating Innovative Interfaces using Design Thinking
Page 10: Creating Innovative Interfaces using Design Thinking
Page 11: Creating Innovative Interfaces using Design Thinking
Page 12: Creating Innovative Interfaces using Design Thinking
Page 13: Creating Innovative Interfaces using Design Thinking

R E A L I T Y

Page 14: Creating Innovative Interfaces using Design Thinking
Page 15: Creating Innovative Interfaces using Design Thinking
Page 16: Creating Innovative Interfaces using Design Thinking
Page 17: Creating Innovative Interfaces using Design Thinking
Page 18: Creating Innovative Interfaces using Design Thinking
Page 19: Creating Innovative Interfaces using Design Thinking
Page 20: Creating Innovative Interfaces using Design Thinking

H O W C A N W E

I N N O V A T E ?

Page 21: Creating Innovative Interfaces using Design Thinking

I N N O V A T I O N

TECHNOLOGY R&D(PRODUCTS, PROCESSES)

INNOVATIONFUNNEL

INNOVATIONMANAGEMENT

PROBLEMSOLVING

SUGGESTIONSCONTINUOUS

IMPROVEMENT

Page 22: Creating Innovative Interfaces using Design Thinking

W A T E R F A L L

REQUIREMENTS

DESIGN

IMPLEMENTATION

VERIFICATION

MAINTENANCE

?

Page 23: Creating Innovative Interfaces using Design Thinking

S C R U M ?

Page 24: Creating Innovative Interfaces using Design Thinking

D E S I G N

T H I N K I N G

Page 25: Creating Innovative Interfaces using Design Thinking
Page 26: Creating Innovative Interfaces using Design Thinking
Page 27: Creating Innovative Interfaces using Design Thinking

E N D R E S U L T

V I A B I L I T Y

Capable of becoming actual, useful, practicable

Business

D E S I R A B I L I T Y

The quality of being desirable

Human Values

F E A S I B I L I T Y

The state or degree of being easily or conveniently done

Technology

Page 28: Creating Innovative Interfaces using Design Thinking

T E A M

Science!Medicine!Engineering!Administration!Design!...

Page 29: Creating Innovative Interfaces using Design Thinking
Page 30: Creating Innovative Interfaces using Design Thinking

C H A L L E N G E

Desenvolver uma embalagem que crieuma excelente experiência para

o consumidor das películas ToNails.

D E S I G N

Page 31: Creating Innovative Interfaces using Design Thinking

E M P A T H Y

Page 32: Creating Innovative Interfaces using Design Thinking
Page 33: Creating Innovative Interfaces using Design Thinking
Page 34: Creating Innovative Interfaces using Design Thinking
Page 35: Creating Innovative Interfaces using Design Thinking
Page 36: Creating Innovative Interfaces using Design Thinking

OBSERVE

INTERVIEW

EXPERIENCE

Page 37: Creating Innovative Interfaces using Design Thinking

E X T R E M E

U S E R S

Source: Design Thinking Bootcamp (IntoActions 2013)

Page 38: Creating Innovative Interfaces using Design Thinking

Source: Design Thinking Bootcamp (IntoActions 2013)

Page 39: Creating Innovative Interfaces using Design Thinking

C U R I O U S

K I D

Page 40: Creating Innovative Interfaces using Design Thinking
Page 41: Creating Innovative Interfaces using Design Thinking
Page 42: Creating Innovative Interfaces using Design Thinking
Page 43: Creating Innovative Interfaces using Design Thinking

D E F I N E

PoV = persona + need + insight

Page 44: Creating Innovative Interfaces using Design Thinking

I N N O V A T I O N

TECHNOLOGY R&D(PRODUCTS, PROCESSES)

INNOVATIONFUNNEL

INNOVATIONMANAGEMENT

PROBLEMSOLVING

SUGGESTIONSCONTINUOUS

IMPROVEMENT

Page 45: Creating Innovative Interfaces using Design Thinking

H U M A N C E N T E R E D

D E S I G N

PROBLEMDEFINITION

TONS OF INNOVATIONOPPORTUNITIES

PROBLEMSOLVING

COMPETITIVEADVANTAGE

+ =

INNOVATION STARTS AND ENDS WITH PEOPLE

PoV = user + needs + insight

Page 46: Creating Innovative Interfaces using Design Thinking

Design Thinking is more PROBLEM FINDING than PROBLEM SOLVING

N E E D S I N S I G H T S+

Needs + Insights = Meaningful Challenge

Page 47: Creating Innovative Interfaces using Design Thinking

[ persona ] needs [ need ]because [ insight ]

PERSONA + NEED + INSIGHTemotions

depthsurprise

interview findingsobservations

contradictionscan be used in the solution

F O R M U L A

Page 48: Creating Innovative Interfaces using Design Thinking
Page 49: Creating Innovative Interfaces using Design Thinking
Page 50: Creating Innovative Interfaces using Design Thinking
Page 51: Creating Innovative Interfaces using Design Thinking
Page 52: Creating Innovative Interfaces using Design Thinking

I D E A T E

QUANTITY, not quality

Page 53: Creating Innovative Interfaces using Design Thinking
Page 54: Creating Innovative Interfaces using Design Thinking
Page 55: Creating Innovative Interfaces using Design Thinking
Page 56: Creating Innovative Interfaces using Design Thinking
Page 57: Creating Innovative Interfaces using Design Thinking
Page 58: Creating Innovative Interfaces using Design Thinking

P R O T O T Y P E

“Fail often to succeed sooner.” - IDEO

Page 59: Creating Innovative Interfaces using Design Thinking

time spent on a project

co

st f

or

mis

tak

es/

ch

an

ge

s

PROTOTYPEfail & learn here

TOO LATE

Page 60: Creating Innovative Interfaces using Design Thinking
Page 61: Creating Innovative Interfaces using Design Thinking

EXTREME PROTOTYPING

Page 62: Creating Innovative Interfaces using Design Thinking
Page 63: Creating Innovative Interfaces using Design Thinking
Page 64: Creating Innovative Interfaces using Design Thinking
Page 65: Creating Innovative Interfaces using Design Thinking
Page 66: Creating Innovative Interfaces using Design Thinking
Page 67: Creating Innovative Interfaces using Design Thinking

T E S T

Page 68: Creating Innovative Interfaces using Design Thinking

T E S T

LET PEOPLE USE YOUR PROTOTYPES

EXPERIMENT TO FIND BALANCE

OBSERVE THE EXPERIENCE (FILM IT)

SHORT VIDEO DEMOS

CONNECT WITH YOUR USERS

DON’T FALL IN LOVE WITH IDEAS

Page 69: Creating Innovative Interfaces using Design Thinking

T R U S T

T H E

P R O C E S S

Page 70: Creating Innovative Interfaces using Design Thinking

T R U S T

T H E

P R O C E S S

Page 71: Creating Innovative Interfaces using Design Thinking
Page 72: Creating Innovative Interfaces using Design Thinking
Page 73: Creating Innovative Interfaces using Design Thinking
Page 74: Creating Innovative Interfaces using Design Thinking
Page 75: Creating Innovative Interfaces using Design Thinking
Page 76: Creating Innovative Interfaces using Design Thinking

#1

INTRO

#2

#3

#4

#5

#6

www.designthinkingnow.com

Page 77: Creating Innovative Interfaces using Design Thinking
Page 78: Creating Innovative Interfaces using Design Thinking

W H A T A R E Y O U

W A I T I N G F O R ?

Page 79: Creating Innovative Interfaces using Design Thinking

M U I T O

O B R I G A D O

Demian BorbaDesign Thinker, Developer Evangelist

@demianborba


Top Related