Using a TV to display still art or photos is nothing new. In the past years Samsung and many TV devices like Chromecast and Apple TV have played around the concept putting default to artful screen savers. Starting from last year,
Samsung planned to take the concept further showing the market a beautifully industrial designed and arts and photos centric TV.
The diagram is an overview of the entire process of the development life cycle.
As the mobile lead designer, I followed by working with TV platform designers to translate product features to mobile.
Due to the aggressive deadline and speed to market, the app was tasked to design and build within the existing Smart View app architecture.
Leveraging the existing infrastructure which customers were familiar with can help the app get to market sooner.
This strategy was perceived to be advantageous and the least riskiest.
Another assumption was customers may have more than 1 Samsung TV at home. Therefore, instead of downloading a separate app,
having one app may provide an integrated Samsung TV experience.
This early architectural decision had a major impact on the user experience we could both create and reconcile.
That is, we had to coordinate with many different stakeholders in multiple regions,
go through direction changes and design iterations throughout the entire product execution process.
In the mean time, I would bring engineers early in the design process so that they can share ideas, feedback and constraints with me. We utilized groups or chat threads or simply chat in person to share on the fly.
Users can browse curated artworks from Samsung Collection on TV using remote, or lean back browsing artworks on the app.
The features include browse professional digital art pieces in various genres and subjects, divided into categories
, and learn the artwork detail as you are in an art museum.
Set up Artworks on TV
User can set up an image as your TV off state wallpaper.
Since the screen on the TV and the screen on the phone won't be calibrated in the same way (depends on the phone brightness or color tone settings), "preview" feature allow users to experience how the image will look like on TV before committing to set as wallpaper.
Personal Content Creation and Curation
Step1: Select Matte and Color
The app supports advanced persoanlization to help users display their photos artisitically.
Step2: Adjust the View and Preview
Users can save photos from mobile to TV and enjoy viewing their photos on a big screen.
Collage is another popular feature to display multiple photos emotionally and more persoanlly, especially better utilizing bigger screen as TV. Screen rotation is supported for a friendly photo adjusting experience.
Art Store Expereince
Browse Art Store and Purchase Art Work
TV Art Store offers owners access to a library of additional art, curated by several international organizations, galleries and musuems. Since the mobile purchasing features was not supported in the development pipeline, the design has to lead users to complete the purchasing flows on the TV side.
"Preview" is a key feature allow users to experience how the image will look like on TV before committing to purchase since the TV and the mobile screen won't be calibrated in the same way.
Subscribe full artworks colletion in a monthly based
Show users the membership status and allow users to easily manage it in the app.
Art Mode Settings
The Art Mode settings help users to better adjust the picture based on their personal preference and even smartly display the image by motion sensor.
The motion sensor that keeps the image onscreen as long as it senses movement. When the screen is on and showing art, an ambient light sensor matches its brightness level to the room.
The past 8 months as the interaction design lead worked on this brand new Samsung product from concept to ship allows me to grow a lot. Not only the aggressively development timeline but also the cross products team collaboration and the interesting design challenges that motivates me to briefly share what I’ve observed.
Systematic thinking cross different design stakeholders
Designing The Frame TV app requires following the existing patterns of the parallel app, and visually aligning with the TV side of design. The goal is to create the impression that both TV and mobile product as cohesive packages and experiences. That means, the design process requires many stakeholders involved from TV team and the existing mobile app (aka Smart View) design team.
Design challenge of two screen synchronization
The balance of the amount of confirmation states, notifications and visual distinguish that aim to inform where to focus but not to disrupt users.
Optimize the development tasks to focus on the core experience
Many edge cases in one feature are needed to clearly define and logically communicate to the engineering teams so they can focus on optimizing the experience that I believe is priority. As a visual thinker, I enjoy creating diagrams to explain complex issues to better communicate and sharable to large audience.
Designer as facilitator of tackling technical issues
While designed both for iOS and Android, I had to solve issues such as same feature but with different technical problems on the platforms that may influence the design changes. It was helpful for designer as a facilitator to conduct a meeting and facilitate both the engineering teams to make decision together rather than being influenced design decisions by either team.