Your SlideShare is downloading. ×
Prototype Jujutsu - Prototyping Mobile Apps Without Coding
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Prototype Jujutsu - Prototyping Mobile Apps Without Coding

5,601
views

Published on

Learn techniques to prototype mobile apps without writing a single line of code.

Learn techniques to prototype mobile apps without writing a single line of code.


1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total Views
5,601
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
51
Comments
1
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mobile Prototyping Jujutsu (Prototyping mobile apps without code) Pek Pongpaet
  • 2. Outline1. Intro2. Why?3. Tools & Techniques4. Demo
  • 3. @pekpongpaet Pek Pongpaet
  • 4. Best Entertainment AppiPadDevCamp Hackathon Chicago, May 2010
  • 5. Write about UX “...your article has been our most popular article on the site since it ran.” -Tiffany Hampton, UX Mag
  • 6. 6 Mortal Kombat Games
  • 7. The Talk
  • 8. What I’m talking about
  • 9. http://fldt.st/13zlx82
  • 10. Why???
  • 11. NOBODY READS THESE
  • 12. hard to imagine
  • 13. Wireframes generallyuseless in getting feedback
  • 14. Prototypes can be
  • 15. Cheap
  • 16. Fast
  • 17. No Hold Ups
  • 18. Unveil Usability Problems
  • 19. Original Design impossible to reach without lifting handHands Need to Move to Reach Far
  • 20. New DesignEverything is within reach
  • 21. Uncover Problems Earlier
  • 22. design looks fine
  • 23. but in normal usage,content is obscuredby hand
  • 24. Especially important if n00b to mobile
  • 25. Typical WorkflowRequirements GatheringProposalDesignDevelopDeliverNot quite what they wantReiterate
  • 26. New WorkflowRequirements GatheringProposal PrototypeClient FeedbackPixel Perfect PrototypeHand-off to dev team
  • 27. Pixel Perfect Prototypes?
  • 28. It feels real
  • 29. Woah, that’s deep
  • 30. Ressan Numba One:Poor Man’s Prototype
  • 31. Photos is Your Friendhttp://www.flickr.com/photos/53225371@N05/5972087523/
  • 32. Regular Notebooks
  • 33. Step 1: Draw
  • 34. Step 2: Take Picture
  • 35. Step 3: Enjoy
  • 36. Works for Phone Apps Too
  • 37. Ressan Numba Two:Weapons
  • 38. Balsamiq
  • 39. Mockingbird
  • 40. Konigi Wireframe Stencils
  • 41. Keynotopia
  • 42. Photoshop Templates
  • 43. Invision
  • 44. FieldTest
  • 45. Ressan Numba Tree:Edge Cases
  • 46. Error States
  • 47. No internet
  • 48. No GPS
  • 49. OK, I’m ready to kick some ass
  • 50. http://fldt.st/1ub5jt
  • 51. follow me on twitter@pekpongpaet
  • 52. For more reading on designhttp://shelfluv.com/pekpongpaet/design