Renewed VOD Card Design

The constant development of technology is rapidly changing design trends. In 2020, users are increasingly giving priority to speed, simple page design, and intuitive navigation, creating a new UX for content-based services. This new UX concept is becoming a must-have for companies that want to maintain market positions and increase their competitiveness.

In the world of interactive television, user experience essentially determines subscribers' choice of video service, which makes UX a critical element of any successful video platform. Operators are faced with the constant innovation coming from both established players in the market as well as from related niches. This is why one of the most urgent tasks in the current OTT discourse is to improve the quality of user service. Viewers should be able to find the right content so quickly and easily that they don't want to change the platform.

Creating conditions for interaction with the service becomes paramount, given the constantly growing churn rate (41% between 2019 and 2020). OTT providers must give what consumers want, when they want it, and where they want it, with a service that meets all their requirements and expectations for the platform.

How to deal with the constant outflow of customers from paid video services and, moreover, attract new ones? Convenience, simplicity and speed of content consumption on the platform become a prerequisite, which is achieved by improving the user interface in accordance with the UX of other applications and niche trends.

Trends that we follow when re-designing our app:

1. Micro-interactions

Micro-interactions exist in almost every app or website. We encounter them every time we open a favorite app. A great example is the "like" function.

Micro-interactions first appeared in 2018, and since have become firmly established as the must-have of any modern, client-oriented application.

In our app we use , in addition to the previously existing "rate", "share", "buy", "view" micro-interactions, we have added new ones: "download", "enable/disable trailer sound" and others.

2. Asymmetric design
In recent years, there has been a huge increase in asymmetric layouts in digital product design. Traditional template-based layouts are disappearing. Proper use of asymmetric layouts gives the design character, dynamism and individuality.

3. Dark UI

"Dark theme" is one of the main trends in UI/UX design in 2020. The vast majority of applications have customized their interfaces, adding the ability to switch to a dark background.

The design of the Telebreeze user application has always been done in dark shades. The trend for Dark UI only confirmed our original design concept.

4. Reliance on the functionality
An important part of user interface design is functionality, meaning that each element is selected depending on its purpose and function. There is an opinion that when thinking about design, you will have to choose between design and functionality, but with new technologies, these two qualities are very well combined and complement each other. The design is responsible for drawing attention to the site or app, and the functionality makes it easier to work with.

In our app, we have added a function for viewing the trailer (with the ability to turn on/off the sound), ratings of generally recognized organizations for evaluating movies (IMDb), removed unnecessary clarifying information, added a function for downloading videos to your device, and much more.

5. Gradients 2.0
It would seem that gradients are something irrevocably outdated, retro in the world of design, but trends in 2020 suggest the opposite. Simple, concise, non-challenging gradients are back in fashion UI/UX, diversifying boring monochrome backgrounds with their novelty and simplicity.

What have we done with the Telebreeze user app?

We have visually changed the "video on demand" (VoD) scene and added several new features: viewing the trailer, putting all the actions that can be done with the video on the VoD card: favorites, share etc.

Why did we do this?

  1. Changing the design to meet modern standards and market requirements.
  2. Saving the UX usual for video platforms.
From a user experience perspective, designing interfaces with common UX templates creates a sense of familiarity for users, as they know what to expect from interacting with interface elements that they regularly encounter when using the product. From a technical point of view, reusable user interface components can mean more efficiency, scalability of the system, and less rework for developers.

Why did we decide to change the app?

We strive for a gradual re-design of our player that meets the growing needs of customers, market trends and UI/UX trends. The VoD card was the starting point in this direction.

What was before?

Before that, the VoD card contained almost the same information as the new one, but everything was dispersed on the screen, there was a lot of empty space, it did not look modern, and there was a violation of the usual UX.

How does it work now?

When you open any movie, a new VoD card opens. The trailer starts playing immediately. The user sees information about the movie, trailers, marks, and ratings.

What is the profit for the product now and in the future?

We have improved our UI/UX app. This gave us a push to unify the design of the app's scenes. We got rid of the extra empty space, used the entire area of the card and added new functionality in the form of viewing the trailer.

We intend to use these user interface trends not only to meet the aesthetic requirements of users, but also to provide a high level of usability. A wise combination of these trends will lead to greater user satisfaction from interacting with the platform and, consequently, to the success of the product.

It was and it is