Samsung Smart TV UX
Samsung VD UX Team in Seoul, South Korea
Senior Interactive Motion Designer
Feb 2017 to Nov 2017
Senior Interactive Motion Designer
Feb 2017 to Nov 2017
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.
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
details and embedding design accents throughout the UX principle.
2 Defined Phrase Motions

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.
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.

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.
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.
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.