Recommended
More Related Content
What's hot
Viewers also liked
Viewers also liked (13)
Similar to Hands-On Prototyping Without Code
Similar to Hands-On Prototyping Without Code (20)
More from itnig
More from itnig (20)
Recently uploaded
Recently uploaded (20)
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