Top Banner
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 Borba Design Thinker, Developer Evangelist @demianborba
79

Creating Innovative Interfaces using Design Thinking

Aug 11, 2014

Download

Design

Demian Borba

See all phases of Design Thinking and learn how to bring innovation to your company (in-company training: http://www.designthinkingnow.com)
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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