Overview

Overview

OSN is Dubai’s leading content distribution company, providing Pay TV and OTT services.

The goal was to design a platform to provide entertainment to all with an improved experience of the existing product, guided by the company's core principles: prioritizing the customer, offering exclusive content, and delivering exceptional value.

OSN is Dubai’s leading content distribution company, providing Pay TV and OTT services.

The goal was to design a platform to provide entertainment to all with an improved experience of the existing product, guided by the company's core principles: prioritizing the customer, offering exclusive content, and delivering exceptional value.

Overview

OSN is Dubai’s leading content distribution company, providing Pay TV and OTT services.

The goal was to provide entertainment accessible to all, guided by the company's core principles: prioritizing the customer, offering exclusive content, and delivering exceptional value.

about the product

about the product

A video streaming product for the best local & international content into one platform, giving users in MENA the freedom to watch their favourite movies & shows anytime, anywhere. OSNtv offers a tailored user experience being aggregated from 14+ partner OTT apps in a unified UI with the simplicity of a single subscription.

A video streaming product for the best local & international content into one platform, giving users in MENA the freedom to watch their favourite movies & shows anytime, anywhere. OSNtv offers a tailored user experience being aggregated from 14+ partner OTT apps in a unified UI with the simplicity of a single subscription.

A video streaming product for the best local & international content into one platform, giving users in MENA the freedom to watch their favourite movies & shows anytime, anywhere. OSNtv offers a tailored user experience being aggregated from 14+ partner OTT apps in a unified UI with the simplicity of a single subscription.

Impact

"The OSNtv box combines both PayTV and OTT services in one place. It is a convenient, one-stop solution for entertainment aggregation that simplifies content discovery and provides an enhanced family viewing experience along with parental controls based on customer needs. Tata Elxsi's proven Android TV expertise, along with their ready-to-deploy suite of solutions, enabled a faster launch of OSNtv Box"

In the News

Acclaimed UAE News Portal

Devrim Malak

SVP Strategy at OSN

Melvin Saldanha

Director of Technology at OSN

  • 34%

    Increased User Engagement

  • 8.7

    Net Promoter Score

  • 2023

    Winner Broadcast Pro ME

  • 2023

    Winner Project Excellence Award

Impact

"The OSNtv box combines both PayTV and OTT services in one place. It is a convenient, one-stop solution for entertainment aggregation that simplifies content discovery and provides an enhanced family viewing experience along with parental controls based on customer needs. Tata Elxsi's proven Android TV expertise, along with their ready-to-deploy suite of solutions, enabled a faster launch of OSNtv Box"

In the News

Acclaimed UAE News Portal

Devrim Malak

SVP Strategy at OSN

Melvin Saldanha

Director of Technology at OSN

  • 34%

    Increased User Engagement

  • 8.7

    Net Promoter Score

  • 2023

    Winner Broadcast Pro ME

  • 2023

    Winner Project Excellence Award

Impact

"The OSNtv box combines both PayTV and OTT services in one place. It is a convenient, one-stop solution for entertainment aggregation that simplifies content discovery and provides an enhanced family viewing experience along with parental controls based on customer needs. Tata Elxsi's proven Android TV expertise, along with their ready-to-deploy suite of solutions, enabled a faster launch of OSNtv Box"

In the News

Acclaimed UAE News Portal

Devrim Malak

SVP Strategy at OSN

Melvin Saldanha

Director of Technology at OSN

  • 34%

    Increased User Engagement

  • 8.7

    Net Promoter Score

  • 2023

    Winner Broadcast Pro ME

  • 2023

    Winner Project Excellence Award

Impact

"The OSNtv box combines both PayTV and OTT services in one place. It is a convenient, one-stop solution for entertainment aggregation that simplifies content discovery and provides an enhanced family viewing experience along with parental controls based on customer needs. Tata Elxsi's proven Android TV expertise, along with their ready-to-deploy suite of solutions, enabled a faster launch of OSNtv Box"

In the News

Acclaimed UAE News Portal

Devrim Malak

SVP Strategy at OSN

Melvin Saldanha

Director of Technology at OSN

  • 34%

    Increased User Engagement

  • 8.7

    Net Promoter Score

  • 2023

    Winner Broadcast Pro ME

  • 2023

    Winner Project Excellence Award

Features Breakdown

Features Breakdown

We worked on the entire experience and re-designed the interface of the OSN TV. In this section, I have explained some of those features, in detail.

We worked on the entire experience and re-designed the interface of the OSN TV. In this section, I have explained some of those features, in detail.

  1. Enhanced Live tv Experience with a glorified ZAP Banner

  1. Re-skinning the existing User interface

  1. Re-skinning the existing User interface

What was the task?

What was the task?

What was the task?

To revamp and align the existing user interface with the latest TV UI guidelines.

To revamp and align the existing user interface with the latest TV UI guidelines.

Why was the re-skinning needed?

