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

Swivel Interaction

Users can rotate the Main Screen 90 degrees clockwise to use the phone horizontally in Horizontal Swivel Mode.
In this mode, the Second Screen will differ depending on what’s happening on the Main Screen before swiveling up.

If the Main Screen is swivel up when it is off or locked, the Main Screen shows a horizontal Lock screen to match the device’s position. The user-set lock, a pattern or PIN, is shown on the Second Screen , so users can immediately unlock the phone with one hand.

If the Main Screen is swivel up when on the Home screen, the Home screen layout on the Main Screen and Second Screen will change to match the device’s position.

AOD, Lock screen -swivel up- Horizontal Swivel Mode Lock screen / Home screen -swivel up- Horizontal Swivel Mode Home screen

If an app was opened in the device’s normal position and the Main Screen is swivel up, the Main Screen will show horizontally based on the device’s position. The Second Screen will show the Home screen or any previously used app.

When a Wing featured App was opened in the device’s normal position and the Main Screen is swivel up, the app will expand and appear on both the Main Screen and Second Screen .

swivel up Basic App, Wing Featured App

Opening Apps

When an app opens on the Main Screen, it runs on the Main Screen. When an app opens on the Second Screen , it runs on the Second Screen .
If a Wing featured App is opened on the Main Screen, it will run on both the Main and Second Screen s.

Main Screen > App A / Main Screen > App B

Shrinking/Expanding Wing featured Apps

For apps that can be expanded from the Main Screen to the Second Screen in the Horizontal/Vertical Swivel Mode, users can choose between expanding the app to the Second Screen or shrinking it to use only on the Main Screen. Include an on/off toggle button on the Main Screen when expanded, so users can press the toggle button to expand the app to the Second Screen or shrink the app to not show on the Second Screen .

Wing Featured App : Expand / Reduce

Using the Navigation Bar

In the Swivel Mode, the Navigation bar is shown on both the Main Screen and Second Screen .
When the Navigation bar is used on the Main Screen, apps will show on the Main Screen.
When the Navigation bar is used on the Second Screen , apps will show on the Second Screen .

Basic App (A,B) : Main Screen > Back or Home / Second Screen > Back or Home

However, in the case of an app that has expanded on the Main and Second Screen s and the Navigation bar is used on the Main Screen, the app on the Main Screen will show and affect the Second Screen . When the Navigation bar is used on the Second Screen , the Second Screen will change, the UI of the Main Screen will be affected according to the expanded form of each app.

Wing Featured App : Main Screen > Back or Home / Second Screen > Back or Home

Notifications when swivel up

When the device is swivel up to be in Horizontal/Vertical Swivel Mode, a Heads-up notification is provided on the Second Screen . Users can check their accumulated notifications through the Swivel panel on the Second Screen .

Notification received - Provided notification on the Second Screen , Notification screen

Rotation

In the Horizontal Swivel Mode, the Main Screen is in landscape orientation while the Second Screen is in portrait.
At this time if the entire device is rotated 90 degrees clockwise or counterclockwise to be used in the Vertical Swivel Mode, the Main Screen will be in portrait orientation while the Second Screen will be in landscape.

Horizontal Swivel Mode, Vertical Swivel Mode, Horizontal Swivel Mode