Mtk by Sherly Liu

UX Designer: Sherly Liu

01/23

Design principles

2/31 02/23 Homy Concept Design

Simple & Intuitive Follow usersâ&#x20AC;&#x2122; model and remove redundant and complex design to keep design as simple as possible.

Relax Homy color and texture to give user relaxing usage experience.

Surprise Do more than users expected.

Mediatek confidential

03/23

Mediatek confidential

04/23

05/23

Lock screen

06/23 Homy Concept Design

Overview Access N-center

Change wallpaper

Unlock

12:38

Mon. 07-06 Unlock

32 /24

Mediatek confidential

Access shortcuts

Lock screen

07/23 Homy Concept Design

Unlock When touching on lock panel, there will be some visual effect to notify user it is operational.

Unlock

12:38

Mon. 07-06

12:38

Mon. 07-06

32 /24

Swipe/drag the panel down to unlock screen. No feedback of horizontal swiping/dragging

Mediatek confidential

Lock screen

08/23 Homy Concept Design

Shortcut

12:38

12:38 Mon. 07-06

Mon. 07-06

Unlock and enter APP

32 /24

12:38

Mon. 07-06

32 /24

Swipe/drag the panel up to access shortcuts. User can quickly enter some app by this operation while unlocking screen. Swiping/dragging down of panel (or no operation more than certain time) will close shortcut area and back to normal lock screen status.

Mediatek confidential

Lock screen

09/23 Homy Concept Design

Access Main menu from lock screen Swiping/dragging upward after shortcut bar is shown on lock screen will lauch mainmenu directly. And at the same time screen is unlocked.

12:38

Mon. 07-06

32 /24

12:38

Mon. 07-06

32 /24

Lock screen

Main menu

Mediatek confidential

Home

Lock screen

10/23 Homy Concept Design

Change wallpaper User can swipe horizontally on the upper area to change wallpaper conveniently. Wallpapers that can be shown on lock screen is the same as that in Home screen, which can be managed in Gallery app.

12:38

Mon. 07-06

32 /24

12:38

Mon. 07-06

32 /24

No feedback of vertical swiping/dragging

Mediatek confidential

12:38

Mon. 07-06

32 /24

Lock screen

11/23 Homy Concept Design

Acess N-center User can swipe/drag down from status bar area to access N-center in lock screen.

12:38

Mon. 07-06

32 /24

Lock screen

12:38

If only part of N-center screen is dragged down, when swipping/dragging it up, phone is still in locked status. Mon. 07-06

32 /24

N-center

Mediatek confidential

If full screen of N-center is dragged down, phone is unlocked at the same time.

Home

12/23 Homy Concept Design

Components

Navigate on Home Wallpaper

Left and right swiping to navigate among 5 screens of Home. The navigation path will not be looped.

Music Widget

Page indicator Shortcut

Mediatek confidential

Home

13/23 Homy Concept Design

Swithching between Home and Mainmenu

Home

Main menu

Swiping/dragging vertically down from main menu screen will close mainmenu and go back to Home. Horizontally swipping to switch among different main menu screens. Mediatek confidential

Shortcut

14/23 Homy Concept Design

The same shortcut in Lock screen; Home; Mainmenu Music

12:38

Mon. 07-06

32 /24

Lock screen

Home

Main menu

User can set four Apps as shortcut. These shortcut can be accessed from Lock screen; Home screen and Mainmenu. Main menu Mediatek confidential

Home

15/23 Homy Concept Design

Widgets management Hold on any place of Home will switch to its editing status. In this status, user can delete existed widgets; add new widgets on Home; or change wallpaper.

Music

Happy birthday

Widgets

Wallpaper

Mediatek confidential

Widgets

Wallpaper

Home

16/23 Homy Concept Design

Widgets management Launcher thumbnails

Left and right swipping is allowed in upper (screen snapshot) and lower area (widgets snapshot). Tapping on a widget and move it onto one screen snapshot to add it to the Home screen. If there is already a widget in the Home screen, the newly added widget will replace the existed one.

