Interactive Demos Made Easy AppDemoStore.com Create an app demo video in 3 steps
Create an App Demo Video in 3 Easy Steps
Jul 16, 2015
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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!
Related Documents