Why was the re-skinning needed?

  1. The brand colour (red) presented inconsistently on multiple TV brands and did not allow OSN to control the user experience.


  2. Warm colours do not allow the focus to remain on content available on the platform, instead the user is constantly distracted by the barrage of colours.

  1. A bright colour (such as red) ends up presenting
    inconsistently on multipe TV brands and does not allow OSN to control the user experience.

  2. The prominent use of red stands out way too
    much as compared to the trends and the other
    market players.

  3. Warm colours do not allow the focus to remain on content available on the platform, instead the user is constantly distracted by the barrage of colours.

Benchmarking

Benchmarking

Benchmarking

Key Takeaways and Insights -

1. Very minimal use of color only for selective design elements.


2. Brand colors are effectively applied for a unified and recognizable visual impact.


3. Prioritize content to boost user enjoyment with supportive design.

Key Takeaways and Insights -

1. Very minimal use of color only for selective design elements.


2. Brand colors are effectively applied for a unified and recognizable visual impact.


3. Prioritize content to boost user enjoyment with supportive design.

Key Takeaways and Insights -

1. Very minimal use of color only for selective design elements.


2. Brand colors are effectively applied for a unified and recognizable visual impact.


3. Prioritize content to boost user enjoyment with supportive design.

Final revamped UI

Drawing inspiration from the study and guidelines provided by Google TV, I present the reimagined interface.

  1. Enhanced Live tv Experience with a glorified ZAP Banner

What is Zap?

Zapping refers to quickly changing channels or navigating through content.

Why was the enhancement needed?

The previous version of zap needed multiple number of clicks to view the complete program information.

Our task was to minimise the number of clicks and make the information more easily available to the user. The old flow did not have enough information and all options upfront.

Observations from studying Set top box products

Observations from studying Set top

box products

Observations from studying Set top box products

  1. Zapping with minimal information shown at the bottom of the playback screen

  2. An extra click to go to the details page where playback stops. The viewing experience was getting disrupted when the user went into the details page, which we wanted to avoid in our approach.

  1. Zapping with minimal information shown at the bottom of the playback screen

  2. An extra click to go to the details page where playback stops. The viewing experience was getting disrupted when the user went into the details page, which we wanted to avoid in our approach.

  1. Zapping with minimal information shown at the bottom of the playback screen

  2. An extra click to go to the details page where playback stops. The viewing experience was getting disrupted when the user went into the details page, which we wanted to avoid in our approach.

Benchmarking

Benchmarking

Benchmarking

Products we studied and benchmarked for ZAP journey

Products we studied and benchmarked for ZAP journey

Products we studied and benchmarked for ZAP journey

Final revamped UI

Drawing inspiration from the study and guidelines provided by Google TV, I present the reimagined interface.

  1. Enhanced Live tv Experience with a glorified ZAP Banner

  1. Enhanced Live tv Experience with a

    glorified ZAP Banner

  1. Enhanced Live tv Experience with a glorified ZAP Banner

What is Zap?

What is Zap?

Zapping refers to quickly changing channels or navigating through content.

Why was the enhancement needed?

Why was the enhancement needed?

The previous version of zap needed multiple number of clicks to view the complete program information.


Our task was to minimise the number of clicks and make the information more easily available to the user. The old flow did not have enough information and all options upfront.

Observations from studying OTT products

Observations from studying OTT products

Observations from studying OTT products

  1. Selecting a content card directs users to a page with full program details and available actions.

  2. The details of the program was just 1 click away from the entry point.

  1. Selecting a content card directs users to a page with full program details and available actions.

  2. The details of the program was just 1 click away from the entry point.

  1. Selecting a content card directs users to a page with full program details and available actions.

  2. The details of the program was just 1 click away from the entry point.

Iteration 1

Iteration 1

Iteration 1

Our main aim was to show the detailed information upfront without the viewing getting disrupted.

Our main aim was to show the detailed information upfront without the viewing getting disrupted.

Final Approach

Final Approach

Final Approach

Considering the challenges from the previous iterations, we came up with the final version of the Zap Flow

Considering the challenges from the previous iterations, we came up with the final version of the Zap Flow

Things we achieved through this iteration -

Things we achieved through this iteration -

Things we achieved through this iteration -

  1. Information available upfront with reduced number of clicks.

  2. By maintaining detailed information during playback, we effectively eliminate disruptions in the viewing experience, enhancing user satisfaction.

  1. Information available upfront with reduced number of clicks.

  2. By maintaining detailed information during playback, we effectively eliminate disruptions in the viewing experience, enhancing user satisfaction.

However…

However…

However…

  1. The playback was minimised, making the viewing experience less immersive.

  2. The presence of numerous CTAs led to increased complexity in switching between programs, requiring additional clicks.

  1. The playback was minimised, making the viewing experience less immersive.

  2. The presence of numerous CTAs led to increased complexity in switching between programs, requiring additional clicks.

Impact

Impact

Impact

  1. Improved the user experience and streamlined the customer journey by reducing the number of clicks.

  2. Improved Click To Completion Rate by 24%

  1. Improved the user experience and streamlined the customer journey by reducing the number of clicks.

  2. Improved Click To Completion Rate by 24%

We won some awards too 😎

We won some awards too 😎