LG Wing

UI GUIDELINE

UI Guideline

LG WingUI Guideline

Use case of Main-Second Dual Screen

While enjoying video streaming-services on the 6.8” Main Screen (e.g. YouTube, Netflix), users can also hold conservations through messaging apps on the Second Screen

In the YouTube app, users can access various control options (play / pause, etc.) by using LG Wing’s Media Controller on the Second Screen

Music selection during travel is made safe and simple, with navigation apps on the Main Screen being displayed without interruption.

Free movie streaming apps are offered the option to display advertisements on the Second Screen to promote monetization opportunities.

Search results from Google can be easily transferred between screens onto text documents.
The compact design offered by the LG Wing encourages comfortable typing in the Second Screen

YouTube + Chatting App, Navigation + Music App, Video Streaming + Shopping/Advertisement

How to Execute

By rotating the Main Screen 90° clockwise, the hidden Second Screen is revealed.

To begin multitasking, users select apps to be displayed on each screen. Alternatively, users can save time by launching pre-selected Paired Apps. Apps specially developed for Extension Mode are able to utilize both screens at the same time.

In addition, Users can move apps between screens with the Transition function.
With a 90° counterclockwise rotation of the Main Screen to close the display, all operations on the Second Screen are concluded (not terminated), leaving only the Main Screen for use.

Portrait Mode, Swivel Mode with Second Screen, Portrait Mode

UI Design Guidelines

Apps in General

Allow the app to be used in landscape orientation for basic app usability in the Horizontal Swivel Mode. However, if an app can’t be easily used in landscape orientation due to a hardware component’s location such as the fingerprint sensor or NFC, an exception can be made.

Do / Do Not

Expandable App

When swiveling up the device to a T-shaped position, users should be able to expand an app and use the Main screen horizontally along with the Second Screen to maximize usability. In the case of apps related to creating or viewing content, allow the app to expand to the Second Screen to utilize the extra space.

Example 1: Creating content, Example 2: Viewing content, Example 3: Covering content minimally

Expandable App > Second Screen

When designing an expandable app, the UX/UI can be freely designed to suit the app's features and characteristics. For example, a controller can be set to be conveniently used in one hand. When watching content on the Main screen, related content or additional details about the video can be shown without getting in the way of a user watching.

Example 1. Controller to conveniently use in one hand / Example 2. Related contents without getting in the way