Idea to App in a Week: Prototyping an iPhone application

Tuesday August 16, 2011

This past week I’ve been working on prototyping an iPhone application using iRise Studio. It took some trial and error to figure out how to get it to display properly on an iPhone, but once I got that handled the rest of the process went pretty smoothly.

 

Planning out the process

For my test prototype I created an application called FindMyPad, which is an app to help you search for an apt/house to rent/buy. I designed some of the elements in Photoshop, and also used free UI Development kits I found online. Using the UI kits helped cut down on design time, which helped me focus more on the interaction.

 

A few tips if you’re creating your own mobile prototype in iRise:
1. Font – Use a minimum font size of 24px for content, and 36px for titles.
2. Scale up – Graphics size differently when you view them on your phone, so even if they look right to you in Photoshop/iRise, chances are you will have to scale them up to look right on the iPhone.
3. Use a Master – Although it did get a bit confusing working with everything on one page, I found the prototype worked more realistically this way since it didn’t have a lag time for page load.

App Splash Screen

Check out a short video of the end result below.

Have questions? Feel free to ask!

Posted at 7:00 am by

Permalink    /    Comments (0)

No comments yet.

YOU CAN CONTACT US TODAY
FILL OUT A FORM - WE'LL GET BACK TO YOU.

We handle your information carefully.
That’s a promise.
OR YOU CAN CALL US. (877) 438-9944 Please leave a message if we can't pick up.
We will call you back.
OR E-MAIL US. hello@id8.com
Tell us a bit about how we can help you.
Newsletter Signup © 2012 id8
Website designed and built using the 
Sketch, Prototype, Build method from id8.
We will not bother you with spam.
And your email address remains safe.