Music Music

Music

Happy birthday

Happy birthday Music

Weather

Happy Happy birthday birthday

Happy birthday

Photo Photo

Music Photo Happy birthday

Widget preview

Mediatek confidential

Happy birthday Music

Weather Happy birthday

Photo

Music Happy birthday

N-Center

17/23 Homy Concept Design

Acess N-center N-center can be accessed by swipping/dragged down from top of any screen even in locked status.

12:38

Mon. 07-06

32 /24

App screen

Lock screen

N-center

Mediatek confidential

12:38

Mon. 07-06

32 /24

N-center

N-Center Overview th

too

e Blu

Flig

an WL

SIM2

fil Pro

SIM1

Weather

Fri. 25 C.

Homy Concept Design

Quick settings Quick settings

18/23

Quick setting items in N-center. User can scroll along the circle to navigate among these quick setting items.

Weather

Messaging

Normal

Selina eto

Message contect preview

Blu

Flight mode

Weather Bluetooth

WLan

Missed call

Name or number

Data

Call time

2012/07/12

Off

Auto backlight off

Anniversary

Clear

Do not disturb

01:59/03:40

Gift preparation

Vibration

Events

Silent

User Profile

files

Message contect preview

Who can tell me

Flig

Pro

Bobwelthy Music player

oth

Reading mode (Backlight always on)

Backlight

Reminder Clear Primary SIM and Secondary SIM switching.

Handler

Customizable if more than 2 SIMs. SIM1

SIM2

Mediatek confidential

N-Center

19/23 Homy Concept Design

Quick actions Flig ht

de an WL

SIM2

Flig ht

Fri.10C.~25 C.

SIM1

SIM2

Fri.10C.~25 C.

Messaging

Selina

Selina Reply

Weather

Call

Clear

Bobwelthy

Message contect preview

Music player

oth

files

SIM1

Selina Message contect preview

eto

Blu

Pro

Weather

Fri.10C.~25 C. Messaging

files

Weather

Flig h

Pro

SIM2

files

Blu Pro

SIM1

oth

eto

too

e Blu

Music player

Message c...

Call

Clear

Message contect preview

Bobwelthy Message contect preview

Music player

Who can tell me

01:59/03:40

Right swipping in one cell will drag an action bar from the left into part of the cell area. User can swipe the hidden function bar back via left swipping in the cell area. User can do some quick actions for the cell information, such as Reply; Call; Delete etc. for an unread message; Previous and Next song for a playing song.

Mediatek confidential

N-Center

20/23 Homy Concept Design

Small window in screen Leo Saralanti Where will be meet then?

Smallbellytina Aha... see you.

Messaging

2012/07/10

Leo Saralanti

Gift preparation

Where will be meet then?

Smallbellytina

Anniversary

Aha... see you.

Messaging Leo Saralanti

Who can tell me

Where will be meet then?

01:59/03:40

Smallbellytina Aha... see you.

Leo Saralanti Where will be meet then?

Smallbellytina

App viewer screen

Aha... see you.

Left and right swipping can switch among different categories of â&#x20AC;&#x153;notificationsâ&#x20AC;? in N-cneter. If there is more information than can be shown in one small window of N-center, vertically swipping is enalbed to scroll more information of the category.

Mediatek confidential

Music

Widgets

21/23 Homy Concept Design

Music One widget in one screen with the same width. Provide the basic features of Music in the widget: Play/Pause; Previous and Next song.

Music

Mediatek confidential

Widgets

22/23 Homy Concept Design

Weather Provide weather information of today and three more days after today. Subtly transitions can be seen on it like sun shiring; snow flying etc.

Mediatek confidential

Widgets

23/23 Homy Concept Design

Photo Photos in this widget can be set from a folder of Gallery. Vertically swipping in the right colum can browse photos.

Photo

Mediatek confidential

Homy

Concept Design

Thanks Mediatek confidential

Backup

Mediatek confidential

Visual design

Mediatek confidential

4/25 MT6260 Concept Design