Prototyping For Better User Experiences

Here is the deck from a presentation I did at Purple, Rock, Scissors for Design With A Purpose. It covers the basics of UX with a quick overview of prototyping tools with a focus on Axure.

Transcript

1. nikwilliamson nikw
2. FIRST THINGS FIRST. DOWNLOAD AXURE IF YOU HAVE A COMPUTER WITH YOU. www.axure.com/download
3. PROTOTYPING FOR BETTER USER EXPERIENCES
4. SKETCHES, WIREFRAMES, PROTOTYPES. WHATS THE DIFFERENCE?
5. SKETCHES
6. CEO AGENDA Search INDUSTRIES BUSINESS TOPICS VIEWPOINTS FACEBOOK REGISTER LOGIN LOGO Your Strategy Needs A Strategy For anyone leading a business or charged with developing a winning strategy this book is for you. The world of strategy is thick with opposing ideas and frameworks; Your Strategy Needs a Strategy will help you cut through the noise and find clarity on which approach is your best bet. EXPLORE STRATEGIES Lorem ipsum dolor sit amet, consectetur adipiscing elit. WIREFRAMES
7. PROTOTYPES
8. WHY PROTOTYPE?
9. REASON 1 SAVE TIME
10. REASON 2 SAVE MONEY
11. REASON 3 UNDERSTAND THE PROBLEM BETTER
12. REASON 4 GET FEEDBACK QUICKLY
13. REASON 5 GET STARTED QUICKLY
14. REASON 6 MORE ITERATIONS MAKES A BETTER PRODUCT
15. LIES, MISCONCEPTIONS, & MYTHS ABOUT PROTOTYPING
16. MYTH 1 PROTOTYPING TAKES TOO MUCH TIME AND EFFORT
17. MYTH 2 PROTOTYPING REQUIRES TECHNICAL SKILLS
18. MYTH 3 PROTOTYPING IS SO EXPENSIVE
19. MYTH 4 PROTOTYPES ARE UNNECESSARY WHEN YOU’RE LEAN/AGILE
20. MYTH 5 PROTOTYPES ARE ONLY FOR CERTAIN TYPES OF PRODUCTS OR OFFERINGS
21. MYTH 6 THERE IS NO VALUE IN PROTOTYPING
22. DESIGN BY MAKING
23. I’ve been amazed at how often those outside the discipline of design assume that what designers do is decoration. Good design is problem solving. —Jeffery Veen
24. HOW DO I PROTOTYPE?
25. AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAMER STUDIO FRAMER.JS GLIFFY GOOGLE WEB DESIGNER INDESIGN CC INDIGO STUDIO INVISION JS BIN JS FIDDLE JUSTINMIND KEYNOTE LIVEWEAVE LUCID CHART MAGIC MOCKUPS MARVEL OMNIGRAFFLE ORIGAMI PIXATE PLACE IT POLYMER DESIGNER POP POWERPOINT PROTO.IO SOLIDIFY TWITTER BOOTSTRAP UX PIN VISIO VUE WIREFRAME.CC
26. AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAMER STUDIO FRAMER.JS GLIFFY GOOGLE WEB DESIGNER INDESIGN CC INDIGO STUDIO INVISION JS BIN JS FIDDLE JUSTINMIND KEYNOTE LIVEWEAVE LUCID CHART MAGIC MOCKUPS MARVEL OMNIGRAFFLE ORIGAMI PIXATE PLACE IT POLYMER DESIGNER POP POWERPOINT PROTO.IO SOLIDIFY TWITTER BOOTSTRAP UX PIN VISIO VUE WIREFRAME.CC
27. WHAT CAN AXURE DO?
28. Axure helps you create simple click-through mockups or highly functional, rich prototypes with conditional logic, dynamic content, animations, drag and drop, and calculations.
29. WHY AXURE?
30. SIMPLE. IT’S THE BEST TOOL FOR ME
31. LETS MAKE SOMETHING!