︎


Interactive Motion Designer
Designed significant contributions to the development of global standards pertaining to motion and interaction design for Samsung TV services through the end-to-end process. After launching 2017, it became a standard principle of Samsung TV UX.

Cross-Functional Team
Created across and collaborated with TV platform Designers, Visual Designers, PM, Researchers, QA Testers and Tizen Software Engineers. I mainly worked with three other motion designers and ten visual designers to establish the visual principle.



Background


The meaning of ‘watching TV’ has changed a great deal over the past few decades. Although Samsung led the Smart TV industry, the UX gained complexity and ambiguous design identity. It required rethinking the new UX theme to support highly interactive functions and emotional experience between the TV and users.

Goal


The main objective of the UX concept is to provide innovative usability, which needed to consider simplicity and clarity with low information density. The challenge of the project was to unified interactions and visual identity, and represent it in a way that is user-friendly with clear and easy to access.




Approach







1 Inspire Continuity


‘Simple, Clear and Rational’ were the three keywords that guided us through the entire process. We focused on creating consistency in visual language, implementing small
details and embedding design accents throughout the UX principle.

2 Defined Phrase Motions 


We defined phrase motions for assigning interaction behaviours to different software, elements, and actions. These conditions inspired establishing fundamental characteristics that would drive the rest of elements. 








Fundamental Concept

To make a new UX, our team conducted basic interactive elements such as move, delete, change, and focus to add characters and express a style in each element. Based on the research, we designed signature motions, which focused on delivering informative and immersive movements.

I’m in charge of building consistency between the different interaction paradigms and explore new interactions of the individual apps to amplify the identity.


Consistent  Movement


The primary element is the ‘focus and highlighting state’ in the TV UX. As the user navigates within the app, different UI components such as thumbnails, buttons, and icons should be indicated consistent movements. 

Lively Experience


By providing animation which is currently highlighted, it provides a more enjoyable experience and allow for better recognition.





Created Signature Movement and Motion



1 Clear hierarchy by creating principle curves of each status


We prioritized one important thing: users must know where they are on every single screen and what element can be selected using the remote control. Therefore, we identified curves of motion such as move, focus-in/out, and press motion to clarify current status for orienting users.

I mainly designed main hierarchy motion of App Store, which gives users access to loads of apps and control media by themselves.  I considered the scalable motion based on each size of thumbnails and title. And I also featured disappearing title when the thumbnail images expanded.




2 Double navigation with clear feedback


I suggested specific motions to make sure we were creating consistency for all the features and help users to understand how to perform between different functions. User can recognise current direction where they are exploring through not only the highlighted thumbnail but also changed the contents' direction.
Thumbnails and the below contents navigate the direction at the same time
Highlighted icon of left menu and the contents of right menu show user navigation simultaneously



3 Bounce back for user education


The Bounce Back action is animated to notice the last content of the section.  User can understand how to perform the function and guide user-friendly interaction.



4 Indicate the status of system actions

The motions of moving and deleting in App Store provide timely feedback and emphasize key action in a user journey.




5 Enjoyable waiting and Friendly screen


Instead of fading to black like a conventional No Signal of TV, Lumi’s display transforms into an image of subtle movement and gives ‘wow effects’. This effects give enjoyable waiting rather than encounter uncomfortable message in the black screen which feels error.

To make endless ‘Snow Effect’ without memory issue, we collaborated with a physics engine team. I designed the snow effect motion samples and adjusted the speeds, scales, and amounts by using parameters.

↓ Previous No Signal - Black Screen






Globally released on 2017






Reflection

Systematic thinking cross different design stakeholders
 Designing TV UX required following patterns of UX principle and visually aligning with different apps. The goal was to create the impression that both unified simple interaction and enjoyable experience. That means the design process needed many stakeholders involved from UX team and various teams of Software, QA, Product, and marketing.

Comprehensive execution experience
 Building new UX needed in-depth thinking process. I explored wireframes, visual principle, and prototype which helps to create unified motion along the UX concept. I expanded multiple-thinking system through this practice.
Optimize the development tasks to focus on the core UX
One of the major roles was communicating with software team. To implement one feature, I needed to clearly define and logically communicate to the software teams. As a visual thinker, I enjoyed creating a visual and motion guide to explain complex issues to better convey and sharable to large audience.

Designer as facilitator of tackling technical issues
While designed motion design, I had to solve issues such as less memory, technical problems that may influence the design changes. It was helpful for designer as a facilitator to conduct a meeting and facilitate both the software teams to make decision together rather than being influenced design decisions by either team.

Copyright All Reserved (C) Sally Yang

@2020