Blog

iOS mockup and prototyping



I’m working on a mobile project with a group from Hyper Island in Karlskrona right now, and mockups, wireframes and prototyping is always a hot topic in these projects.
My colleague @henrik sent me a couple of good tips (again):

iPhone Mockup

Lets you drag and drop items from the iPhone GUI to make a descent mockup of your different screens so you can easily show the basic idea of the app you’re designing.

You also get a choice of styles, either the sketched, pencil style I have pictured on the left, or a more strict design with clean lines. (you can switch between the two as you wish even after the design is done).

http://iphonemockup.lkmc.ch

So, no that you’re done with the mockup and the client has signed off on the idea, you might want to show not only what the finished app will look like, but also how it works.

The app “Prototypes” lets you build not only the look, but also the functionality of the app, without having to code it all.
This is also a great way to show the developers (programmers) exactly what you want and how you want it to work.

This app is available on the desktop App Store and it costs a bit of money, but it’s money well spent in my opinion. (if you work with this stuff of course..)

http://prototypesapp.com