Hands-On Prototyping Without Code

1,033 views

Published on

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,033
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Hands-On Prototyping Without Code

  1. 1. http://ux.handson.co
  2. 2. Hands-on Prototyping Without Code @andreehuk
  3. 3. @andreehuk Rookie Mistake #1 No white space
  4. 4. @andreehuk
  5. 5. @andreehuk Rookie Mistake #2 Huge monitors
  6. 6. @andreehuk
  7. 7. @andreehuk
  8. 8. @andreehuk
  9. 9. @andreehuk Wrong perspective Correct perspective
  10. 10. @andreehuk Expert Heuristic When it looks toooo big, it’s about right
  11. 11. @andreehuk Getting our hands dirty
  12. 12. @andreehukFake Real Keynote Bootstrap (no DB) proto.io omnigraffle flinto invisionapp Framer
  13. 13. powerpoint @andreehuk
  14. 14. @andreehuk powerpoint
  15. 15. powerpoint @andreehuk
  16. 16. @andreehuk powerpoint
  17. 17. flinto.com @andreehuk $20 / month
  18. 18. @andreehuk screenshots in flinto.com
  19. 19. @andreehuk screenshots in flinto.com
  20. 20. Flinto @andreehuk • Good for real interactions • Very simple and fluid • Web connection needed for testing
  21. 21. omnigraffle @andreehuk $99 or $199 once
  22. 22. @andreehuk omnigraffle
  23. 23. @andreehuk omnigraffle
  24. 24. @andreehuk omnigraffle then key b+click to jump between slides
  25. 25. @andreehuk or omnigraffle wf’s into keynote
  26. 26. @andreehuk export as PDF, open in… to test
  27. 27. omnigraffle @andreehuk • Boatloads of stencils available • Very smooth workflow between WF’ing and testing IX’s • Not good for creating rich interactions
  28. 28. keynote @andreehuk Free with every new Mac
  29. 29. @andreehuk keynote biggest issue: “slide follows slide” concept Hardly any rich IX’s doable in non-linear prototypes
  30. 30. @andreehuk keynote
  31. 31. @andreehuk keynote
  32. 32. @andreehuk keynote On “Play” you then click (“jump”) chronologically from slide to slide
  33. 33. Keynote @andreehuk • Very good for effects • Very good for click interactions • Not good for creating rich interactions across many screens
  34. 34. proto.io @andreehuk $24 - $160 / month
  35. 35. @andreehuk proto.io
  36. 36. @andreehuk proto.io
  37. 37. @andreehuk proto.io Rich interactions in the browser or on mobile
  38. 38. proto.io @andreehuk • Very good for rich interactions • Steeper learning curve • Web connection needed for testing
  39. 39. Get in touch andree+vcard@incuba.de

×