viagra comprar viagra

Oct 30, 2010


on Facebook

How to Create Demo of your iPhone App on your iPhone!

This is one app that I’ve been yearning for – for a long time. This one enables users to create a demo of an iPhone app directly from the iPhone itself.
There are all kinds of alternatives where you need to download an iPhone emulator and additional software or screen recorder to achieve the same results. Luckily, and after a very long time of waiting, I found one app that actually allows you to create a demo using screenshots from your iPhone.

Introducing Mockabilly: An app that creates Mockups on the iPhone. This is how they describe it, a better description would be: an app that lets you create nifty demos from iPhone screenshots. Well, it is still in mockups phase I guess but in a way it could be both. Before you run and buy the app, I suggest that you try the lite version first. It is far from being easy to understand although it seems easy enough at first. It took me quite a while to get it to work but that was probably because there are some hidden features that you need to play with to get the hang out of it. But once you get the idea, it is easier to adjust to it.

So how does this app really work?

Let’s say you downloaded the lite version to begin with – and then take under consideration that you can create a mockup/demo out of 6 screenshots only (which is never enough if you want to show a whole concept).

  • First, go and capture some screenshots from your iPhone (via the iPhone – Just hold down the bottom button, and click the top one). Try to capture some sort of a flow in your app, it will be easier to explain the concept to your visitors this way.
  • Open the app, click on add mockup, give it a name and click edit.

  • Now click on the “Screens” button and choose the mockup/demo-screens from your images library.

  • Click on the “Flows” button after you finish to upload all the screenshots in the order you want and add touchpoint and target-screens, and define a typical iPhone transition from scenario A to B. This one is a bit tricky – you might need to first add all the touchpoints, then double click at the end to go back to the main screen, then click on the “Flows” button again and stand on each touchpoint with your finger to open the editor transition mode. Don’t worry, eventually you’ll get it.

  • You can also upload folders with images via mockups internal FTP and use the screens instantly to create a mockup or a demo.
  • Instant ‘play mode‘ to test your mockup: Just touch “play” and see your designs or screenshot demo in action. Switch between edit and play within your mockup-assembly and finetune the way your app-concept will appear. You can change the screens while keeping the interaction intact.

All your mockups are available via the internal mockabilly FTP function. When you create a mockup, a new directory, including all used screen images and mockup-flows, is also created. This directory can be accessed through WIFI and FTP.

As soon as your device is connected to a WiFi network, you are able to start the Mockabillys internal FTP server by tapping the ‘Start FTP’ icon. Using a FTP client on your computer, you connect to the mockabilly FTP server to upload and download your mockup data (Only available in the full version).

I have to admit, this is one of the most confusing applications I’ve ever tried, but because I really wanted it to work, I managed to understand how to handle its “deficiencies.” The one thing that hurt my experience the most was the fact that I needed to use an FTP in order to upload the video instead of just being able to download it to my iPhone or upload it directly to Youtube. If you are a developer or a designer this might not be a problem for you, but for me it was just a hassle, to download an FTP server first, then to handle all the rest. This was unnecessary part, especially when the app cost $7 (which is not considered that cheap when it comes to apps), I expect to get a better experience and more easy to use features for that price.

Overall, I liked Mockabilly very much, but was pretty frustrated at the end of the process. Let me know what you think after you try it yourself. Note that this could be a great solution if you are looking for a way to create a demo for your app, or showcase a mockup of an app to a client.

  • Orli Yakuel

    Blog Founder