Post on 16-Apr-2017
Mobile Prototyping Jujutsu(Prototyping mobile apps without code)
Pek Pongpaet
Outline1. Intro
2. Why?
3. Tools & Techniques
4. Demo
@pekpongpaetPek Pongpaet
Best Entertainment AppiPadDevCamp Hackathon
Chicago, May 2010
Write about UX
“...your article has been our most popular article on the
site since it ran.”-Tiffany Hampton, UX Mag
6 Mortal Kombat Games
The Talk
What I’m talking about
Why???
NOBODY READS THESE
hard to imagine
Wireframes generally useless in getting feedback
Prototypes can be
Cheap
Fast
No Hold Ups
Unveil Usability Problems
Original Design
Hands Need to Move to Reach Far
impossible to reachwithout
lifting hand
New Design
Everything is within reach
Uncover Problems Earlier
design looks fine
but in normal usage, content is obscured by hand
Especially importantif n00b to mobile
Typical WorkflowRequirements Gathering
Proposal
Design
Develop
Deliver
Not quite what they want
Reiterate
New Workflow
Requirements Gathering
Proposal Prototype
Client Feedback
Pixel Perfect Prototype
Hand-off to dev team
Pixel Perfect Prototypes?
It feels real
Woah, that’s deep
Ressan Numba One:
Poor Man’s Prototype
Photos is Your Friend
http://www.flickr.com/photos/53225371@N05/5972087523/
Regular Notebooks
Step 1: Draw
Step 2: Take Picture
Step 3: Enjoy
Works for Phone Apps Too
Ressan Numba Two:
Weapons
Balsamiq
Mockingbird
Konigi Wireframe Stencils
Keynotopia
Photoshop Templates
Invision
FieldTest
Ressan Numba Tree:Edge Cases
Error States
No internet
No GPS
OK, I’m ready to kick some ass
follow me on twitter
@pekpongpaet
For more reading on designhttp://shelfluv.com/pekpongpaet/design