the power of prototyping @ cascade sf/eventbrite
Post on 19-Jul-2015
540 Views
Preview:
TRANSCRIPT
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
6
PROTOTYPING EXPERIENCES DESIGN AT INTUIT
DESIGN!FOR DELIGHT!
USER-CENTERED DESIGN THINKING METHODOLOGY
11
PROTOTYPING EXPERIENCES
WHY PROTOTYPE? ü To answer questions.
ü Validate assumptions.
ü To visualize ideas & share them with others.
ü Fail early and cheaply.
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?
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?
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
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.
18
PROTOTYPING EXPERIENCES
FIND A PROTOTYPING TOOL THAT ALLOWS YOU TO BE FLUID WITH YOUR DESIGNS. THIS IS CRITICAL IN COLLABORATIVE & ITERATIVE PROTOTYPING.
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
“
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.
26
PROTOTYPING EXPERIENCES TEAM PROJECTS
* SVN – SubVersion - http://en.wikipedia.org/wiki/Apache_Subversion
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
30
PROTOTYPING EXPERIENCES
HARMONY DESIGN SYSTEM Making the prototype library accessible to the community.
HARMONY.INTUIT.COM
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.
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
top related