UX Scenario Guide

Overview

The Quick Circle framework provides a unique UX through a substantial circular window on the front. Users can access the app directly through the window. Basically, the Quick Circle UX flow is a sequence of screens; the lock screen, menu screen and app.

The basic UX flows are listed here:

  • Cover closed or opened
  • App Launching flow
  • Back to the menu screen
  • Quick Circle Settings

Quick Circle UX Principles

One-Tap UX

Use touch interactions that are simple such as tapping once and flicking.

Minimize the number of complex interactions.

 

Accessible and Simple

The gem of Quick Circle UX is the ability to use functions without opening the cover.

Design UX that allows direct access to functions directly without opening the cover.

Create functions that are completed in few steps.

 

Standard Interaction

Quick Circle UX mainly uses touch interaction such as tapping, Knock On and Flick. Table below explains the frequent touch interactions used in Quick Circle UX.

 

Touch Interaction

Action

Typical use case

Tap
mobile_qcircle_UI_6.png

Tap once on a button or icon.

Opens, selects and launches the item you tap on.

Knock On
mobile_qcircle_UI_7.png

Double tap on the screen.

Wakes or shuts off the screen instead of using Power button.

flick

mobile_qcircle_UI_8.png

Slide finger across the screen.

Moves backward or forward between screens.

Touch and hold
mobile_qcircle_UI_9.png

Touch the screen and hold.

Sets the clock widget for LG G4.

Basic UX Flows

Closing the Cover

Once the cover is closed, the lock screen is shown. From the lock screen, the user can move to the menu to browse apps or leave the phone to sleep after 6 seconds. When the screen detects no action for 6 seconds after the QCircle app is launched, the phone will also sleep.

 

mobile_qcircle_ux_1.png

mobile_qcircle_ux_2.png

 

It is recommended to follow the basic LCD on/off flow, but you can implement the app with different LCD on/off timing if necessary.

Opening the cover

When the user opens the cover, the lock screen or the home screen will be loaded on full screen.

 

mobile_qcircle_ux_3.png

 

Launching Application

For Quick Circle UX, the lock screen is a starting point and also a closing point. When the phone is in the sleep mode with LCD off and the user awakes the phone, the lock screen is always shown first.

From the lock screen, users can access to the menu screen.

The menu screen can differ based on the model.

  • For the LG G3 series, up to six application including Settings can be added to the menu.
  • For LG G4, users can add unlimited apps to the menu screen.
     

mobile_qcircle_ux_4.png

 

Showing the lock screen first is the basic UX scenario. When user selects the Quick Circle app with cover closed and opens the cover and closes the cover again, the lock screen is displayed in the Quick Circle window.

 

Next, the user can access by tapping the app icon. The user can also go back to the menu by tapping the back button.

 

mobile_qcircle_ux_5.png

 

When the user launches the QCircle app and opens the cover, the corresponding app is launched if available.

 

mobile_qcircle_ux_6.png

 

Returning to Lock Screen

Users can simply go back to the lock screen from the app or the menu screen anytime. The flow to go back to the lock screen is described below.

 

mobile_qcircle_ux_7.png

 

Settings

When a Quick Circle app is installed, users can find the app via Quick Circle case > Select apps. All Quick Circle apps are listed in Select apps so that the user can select apps to be displayed in the menu screen.

 

mobile_qcircle_ux_8.png

Navigation