1.0 App Submission & Approval Process

1.1 Submissions

Prior to beginning development on an app, please submit your concept by clicking here.

1.2 Approval

Once your app is complete and ready for launch, just provide us with a URL to your app by clicking here. We will complete our review within 5-10 business days.

2.0 API Document

Click here to view the Viggle Platform API Document.

3.0 Integrating Your App Into Viggle Show Pages

When your app is approved for release, we will coordinate a launch date with you. Your app will be deployed onto the “Show Page” for the shows and/or genres that you’ve designated and will appear similar to the following:

Purple Slider

When submitting your app, you can also specify if you’d like your app to only appear on the “Show Page” when the respective show is on air.

4.0 Changing User Settings

You must confirm with the user any time your app will be changing a user’s Viggle profile settings. This includes, but is not limited to, changing a user’s likes and setting a reminder.

5.0 Canvas

Your app will be used on both iPhone and Android devices. iPhones have a consistent screen size, but Android devices vary in both size and aspect ratio. Please take this into account and optimize your front-end for the best user experience, regardless of the device.

5.1 iPhone

For the best user experience on iOS devices, optimize for the following screen sizes when developing your app:

  • iPhone 5 screens are 640 x 1136
  • iPhone 4/4S screens are 640 x 960
  • iPhone & iPod Touch are 320 x 480

You will need to account for the carrier bar, as well as the purple “Viggle bar” which appears on all Viggle pages and apps. This is 128px.

Therefore, if developing for the iPhone 5, your app should have a canvas of 640 pixels wide X 1008 pixels long. The length is fluid, meaning that you can develop apps that are longer than the screen height, but the user will be required to scroll down to view all of the content. Content that appears “below the fold” is often viewed or engaged with less than content that’s “above the fold.”

5.2 Android

For the best user experience on Android devices, optimize for the following screen sizes when developing your app:

  • X-large screens are at least 720 x 960
  • Large screens are at least 480 x 640
  • Standard screens are at least 320 x 470
  • Small screens are at least 320 x 426

Because of the variance in Android devices, we cannot provide an exact canvas size. As a general guideline, the carrier bar and the purple “Viggle bar” will account for 15% of the screen length. As with the iPhone, the canvas length is fluid.

6.0 Top Bar

In order to maintain consistency throughout a user’s experience, Viggle’s purple header bar will be automatically displayed on each page (see Canvas section above). The Viggle API allows you to customize this header by including your own logo and adding plain text.

If you will be using a LOGO:
Top Logo Bar

  • LOGO should be transparent as it will sit on a purple background

If PLAIN TEXT is used:
top bar plain text

  • Character limit

 

You must account for navigation within your app separate of Viggle’s standard navigation elements. In particular, the “back” button in the Top Bar will take the user back to the referring page within Viggle. It will NOT take the user to the previous page within your app. This means that its possible for the user to exit your app at any point, and your app experience will need to take that into consideration.

Your app’s navigation and individual buttons should be simple and easy for the user to distinguish as an interactive element on the screen. For the best user experience, the navigation and individual buttons should look sharp and tactile.
buttons

7.1 Navigation

  • To increase clarity, choose only elements that are necessary. Make your navigation sections large and avoid unnecessary options. If needed, create additional screens with fewer options.

7.2 Buttons

A few guidelines to keep in mind:

  • Generally, straying from the conventions established in the Viggle UI makes your application less intuitive. Over-stylized controls look out of place and require users to re-learn how they work.
    Fingers are not mouse pointers.
  • Size: Buttons should have a minimum height of 72px (retina) 36px (non retina) for usability purposes. Anything smaller can be difficult for some users to press accurately.
  • Reduce the number of options on the screen and make the selection process sequential.
  • Labeled buttons should use a font that is easy to read and should be in a color that does not compromise legibility.

8.0 Images

Many users will be on a 3G/4G wireless network instead of WiFi. To ensure images load quickly over cellular networks all images that do not contain transparent pixels should be saved in a .JPG format with compression setting optimized for web and mobile devices.

If linking out is a necessary function within your app, you should ensure that links are mobile optimized and displayed within the Viggle webview, as described in the API.

10.0 Developer Support

Should you need any help while developing your VApp, ask a question in our developer forum. It is monitored by Viggle Engineers and they will help you out if the community doesn’t beat us to it.

In order to protect Viggle users, and our software and services, while also providing a great platform for developers, we require that you comply with the Terms of Use. By using the API, you agree unconditionally to be bound by all of the Terms, so please review before using the Viggle Platform.

Sign up to be a developer

Your Name (required)

Your Company

Your Email - The one we verified when you signed up for Viggle (required)

Your Website

Concept summary in 500 words or less (required)

App Name

Show(s), genre(s), and/or aspects of TV watching that your app will enhance (required)

 I Agree to the Viggle Developer Terms of Use

 Click here to read them.


Submit your VApp

Email address associated with your developer account (required)

URL of your VApp

App Name

Concept summary in 500 words or less (required)

Show(s), genre(s), and/or aspects of TV watching that your app will enhance (required)

Your Name (required)

Your Company

Your Website

 I Agree to the Viggle Developer Terms of Use

 Click here to read them.