Smart TV App Design

Smart TV App Design

Xnbay Smart TV App

Xnbay Smart
TV App

XnBay Technology

XnBay Technology

2020-2021

2020-2021

Smart TV App Design

Smart TV App Design

Smart TV App Design

Project Type

Project Type

Project Type

Client

Client

Project Year

Project Year

Developing different ways to view with others of your important life moments

Developing different ways to view with others of your important life moments

Developing different ways to view with others of your important life moments

After The UXI design team made the mobile app last time, we wanted to extend the user experience of using the photo album from the mobile phone to the smart TV. Not only can one user recall the memory of the image, but also let family and friends recall the exciting events that happened at that time in front of the TV together. Let the overall service experience achieve better integrity.

After The UXI design team made the mobile app last time, we wanted to extend the user experience of using the photo album from the mobile phone to the smart TV. Not only can one user recall the memory of the image, but also let family and friends recall the exciting events that happened at that time in front of the TV together. Let the overall service experience achieve better integrity.

After The UXI design team made the mobile app last time, we wanted to extend the user experience of using the photo album from the mobile phone to the smart TV. Not only can one user recall the memory of the image, but also let family and friends recall the exciting events that happened at that time in front of the TV together. Let the overall service experience achieve better integrity.

My Role

My Role

My Role

As the UX/UI design consultant in the project, I produced include:


User Research

Competitor Research

Wireframes

User Flow

Wireflow

Prototyping

As the UX/UI design consultant in the project, I produced include:


User Research

Competitor Research

Wireframes

User Flow

Wireflow

Prototyping

Project Highlight

Project Highlight

Project Highlight

Provide opportunities for users to use TV screens

to share photo moments with others

Provide opportunities for users to use TV screens

to share photo moments with others

Use the screen saver function to turn the TV into the user's electronic photo frame

Use the screen saver function to turn the TV into the user's electronic photo frame

Provides the opportunity for the user to view XnBay device capacity through TV devices

Provides the opportunity for the user to view XnBay device capacity through TV devices

Competitive Research

Competitive Research

Competitive Research

In researching competing products, our team is mainly studying the mainstream streaming media experience on the market, such as Youtube, Netflix, Spotify, and other TV software.


We can determine the difficulties users will encounter when using the physical remote control to operate the smart TV. At the same time, look for the smart TV app related to thephoto album in the store, as a basis for reference.

In researching competing products, our team is mainly studying the mainstream streaming media experience on the market, such as Youtube, Netflix, Spotify, and other TV software.


We can determine the difficulties users will encounter when using the physical remote control to operate the smart TV. At the same time, look for the smart TV app related to thephoto album in the store, as a basis for reference.

In researching competing products, our team is mainly studying the mainstream streaming media experience on the market, such as Youtube, Netflix, Spotify, and other TV software.


We can determine the difficulties users will encounter when using the physical remote control to operate the smart TV. At the same time, look for the smart TV app related to thephoto album in the store, as a basis for reference.

Wireframes

Wireframes

Wireframes

When initially designing Wireframes, we first find out the interface arrangement familiar to users. Display all the album content in the user's mobile app, and guide the user to quickly get started with the operation logic of moving left and right.

When initially designing Wireframes, we first find out the interface arrangement familiar to users. Display all the album content in the user's mobile app, and guide the user to quickly get started with the operation logic of moving left and right.

When initially designing Wireframes, we first find out the interface arrangement familiar to users. Display all the album content in the user's mobile app, and guide the user to quickly get started with the operation logic of moving left and right.

Wireflow

Wireflow

Wireflow

When using serial wireframes to become wireflow, our team used Overflow as the primary tool. Customers can use web pages to watch user operations and communicate in real-time on it to achieve a better user experience. When using serial wireframes to become wireflow, our team used Overflow as the primary tool. Customers can use web pages to watch user operations and communicate in real-time on it to achieve a better user experience.

When using serial wireframes to become wireflow, our team used Overflow as the primary tool. Customers can use web pages to watch user operations and communicate in real-time on it to achieve a better user experience. When using serial wireframes to become wireflow, our team used Overflow as the primary tool. Customers can use web pages to watch user operations and communicate in real-time on it to achieve a better user experience.

When using serial wireframes to become wireflow, our team used Overflow as the primary tool. Customers can use web pages to watch user operations and communicate in real-time on it to achieve a better user experience. When using serial wireframes to become wireflow, our team used Overflow as the primary tool. Customers can use web pages to watch user operations and communicate in real-time on it to achieve a better user experience.

When our team first contacted the smart TV app, it took more time to operate during the research phase and experience the restrictions imposed by the physical remote control on the user. For example, in the search or At the typing stage, you need to think about reducing and providing users with faster shortcut keys to achieve a better user experience.

In this project, you can find that a fair design process can help users get started quickly. When adding new functions, the interaction between users and the new functions must also be considered to enhance the product's value effectively.

When our team first contacted the smart TV app, it took more time to operate during the research phase and experience the restrictions imposed by the physical remote control on the user. For example, in the search or At the typing stage, you need to think about reducing and providing users with faster shortcut keys to achieve a better user experience.

In this project, you can find that a fair design process can help users get started quickly. When adding new functions, the interaction between users and the new functions must also be considered to enhance the product's value effectively.

When our team first contacted the smart TV app, it took more time to operate during the research phase and experience the restrictions imposed by the physical remote control on the user. For example, in the search or At the typing stage, you need to think about reducing and providing users with faster shortcut keys to achieve a better user experience.

In this project, you can find that a fair design process can help users get started quickly. When adding new functions, the interaction between users and the new functions must also be considered to enhance the product's value effectively.

Project Takeaways

Project Takeaways

Project Takeaways

Wei-Chung Lin ⏤ 2023

Wei-Chung Lin ⏤ 2023

Wei-Chung Lin ⏤ 2023