Hands-On Prototyping Without Code
1 like1,258 views
The document discusses various prototyping tools that can be used to create prototypes without code, including Flinto, OmniGraffle, Keynote, and Proto.io. For each tool, it provides information on pricing, strengths, weaknesses and how they can be used to create prototypes and test interactions. It emphasizes that while tools like Keynote and OmniGraffle are good for basic click interactions, Proto.io and Flinto allow for richer interactive prototypes that can be tested in the browser or on mobile.
Hands-On Prototyping Without Code
- 3. @andreehuk Rookie Mistake #1 No white space
- 4. @andreehuk
- 5. @andreehuk Rookie Mistake #2 Huge monitors
- 6. @andreehuk
- 7. @andreehuk
- 8. @andreehuk
- 10. @andreehuk Expert Heuristic When it looks toooo big, it’s about right
- 12. @andreehukFake Real Keynote Bootstrap (no DB) proto.io omnigraffle flinto invisionapp Framer
- 20. Flinto @andreehuk • Good for real interactions • Very simple and fluid • Web connection needed for testing
- 21. omnigraffle @andreehuk $99 or $199 once
- 24. @andreehuk omnigraffle then key b+click to jump between slides
- 25. @andreehuk or omnigraffle wf’s into keynote
- 26. @andreehuk export as PDF, open in… to test
- 27. omnigraffle @andreehuk • Boatloads of stencils available • Very smooth workflow between WF’ing and testing IX’s • Not good for creating rich interactions
- 28. keynote @andreehuk Free with every new Mac
- 29. @andreehuk keynote biggest issue: “slide follows slide” concept Hardly any rich IX’s doable in non-linear prototypes
- 32. @andreehuk keynote On “Play” you then click (“jump”) chronologically from slide to slide
- 33. Keynote @andreehuk • Very good for effects • Very good for click interactions • Not good for creating rich interactions across many screens
- 34. proto.io @andreehuk $24 - $160 / month
- 37. @andreehuk proto.io Rich interactions in the browser or on mobile
- 38. proto.io @andreehuk • Very good for rich interactions • Steeper learning curve • Web connection needed for testing