Skip to main content

Second Screen

Over 30% of Overwolf users have multiple screens and is often unused during gameplay. This creates a great opportunity to enhance user experience and increase engagement without disrupting the game. Since many users keep the second screen open throughout gameplay, you can leverage it for better monetization by boosting ad visibility leading to more revenue.

Types of second Screens and when to use them​

  • Main window (Typical size)—similar in size to a desktop window. It’s ideal for displaying extensive information or large item lists. This window also provides better monit options (i.e., larger ad placements).
  • Companion screen (Compact Size)—this is a smaller, more condensed window and is best used for displaying limited yet essential information. without overwhelming the user.
  • Multi-app screens—multiple windows in your app can display specific types of data. When you display multiple windows on a second monitor you make more content accessible at the same time providing more monetization opportunities and increased content visibility. Keep in mind that:
    • Users cannot interact with this screen during gameplay, so ensure all the content is viewable at a glance.
    • Excessive content may feel overwhelming or spammy to users, so prioritize value-driven information.

Building a second window experience is just as simple as creating a normal window which communicates with GEP and has a transparent background window.

Accessibility and customization​

Accessability and customization of your app on a second screen is important. Use the following guidelines:

  • Second screen windows should launch automatically.
  • Second screen windows should include a hotkey or a close button at the top.
  • Allow users to adjust screen size for comfort and flexibility. If resizing isn't supported, design the window to fit the most common screen sizes, using 1920X1080 as the default.
  • Enable hotkey support for quick toggling.
Recommendation

Implement second-screen functionality early in the development of your app. This will help if you want to add monetization options later in your app's lifecycle.

Second screen guidelines​

When building the second screen window, follow these recommendations:

  1. Keep the window location of your app in the same place on the screen.
  2. Keep your app window on the desktop.
  3. Create a desktop only window (which improves performance).
  4. If you app runs on a second screen with the game, disable any kind of hardware acceleration on the GPU. This helps improve app performance.
  5. Identify which screen is the second screen so that you can properly calculate where you can display your app's window.
  6. Use the transparent background window to share data and have your app windows communicate.