Downloaded 17 times
Uploaded byitnig
Hands-On Prototyping Without Code
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.
More Related Content
Hands-On Prototyping Without Code
- 1.
- 2.
- 3. @andreehuk Rookie Mistake #1 Nowhite space
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. @andreehuk Expert Heuristic When itlooks toooo big, it’s about right
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20. Flinto @andreehuk • Good forreal interactions • Very simple and fluid • Web connection needed for testing
- 21.
- 22.
- 23.
- 24. @andreehuk omnigraffle then key b+clickto jump between slides
- 25. @andreehuk or omnigraffle wf’sinto keynote
- 26. @andreehuk export as PDF,open in… to test
- 27. omnigraffle @andreehuk • Boatloads ofstencils available • Very smooth workflow between WF’ing and testing IX’s • Not good for creating rich interactions
- 28.
- 29. @andreehuk keynote biggest issue: “slide followsslide” concept Hardly any rich IX’s doable in non-linear prototypes
- 30.
- 31.
- 32. @andreehuk keynote On “Play” youthen click (“jump”) chronologically from slide to slide
- 33. Keynote @andreehuk • Very goodfor effects • Very good for click interactions • Not good for creating rich interactions across many screens
- 34.
- 35.
- 36.
- 37. @andreehuk proto.io Rich interactions in thebrowser or on mobile
- 38. proto.io @andreehuk • Very goodfor rich interactions • Steeper learning curve • Web connection needed for testing
- 39.