Motion. User experience.
edge_mockup.jpg

Samsung Galaxy series innovation

PROJECT

Evaluate Samsung Galaxy S6's TouchWiz identity through comparative analysis with other launchers to identify shortcomings, and to propose and implement solutions for the Galaxy S7.

GALAXY S7 IDENTITY MOTION DEMO

My role

As the motion lead, I managed 3 motion designers by prioritizing tasks to ensure deadlines were met and delivered the final motion proposal for Galaxy S7. We evaluated the motion of the iPhone iOS 6, Windows Phone, Google Android M and Samsung Galaxy S6 launchers through this project. 

My areas of focus:

  1. Overall Structures
  2. Screen on and off
  3. Unlock
  4. App launch and close 
  5. Notification
  6. Go to recent apps
  7. App to App (follow app launch and recent app)
  8. Launch app from notification (base on app launch and unlock)
  9. App folder
 

Motion STRUCTURES

Transitions move the user between states quickly and smoothly, creating a sense of dynamic energy. These transitions enhance the hierarchy of the structure, allowing the user to focus his/her attention.

By studying the transitions in between states, we mapped out and compared the structures of the iOS 6, Windows phone, Android M and current Galaxy S6. 

iOS 6 STRUCTURE

WINDOWS PHONE STRUCTURE

ANDROID M STRUCTURE 

GALAXY S6 STRUCTURE

MOTION PAIN points from current s6 system

INCONSISTENCIES

Most transitions are inconsistent.

Ex. screen on and off, notification incoming and dismiss. 

LACK OF HIERARCHY

Some motion transitions don’t follow the expectation provided by the hierarchy. The choreography lacks any significant meaning.

LINEAR ANIMATION

Even though some animations follow material design visually, they don’t fully utilize ease-inand ease-out transitions.

 

galaxy s7 motion structure proposal

After the competitive analysis and user research, we proposed that a linear construction and clear spacial relationships is the key to addressing the aforementioned pain points in the new structure.

The spacial depth represents a hierarchy which more closely mirrors the current context, simplifying the mental model for the user. 

 
 
  • Within this clear linear structure, the main Layers are ordered as:

1. Lock Screen
2. Home Screen + Zero
3. App Drawer 

  • The current app launches above the Home Screen
  • The recent apps live next to the current app (chronologically)
  • The App Drawer lives below the Home Screen

proposal for S7 system

 Open app

Open app

 

VISUAL CONTINUTY

Visuals need to be consistent so it is clear where they came from and where they are going.

 
 
 

CALM AND ELEGANT MOTION

Motion should feel elegant through the use of easing and transitions.

 Open app drawer

Open app drawer

 Unlock screen

Unlock screen

 

MEANINGFUL TRANSITION

The hierarchy should be evident through the use of meaningful transitions. The eye should follow the most important content.

 

Project completed on October 2015