iPhone Prototyping

8 Feb 2010 - 6:26pm
4 years ago
7 replies
2743 reads
Mitchell Gass
2004

I'm looking for tools and techniques to build medium-fidelity
prototypes of iPhone applications, ones that support iPhone gestures
like swipes but that can be created and modified more quickly than
full-blown applications developed with the iPhone SDK. If any of you
can tell us about tradeoffs between fidelity and time savings for any
of the following - or about other tools that should be on the list -
I'd appreciate hearing from you!

- jQuery Touch plug-in

http://plugins.jquery.com/project/touch

- MobiOne iPhone emulator

http://www.genuitec.com/mobile/

- Corona

http://developer.anscamobile.com/

- Hybrid approaches with Fireworks and JavaScript

http://www.adobe.com/devnet/fireworks/articles/prototype_iphone_app.html

Thanks!

Mitchell Gass
uLab | PDA: Learning from Users | Designing with Users
Berkeley, CA 94707 USA
+1 510 525-6864 office
+1 415 637-6552 mobile
+1 510 525-4246 fax
http://www.participatorydesign.com/

Comments

8 Feb 2010 - 8:47pm
Suzanne Ginsburg
2009

Hi Mitchell,

It sounds like you want something closer to the real thing, but I
know a number of people have been happy with Keynote since the
transitions are similar to the ones on the iPhone.

If a click-through prototype is acceptable, you may want to read some
entries on my blog:

http://www.iphoneuxreviews.com/?p=57
http://www.iphoneuxreviews.com/?p=23

Also, keep Briefs in mind. I believe it's still in development:
http://giveabrief.com/

Good luck,
Suzanne

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49145

9 Feb 2010 - 12:13am
Dan Harrelson
2007

Here's instructions for building an interactive prototype in
Illustrator and Flash Catalyst.
http://www.creativepro.com/article/mobile-design-how-use-vector-iphone-skin

LiveView lets you "broadcast" a prototype on your desktop to a
phone for testing touch interactions.
http://www.zambetti.com/projects/liveview/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49145

9 Feb 2010 - 9:33am
Jess Eddy
2009

You should check out the iPhone SDK: http://developer.apple.com/iphone. It comes with an interface builder that is non-developer friendly for basic things and allows you to quickly build an interface. Not too sure about the swipe gestures though.

9 Feb 2010 - 9:36am
Jess Eddy
2009

Sorry, read that too quickly and saw that you already referenced the iPhone SDK. I came across this the other day, maybe worth checking out: http://webapp-net.com/

11 Feb 2010 - 7:40am
Pietro Desiato
2008

Axure is another tool that you should take into consideration. They
rolled out a iphone library with all the components. You renounce to
some fidelity but save time.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49145

11 Feb 2010 - 8:55am
Graham Sear
2010

I would second Dan's suggestion for Flash Catalyst.

However, that's already been mentioned so...If you're looking for
the design elements of the iPhone for prototyping this recent post
has a large collection of elements for different software(Photoshop,
Illustrator, fireworks etc):

http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/

Scroll down to/or search for 'Mobile App Development Resources' on
the page.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49145

11 Feb 2010 - 3:50pm
Ingekuijper
2009

Hi Mitchell!

At UNITiD we use Fireworks for iPhone prototyping. My colleague has
built a very easy, open source tool which allows you to easily built
prototypes for iPhone. You can include transitions like swipe, pop,
fade, etc in a second.

Please find a demo and all information and downloads here:
http://unitid.nl/2009/04/prototyping-for-the-iphone-using-fireworks-cs3/

Regards,
Inge Kuijper
www.unitid.nl

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49145

Syndicate content Get the feed