+ All Categories
Home > Mobile > Create an App Demo Video in 3 Easy Steps

Create an App Demo Video in 3 Easy Steps

Date post: 16-Jul-2015
Category:
Upload: appdemostorecom
View: 234 times
Download: 0 times
Share this document with a friend
Popular Tags:
12
Interactive Demos Made Easy AppDemoStore.com Create an app demo video in 3 steps
Transcript

Interactive Demos Made Easy AppDemoStore.com

Create an app demo video in 3 steps

Follow this path and make it happen!

1. Prepare your mobile app demo. 2. Get ready for HD video recording. 3. Record it!

Preparation = 50% of success

First thing first: bring your app on your computer because you will record it from your own desktop. Sign up on AppDemoStore.com and create a screenshot based clickable demo. Define a meaningful navigation flow, add screen transition effects and make it real.

[Resources] AppDemoStore.com

Example of clickable demo: Evernote iPhone app How to create an iPhone app demo

Prepare your mobile app demo

3. Sign up on AppDemoStore.com

You can sign in from your desktop or mobile device, with your Google or Facebook account. With the basic account you can create a demo for free. Just sign up on AppDemoStore.com.

Ready, steady, HD!

In order to get a high quality HD movie you need to record the demo in a big enough size. A 720p HD movie means a resolution of 1280x720, so you'll have to make sure you play you demo in a browser window of this size or bigger

Choose your “ingredients” wisely Ready, steady, HD!

Open the app in the iOS or Android Simulator. Mirror the smartphone or tablet on your computer. Create a screenshot-based clickable demo.

Ready, steady, HD!

In order to get a high quality HD movie you need to record the demo in a big enough size. A 720p HD movie means a resolution of 1280x720, so you'll have to make sure you play you demo in a browser window of this size or bigger.

Roger that?

In order to get a high quality HD movie you need to record the demo in a big enough size. A 720p HD movie means a resolution of 1280x720, so you'll have to make sure you play you demo in a browser window of this size or bigger.

Roger that?

In order to get a high quality HD movie you need to record the demo in a big enough size. So, make sure you open the demo in full-screen by clicking the "full-screen" button next to the demo.

[Resources] Blog post about how to record your video

How should your demo look in full-screen mode

Get ready for HD video recording

Push the button! Push the button!

Now just run BB FlashBack Recorder (it's an easy, free screen recording tool) and choose to record a region of your screen. Drag the red rectangle to include your entire demo and hit the Record button. When you finish recording your video BB FlashBack Recorder saves the recording in a file which you can export as an AVI video file.

[Resources] Example of clickable demo: Evernote iPhone app

BB FlashBack Recorder The end result should look like this video

Record it!

Push the button!

Record the app and the device frame (possible only if you choose the demo-based recording). Record only the app and take advantage of not including the device frame in the video because it will have transparent background and you will be able to add the video on top of a background.

Need extra help?

Spread the message! Some quick tips: Share your video through your social media channels; Write a blog post about it; Be active on relevant groups on LinkedIn; Start creating a community around your app; Send e-mails and gather valuable feedback. Good luck!

[email protected] AppDemostore.com

T: +40 768 356 847 @AppDemoStore


Recommended