Recording a demo for your iPhone app

Posted on May 12, 2009

screenflowiconI wanted to show off BickBott’s first iPhone app to our community, so the obvious choice was to do a video of me talking about/using the app itself. I could have just pointed my camera at my iPhone’s screen and talked through the app, but I wanted something more professional. Turns out it wasn’t too hard to pull off…

  1. Set your desktop on your Mac to something simple (I just used solid gray, but Apple has some nice pre-set colors in system preferences to choose from).
  2. Launch XCode and compile your app for the iPhone Simulator.
  3. Minimize everything except the iPhone Simulator to the dock.
  4. I used ScreenFlow to record my “iPhone” which is $99, but you can also use TechSmith’s free Jing app to accomplish the same basic thing. Jing has less editing capabilities than ScreenFlow, but it still gets your demo across to your users.
  5. ScreenFlow has a lot of editing and multi-track layout features (I was able to put our app icon in, my twitter icon, and some basic info about myself into the video).
  6. Now, if you want to be one of the cool kids, here’s a ScreenFlow tip! You can change the shape of your cursor AFTER you’ve recorded your demo. I changed mine to the classic iPhone demo circular “finger tap” cursor (you know the one) to polish off the demo and make it look more professional.
  7. Choose your favorite video sharing site (we like Vimeo) and publish your app demo.

1 Response

  1. Tony Chester
    June 12, 2009

    Thanks for this. I was just watching an iPhone app commercial the other day and was wondering what they used to produce it. And where’s *your* cool video?


Subscribe

FREE email tips for iPhone designers and developers

Chock full of useful iPhone developer and design advice every 2 weeks. Top-notch secret advice and articles not available anywhere else.

About Bickbot.com

We are an iPhone App company that focuses on making beautifully designed apps for the Apple iPhone.

We're writers for GigaOm's TheAppleBlog.com writing tutorials for the community.

We're community enthusiasts so please feel free to contact us about iPhone app design and development.

The Bickbot tribe is

Henry Balanon
Founder & Lead Developer

John Ellenich
Lead Designer

Adrian Pittman
Director of Development

Aubrey Zimmerman
Public Relations