May 10, 2016

HOW TO: Create a Demo or Tutorial of your Apple TV App

Spread the word

Starting this week, you can create demos of your OS TV app on AppDemoStore platform. Demos are a great way to promote your app or show how it works - especially for apps that are not free. It is a fact that people are more willing to buy a product if they have the change to "try before you buy" it.

This guide shows you how to create an online interactive demo of your app - like the one on right-hand side - in just a couple of minutes, for free. Your demo will be interactive, guided, online, easy to embed in your website or blog, and will run in the browser or on mobile devices.

1Make up your mind about the scenario you want to demo

One of the best selling scenario is showing your potential users how your app solves one of their problems.

2Take screenshots of this scenario, screen by screen

To take screenshots of the Apple TV App, follow these steps:

  • Install Xcode from the Mac App Store
  • Connect your Apple TV to your Mac with a USB-C to USB cable
  • Open Xcode and go to the Window menu
  • Open the Devices window
  • Select your Apple TV
  • Click on the Take Screenshot button
3Sign up to www.AppDemoStore.com

You can sign in from your desktop or mobile device, with your Google or Facebook Account or create an AppDemoStore account. You can create one demo with the FREE account.

4Create a new demo and Upload your screenshots to it

In the section "My Demos", click the "Create Demo" button. Select the Apple TV frame for your demo (available in the Others tab) and give your demo a relevant name. The frame will be visible when the demo is viewed on a computer and not visible when viewed on a mobile device.

Upload your screenshots to your demo by clicking the button "Upload Screenshots" and selecting the files from your disk (multiple file upload is possible).

5Add interaction, animations and annotations.
  • Use the "Hotspot" control to add interaction between your screenshots. You can choose the transition effect between screens (slide up/down, fade). More details here.
  • Use the "Textbox", "Callout" and "Link" controls to add annotations, explanations, auto-typing and links.
  • Use the "Timer" control to simulate loading effects or show a screen for a limited time (e.g. splash screen).
  • Use the "Scrollable Area" control to create horizontal or vertical scrollable areas. More details here.
  • Use the "Arrow" control to add customizable arrows. More details here.
  • Use the "iFrame" control to embed webpages in your demo.
  • Use the "Image" control to add small images on top of the screenshots.
  • Use the "Video" control to embed a YouTube video in your demo.
  • Use the "Sound" control to upload audio files or provide a text to be spoken with our Text-to-Speech functionality. More details here.
  • Use the "User Input" control to let users type information into a field that is carried over to the next screens. More details here.
The demo is HTML-based, thus runs in any desktop or mobile browser. We support the free account with Google-ads, but we try to keep them at a minimum. You can remove all the ads by upgrading to PRO.




Common use cases for using your demo
  • Share the link to your demo via Email or social networks.
  • Embed demo in your website or HTML email. Get the embedding code on the demo page by clicking the button "Embed". Your prospective users will be able to click through your app demo right on your website or email.
  • Embed the demo into your Facebook Page. Learn how to do this here.
  • Embed demo in your app. Learn how to do this here.
  • Download your demo as an HTML, ZIP or PDF and use it as you wish.
  • Capture leads and feedback with your demo.
  • Get in-depth demo analytics such as where did user click, interaction flow, exit screens, etc. More details here.
  • Use it as a starting point for generating a demo video for your app. More details here.