top of page

UX & UI

A New TV Experience

MEO aimed to provide a more personalised TV experience, with faster and more direct access to users consuming habits, facilitating content discovery, rental and subscriptions.

© Francisco G. Villar | PT Comunicações | 2015

Overview

A totally new TV experience with a fresh user experience (UX) and user interface (UI) aimed at maximizing engagement and usability. Using user-centric principles to reimagine navigation, content discovery, and interaction. Through intuitive UX flows and visually captivating UI elements, users are seamlessly guided through an immersive television journey.

By integrating innovative features, the new TV experience elevates MEO's service, delivering a cutting-edge entertainment platform tailored to modern viewer preferences.

Role

As a Product Designer, I assumed the following roles for te creation of this app:​

  • Work closely with the Front End, Back End Developers;

  • User Experience;

  • User Interface;

  • Visual Design

​​

The UX & UI Team was responsible for gathering data, user and business insights to bridge the company goals with the user needs, to ensure the best UX & UI practices were applied. 

Deliverables

  • Competitive analysis;

  • Discovery Canvas;

  • User surveys and one-on-one interviews

  • User Journeys and Flows;

  • Site map;

  • Low-fidelity wireframes;

  • High-fidelity mockups and prototypes;

  • Design System and UI Kit;

  • Usability Tests

Identifying the Problems

After some user research through surveys and interviews, it became clear that the previous version of MEOs TV service wasn't following today's viewing habits, and customers were having some of issues, which were:

  1. Cumbersome navigation with complex menus and slow response times made finding content a hassle;

  2. No customization which led to a generic viewing experience;

  3. No clear areas to find new content easily;

  4. Difficulty in accessing features and settings;

  5. Inconsistent and outdated UI 

Needs and Expectations

After analysing all user research results, it became clear that MEOs TV service needed a complete redesign. The top solutions for that were:

  1. Create a simpler and seamless browsing experience;

  2. Provide users their preferred content through a personalized menu;

  3. Have clear areas where is is easy to find new content;

  4. Give a faster and clear access to the service settings;

  5. Update the UI 

A personalised TV experience, with faster and more direct access to users consuming habits, facilitating content discovery, rental and subscriptions.

Creating Structure

Crafting MEO's structure involved meticulous planning to organize content and streamline navigation to guide users through key sections such as channels, most viewed content, on-demand content, and apps. By prioritizing clarity and coherence, the service ensures an intuitive journey for users.

Structure.jpg

Defining Tasks and User Flows

Defining tasks and creating user flows allowed to understand how to create seamlessness and easy navigation. Intuitive pathways were mapped out for users to navigate channels and discover content effortlessly. By emphasizing logical sequences, the user flows ensured a straightforward and enjoyable journey through MEO's platform.

Visualizing a User-Centric Experience

Sketching wireframes allowed to map out intuitive layouts and functionalities, prioritizing user needs. By visually outlining key elements such as navigation menus and content discovery features, sketching paved the way for a more streamlined and engaging television interface.

Visualizing a User-Centric Experience.png

Understanding What Users Find Intuitive, and Why

Mid-fidelity prototype testing, alongside Think Alouds, allowed to better understand how users expected to complete the tasks set for the testing. Analyzing their behavior, but more importantly, having a dialogue with them about what they expected, allowed to understand which adjustments needed to be made, such as the hierarchy and placement of some components.

MEO TV Layouts Low.jpg

Creating the UI

Crafting the UI for a seamless TV experience entailed a comprehensive approach centered on user needs and preferences. Colors, typography, and layout elements were meticulously selected to ensure intuitive navigation and enhanced engagement. By prioritizing simplicity, consistency and content, the UI design facilitates effortless interaction, empowering users to explore the service with ease, ultimately delivering a more enjoyable and immersive television viewing experience.

Lessons Learned

MEO TV UX redesign was the biggest UX project I was involved in as it was a complex UX, with millions of consent to choose from, used daily by millions of people nation wide. Hers what I learned:

​

1. The power of testing and iterating

Users have been proven to be the main source of inspiration throughout the project. Firstly during research phase, when I was trying to define how to solve the problem. Secondly in usability test, when they pointed out faulty steps and helped me identify further issues, in some cases even suggesting solutions.

​

2. Read between the lines while interviewing

Let the interviewer speak even when it seems they are going off-topic, because what they are saying can be useful and give a different as well as unexpected perspective to the problem to solve​.

MEO's new TV experience offers intuitive navigation, personalized content, and seamless interaction for enhanced viewing experience. 

— Other Projects 

Companion-All.png

A digital TV Remote, designed for MEO IPTV service, to improve the TV watching experience.

Hero-All.jpg

A personalised TV experience, with faster and more direct access to users consuming habits, facilitating content discovery, rental and subscriptions.

bottom of page