creating innovative interfaces using design thinking
TRANSCRIPT
![Page 1: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/1.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/2.jpg)
• 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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/3.jpg)
![Page 4: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/4.jpg)
dborba.com html5test.com
![Page 5: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/5.jpg)
www.phonegapbootcamp.io
![Page 6: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/6.jpg)
D E S I G N
T H I N K I N G
![Page 7: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/7.jpg)
Experience Design Thinking in 20 hours and
learn how to bring innovation to your company.
![Page 8: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/8.jpg)
A M A Z I N G U X
F I C T I O N
![Page 9: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/9.jpg)
![Page 10: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/10.jpg)
![Page 11: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/11.jpg)
![Page 12: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/12.jpg)
![Page 13: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/13.jpg)
R E A L I T Y
![Page 14: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/14.jpg)
![Page 15: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/15.jpg)
![Page 16: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/16.jpg)
![Page 17: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/17.jpg)
![Page 18: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/18.jpg)
![Page 19: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/19.jpg)
![Page 20: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/20.jpg)
H O W C A N W E
I N N O V A T E ?
![Page 21: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/21.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/22.jpg)
W A T E R F A L L
REQUIREMENTS
DESIGN
IMPLEMENTATION
VERIFICATION
MAINTENANCE
?
![Page 23: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/23.jpg)
S C R U M ?
![Page 24: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/24.jpg)
D E S I G N
T H I N K I N G
![Page 25: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/25.jpg)
![Page 26: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/26.jpg)
![Page 27: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/27.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/28.jpg)
T E A M
Science!Medicine!Engineering!Administration!Design!...
![Page 29: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/29.jpg)
![Page 30: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/30.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/31.jpg)
E M P A T H Y
![Page 32: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/32.jpg)
![Page 33: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/33.jpg)
![Page 34: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/34.jpg)
![Page 35: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/35.jpg)
![Page 36: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/36.jpg)
OBSERVE
INTERVIEW
EXPERIENCE
![Page 37: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/37.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/38.jpg)
Source: Design Thinking Bootcamp (IntoActions 2013)
![Page 39: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/39.jpg)
C U R I O U S
K I D
![Page 40: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/40.jpg)
![Page 41: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/41.jpg)
![Page 42: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/42.jpg)
![Page 43: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/43.jpg)
D E F I N E
PoV = persona + need + insight
![Page 44: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/44.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/45.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/46.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/47.jpg)
[ 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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/48.jpg)
![Page 49: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/49.jpg)
![Page 50: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/50.jpg)
![Page 51: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/51.jpg)
![Page 52: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/52.jpg)
I D E A T E
QUANTITY, not quality
![Page 53: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/53.jpg)
![Page 54: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/54.jpg)
![Page 55: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/55.jpg)
![Page 56: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/56.jpg)
![Page 57: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/57.jpg)
![Page 58: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/58.jpg)
P R O T O T Y P E
“Fail often to succeed sooner.” - IDEO
![Page 59: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/59.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/60.jpg)
![Page 61: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/61.jpg)
EXTREME PROTOTYPING
![Page 62: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/62.jpg)
![Page 63: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/63.jpg)
![Page 64: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/64.jpg)
![Page 65: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/65.jpg)
![Page 66: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/66.jpg)
![Page 67: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/67.jpg)
T E S T
![Page 68: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/68.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/69.jpg)
T R U S T
T H E
P R O C E S S
![Page 70: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/70.jpg)
T R U S T
T H E
P R O C E S S
![Page 71: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/71.jpg)
![Page 72: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/72.jpg)
![Page 73: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/73.jpg)
![Page 74: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/74.jpg)
![Page 75: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/75.jpg)
![Page 76: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/76.jpg)
#1
INTRO
#2
#3
#4
#5
#6
www.designthinkingnow.com
![Page 77: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/77.jpg)
![Page 78: Creating Innovative Interfaces using Design Thinking](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/78.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022051502/58f9aa69760da3da068b78c8/html5/thumbnails/79.jpg)
M U I T O
O B R I G A D O
Demian BorbaDesign Thinker, Developer Evangelist
@demianborba