"The Power of Prototyping" with Vince Teodoro Interaction Design Lead at Intuit Vince Teodoro, an XD lead at QuickBooks at Intuit will talk about the power of interactive prototyping for a product ecosystem at a design driven company. Vince will discuss the power of storytelling through prototyping and how easy it is to apply it into your workflow. This presentation will also cover popular tools, best practices, workflows, and ways you can bring your designs to life through prototyping.

1. THE POWER OF PROTOTYPING
INTUIT EXPERIENCE DESIGN
VINCE TEODORO

2. VINCE TEODORO
ROLE/BUSINESS UNIT
SR INTERACTION DESIGNER
(QUICKBOOKS PAYMENTS)
INN
PREVIOUS EXPERIENCES
YODLEE, ELLIE MAE, AKIRA CREATIVE GROUP,
NORTHRUP GRUMMAN
Elevating the craft
of "
DESIGN!
through !
LEAN UX & !
PROTOTYPING!
INTUIT TENURE
2.5 YEARS
@vinceteodoro
vinceteodoro.com

3. 5
POWER OF PROTOTYPING

4. 6
PROTOTYPING EXPERIENCES DESIGN AT INTUIT
DESIGN!
FOR
DELIGHT!
USER-CENTERED
DESIGN THINKING
METHODOLOGY

5. 7
PROTOTYPING EXPERIENCES DESIGN AT INTUIT
Design
For
Delight

6. 8
PROTOTYPING EXPERIENCES DESIGN AT INTUIT
LEAN UX

7. 9
PROTOTYPING EXPERIENCES
WHAT’S A PROTOTYPE?
A prototype is an early, testable
version of an idea.

8. 10
PROTOTYPING EXPERIENCES
DANIEL ROMANO CREATIVE DIRECTOR @ DISNEY INTERACTIVE

9. 11
PROTOTYPING EXPERIENCES
WHY PROTOTYPE?
ü To answer questions.
ü Validate assumptions.
ü To visualize ideas & share them with others.
ü Fail early and cheaply.

10. 12
PROTOTYPING EXPERIENCES
ü Quick – Create multiple versions fast and iterate faster.
ü Cheap – You won’t mind throwing it away.
ü Minimal – Contains core features you want to test.
ü Testable – You can put it in front of people to use.
ü Measurable – Get numbers and data behind what works and what doesn’t.
WHAT MAKES A GOOD PROTOTYPE?

11. 13
PROTOTYPING EXPERIENCES
WHAT’S THE APPROPRIATE FIDELITY?
WILL ULTIMATELY DEPEND ON YOUR
GOALS & OBJECTIVES
_ Who will use it?
_ What are you trying to learn?
_ Will this method communicate or test well?

12. 14
PROTOTYPING EXPERIENCES
PROTOTYPES
CAN COME IN
MANY FORMS
AND
FIDELITIES

13. 15
PROTOTYPING EXPERIENCES
DISCOVER
DEFINE
DEVELOP
DELIVER
Paper
prototypes
Clickable
prototypes
Functional
prototypes
High-fidelity
Visual, motion,
responsive
• Minutes
• Higher-level
feedback
• Minutes/Hours
• Test general
flow
• Hours/Days
• Test logic &
interactions
• Days
• Refine final visual
assets & animations

14. 16
PROTOTYPING EXPERIENCES
ELMO MONSTER
MAKING APP
BY IDEO

15. 17
PROTOTYPING EXPERIENCES
BUT THERE’S SOOOO
MANY TOOLS
OUT THERE!
BUT DON’T FEEL OVERWHELMED LIKE THIS GUY.
JUST TRY SOMETHING. THEN TRY ANOTHER.
YOU WON’T REGRET IT.

16. 18
PROTOTYPING EXPERIENCES
FIND A PROTOTYPING TOOL THAT
ALLOWS YOU TO BE
FLUID WITH YOUR DESIGNS.
THIS IS CRITICAL IN
COLLABORATIVE & ITERATIVE
PROTOTYPING.

17. 19
PROTOTYPING EXPERIENCES

18. 20
PROTOTYPING EXPERIENCES

19. 21
PROTOTYPING EXPERIENCES

20. 22
PROTOTYPING EXPERIENCES
LET’S DIVE INTO A TOOL
THAT’S WORKED FOR US.
TOOLS/AXURE

21. 23
PROTOTYPING EXPERIENCES
WHAT IS AXURE?
Wireframe and mockup software
designed to help users create
prototypes of apps and websites
Without facing
Any coding.
OVER 60%
OF THE
FORTUNE 100
USE AXURE RP
“

22. 24
PROTOTYPING EXPERIENCES
SO WHY
AXURE?

23. 25
PROTOTYPING EXPERIENCES
SIMPLE. IT WORKS FOR OUR NEEDS.
ü Easy to follow video tutorials
(beginners to advanced levels).
ü Shared projects & libraries.
ü Responsive design support.
ü Easy to deploy prototypes.
ü Great for designing desktop
and mobile.
ü Amazing axure & community
support.

24. 26
PROTOTYPING EXPERIENCES
TEAM PROJECTS
* SVN – SubVersion - http://en.wikipedia.org/wiki/Apache_Subversion

25. 27
THE POWER OF PROTOTYPING

26. 28
THE POWER OF PROTOTYPING

27. 29
PROTOTYPING EXPERIENCES
STRENGTHS & WEAKNESSES
ü Prototyping detailed interactions
ü Showing sequence of events and
animations
ü Collaborative design via team
projects
ü Concept design
ü Telling your product’s end-to-end
story
ü Mobile prototypes
ü Ease sharing of prototypes
ü Pixel-level design
ü Production-ready code
ü UI pattern explorations
ü Animation explorations
ü HTML embedding
GOOD FOR NOT GOOD FOR

28. 30
PROTOTYPING EXPERIENCES
HARMONY
DESIGN
SYSTEM
Making the
prototype library
accessible to the
community.
HARMONY.INTUIT.COM

29. 31
THE POWER OF PROTOTYPING
AXURE WIDGET LIBRARY DEMO

30. 32
PROTOTYPING EXPERIENCES

31. 33
PROTOTYPING EXPERIENCESSAMPLE PROTOTYPES"
WIREFRAME / WEB / MOBILE

33. 35
PROTOTYPING EXPERIENCES
BEST PRACTICES & TIPS
_ Tell an end-to-end story. (before/during/after)
_ Show the in-between states.
_ Show explorations when you can.
_ Use video screencasts.
_ Don’t fall in love with your prototype.
_ Avoid feature bloat. Concentrate on MVP/MAP.

34. BECAUSE IN THE END…
USE A TOOL THAT WORKS FOR
YOU AND BRING YOUR MOCKS
TO LIFE!

36. 38
POWER OF PROTOTYPING
ARTICLES
_ Axure Tips – UX for the masses
http://www.uxforthemasses.com/axure-tips/
_ The RITE Way to prototype
http://uxmag.com/articles/the-rite-way-to-prototype
_ Road test prototype tools
http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes
_ Five Prevalent Pitfalls when Prototyping
https://www.uie.com/articles/pitfalls_prototyping/
BOOKS
_ Prototyping – A Practitioner’s Guide by Todd Zaki Warfel
_ Axure RP Prototyping Cookbook by John Henry Krahenbuhl
BOOKS & RESOURCES

37. 40
POWER OF PROTOTYPING USER EXPERIENCE DESIGN AT INTUIT
We’re hiring @ jobs.intuit.com

38. 41
THE POWER OF PROTOTYPING
THAT’S ALL FOLKS! QUESTIONS?
WOOHOO! LET’S GET PROTOTYPING!