The Power of Prototyping @ Cascade SF/Eventbrite
•
5 j'aime•1,437 vues
"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.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (13)
Similaire à The Power of Prototyping @ Cascade SF/Eventbrite
Similaire à The Power of Prototyping @ Cascade SF/Eventbrite (20)
Dernier
Dernier (20)
The Power of Prototyping @ Cascade SF/Eventbrite
- 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
- 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.
- 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 “
- 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
- 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!