For several years the product used the same version and this placed it in a vulnerable position against its active competitors. This slowdown in the product's growth caused Blim TV's competitors to take advantage in offering more tools to connect with users' demands.
Adding features that are being currently offered in other services to engage with user demands: Search, Downloads, Multiple Profiles, Watch List and Favorites. Update features that causes user complaints.
Product redesign on all platforms adding a fresh and contemporary look and feel. Creating a components library that allows for consistent service growth, scalability and automation of work processes.
Starting from the analysis of previous user research studies, the company did interviews and surveys to real and potential users, and collected data from customer service reports and app stores reviews. These insights were used to create five user personas providing direction for making design decisions around the users characteristics.
To deliver real value is essential to define what we are building and why the user really needs it. For the analysis, the functions were separated as building blocks of the product. We defined the functionality of each unit to help align the team around the big picture, and created the basis for starting the Product Requirements Document (PRD).
Opportunities for the "Search Feature".
I presented the results of the analysis of each function in a journey map that showed the user and business goals. This helped generate discussions about future solutions and implementation. It also helped identify pain points and areas for improvement during the flow. It was a preliminary step to learn more about the functionality, diagram user tasks and arrive at initial flows.
Mapping of user and business goals during the "Search".
We defined the features in a continuous process throughout the product lifecycle. By doing this, we were continuously improving our offers as customer needs evolve, and adapting the solution to the user's behavior by introducing small changes that enhanced the user's experience. Building features per phases enabled us to achieve results faster, was less costly and made it easier to track the effect of the implementation.
SEARCH PHASE 1
The first phase focused on creating the main functions including: search as you type, typo tolerance, search history, search results and failed search.
- Daily & Weekly Uses
- Task Success
- Task Time
- Search No Results
SEARCH PHASE 2
Phase two added the collections catalog. This feature turned Search in a second screen for exploring contents, different to the VOD experience.
- Search or Catalog Choice
- Task success
- Customer Preferences
- Popular Catalogs
SEARCH PHASE 3
This phase integrated the recommendation engine so we focused on improving the experience base on watch behavior, watch list and others.
- Recommend Success
- Customers Prediction
- Recommendation Strategies
- Enrich Algorithms
Iteration in the previous phase gave us a better understanding of the resources and time required for features implementation. I started assisting the product managers to create a prioritization process that focused on features that bring the most value to the users and the business. It was a co-creation effort that facilitated the alignment across the teams, and helped identify cross-functional relations and dependencies.
Having an initial outline of the product architecture paved the road for the design of both specific screens and larger systems. The diagram was constructed in a way that showed the flows between the different functions to anticipate time and facilitate the distribution for exploration and design activities.
Steps carried out during the iteration were determined by the complexity of each solution. Many wireframes, pageflows and user task diagrams, benchmarks, prototypes to test complex solutions, among other activities were conducted.
We focused on the study of competitive services to find habits that users have created by using their feature.
Clarified the complexity of the function helped to get information about the flows and the screens to design.
Provided quick solutions for the distribution of content reading levels, and allowed to identify the components to be designed and their functions on the screen.
Helped show how the final solution looks and works, and generated important feedback from team members and test user groups.
Blim TV's Design System was built to achieve consistent results while scaling the design process. The design system included three modular libraries: Mobile and Tablet, CTV, and Web. The design system allowed us to iterate more quickly between different teams, maintain consistency in visual design across devices, and also provided an important document for handoff to engineers.
Mockups flow during the "Search".