Voot

An online streaming service in India with a growing user base of mobile users. This streaming service featured a couple of interactive live TV games that can be viewed by the user on television and mobile simultaneously. The following case study focuses on user research and testing of a TV show called The Big Picture before it was launched in India.

Client

Viacom 18

Project duration

3 months

Keywords

User research, User interview, Prototyping, Research analysis

Team

Vishal Chavan - Senior UX, Yogesh Badchandani, Product Owner

Year

2021

Introduction

During my tenure at Lollypop, I worked with Voot for nearly two years as an in-house product designer. My primary responsibility was enhancing their UI design and incorporating new features across various platforms, including Android, iOS, and the Web. This case study focuses on designing a specific feature for Voot's interactive live TV show, The Big Picture, which was launched in India.

Brief

The objective was to design and conduct user testing in India before launching the feature. The Big Picture is a picture-based trivia game show that tests viewer's knowledge. Participants, playing from home, work alongside a studio player in real-time to answer questions correctly and have a chance to win a cash prize. This format gained popularity globally and was soon adapted in India.

User interviews provide valuable qualitative data that complement other quantitative research methods. They offer rich insights into user's thoughts, behaviours, and expectations, helping shape user-centred design decisions and improve the overall user experience. For this project, we followed the following user research process -

Discover & Define

Given copyright constraints, we followed the existing game format. However, we faced the challenge of creating an intuitive and user-friendly design, as interactive games on OTT platforms in India were limited.

The primary target audience for this show was people aged between 20 and 40 from tier 2 and tier 3 cities, who may not be tech-savvy. Therefore, our design needed to accommodate a steep learning curve for these users.

We designed the onboarding process, incorporating coach marks and the quiz section based on the current format of the TV show. Voot's content and design team provided us with the Indian TV show's design language, allowing us to rebrand it accordingly—the UI design for this feature aligned with Voot's existing design system. We also created additional screens for rewards, leaderboards, and profile sections to enhance user engagement, drawing from best UX practices in the games and infotainment industry.

User Interviews

Once the designs were finalised, I developed a prototype encompassing three stages of the game. Since the interactive quiz was only accessible during the show's live airing, we included visible instructions before the show began in the first flow. The second flow involved users logging in when the show aired live on TV. The third flow consisted of screens visible after the show ended. To gather feedback, we conducted user testing with 40 participants from 4 different cities in India as mentioned above. My product manager and I led user interviews, collaborating with Voot's content team members. As this took place in early 2021 amidst the pandemic, the discussions were conducted online via Teams, utilising screen-sharing to present the prototypes to each user.

Following were the user interview questions that we asked the participants -

  1. Tell us what you understand by looking at this screen (Show Info Page). How will you find out ‘How to play’ the game?
  2. What do you think are these two buttons? Users were shown the two choices for Watch & play only and Play only)
  3. How frequently do you think you can win?
  4. What are the various prizes you can win?
  5. Do you know what Daily Winners and Leaderboards are?
  6. Do you know how many points you are getting for answering correctly?
  7. What is the time given to you for answering a question?
  8. What will happen if you give a wrong answer? Can you continue to play the game, or are you out of it?
  9. Daily winners - All: Tell us what you understand from this screen.
  10. Leaderboard - All: Tell us what you know from this screen. When do you think you will move up on the Leaderboard?

Design

Overall, the feedback we received was positive. While 50% of the users initially struggled to understand the game mechanics based on the show details page, they could comprehend it once they accessed the instructions page. The users had an existing mental model of how trivia games work, drawing from other TV shows like Kaun Banega Crorepati and Who Wants to Be a Millionaire. However, 25% of users found understanding the reward points system challenging. Consequently, we redesigned the onboarding screens by adding a coach mark on the show details page and created a detailed page explaining the reward points, addressing the feedback received.

"Based on the shows I watched, this gives the idea that it is something to do with watching a video or playing, and you get to win cash." - Feedback from Trisha Surve, one of the participants.

What worked?

  1. Smooth Navigation: Users found the navigation of My Voot, Registrations, Daily Winners, and Leaderboard screens intuitive and easy to understand.
  2. Clear Purpose: Users quickly grasped the purpose of the Show Info screen and understood the gist of the game, generating excitement and interest in playing.
  3. Attractive Prizes: The prizes and daily winners' concept were highly appealing to users, generating excitement and increasing engagement.
  4. Well-Received Game Format: Once users understood the game mechanics, they responded positively to the format, indicating a good reception and understanding.
  5. Convenience and Ease of Use: Users expressed a willingness to participate in the show and play on their phones while watching it on TV due to the convenience and user-friendly nature of the feature.
  6. The desire for Point Calculation Clarity: Users sought more information regarding how the points were calculated for the daily cash prize, indicating a need for more straightforward explanations to enhance user understanding and engagement.

What didn’t work?

  1. Clear Game Instructions Needed: Users had difficulty finding out how to play the game on the Show Info screen, indicating a need for more precise instructions and guidance.
  2. Confusion Between Terms: Users struggled to differentiate between Daily Winners, Leaderboard, TBP Select and TBP Free, highlighting the importance of using clear and distinct terminology.
  3. Show Duration Ambiguity: Users found it challenging to identify the show's duration due to the proximity of certain UI elements, suggesting the need for more apparent visual cues or explicit information.
  4. Lack of Clarity on Prizes and Points: Users could not determine how prizes or points were calculated based on the information provided on the Show Info screen, emphasising the importance of giving transparent explanations and context.
  5. Subscription Misconception: Some users mistakenly believed that subscribing to Voot Select was necessary to play or win prizes, indicating the need to clarify that subscription is not a requirement for participation or rewards.

Conclusion

Recommendations

  1. Enhance the "How to play" call-to-action (CTA) visibility to make it more prominent and easily noticeable for users.
  2. Improve clarity on game mechanics and point calculation by explaining clearly on the Show Info and Daily Winners screens. Consider using coach marks or similar guiding mechanisms to assist users.
  3. Design a dedicated section where users can check their play history to see if they have won any prizes or other rewards from previous games, enhancing engagement and providing a sense of accomplishment.
  4. Improve the design and placement of the Select Upsell unit to avoid the misconception that the game is accessible only to Voot Select subscribers.
  5. Revise the design of the timer on the pre-game screen for improved readability and user experience.
  6. Consider adding audio notifications to provide immediate feedback on correct or wrong answers, enhancing the user experience and engagement.
  7. Include an FAQ section to address common doubts and questions about game rules, payment, point system, and rewards, providing users with easily accessible information.
  8. Display immediate answers for single-question quizzes to provide a smoother and more efficient user experience.
  9. Implement a feature that allows users to check their friends' scores if they are also participating in the game, fostering social engagement and competition.
  10. Incorporate demographics, such as the number of people playing or whether any friends are participating during the show, to provide social proof and enhance the sense of community.
  11. Design different creatives for the three user flows, ensuring visual variety and engagement. Use additional images or themes for each quiz to maintain user interest and excitement.

Learnings

Conducting user interviews highlighted the importance of setting aside personal biases when introducing new elements to users. It became evident that assumptions about user expectations should be validated through testing with real users. Additionally, conducting remote interviews posed a challenge, as users were unfamiliar with the concept. Overcoming the language barrier and establishing rapport took time, but with facilitators engaging in icebreaker conversations, users gradually felt more comfortable and provided.

Other work

Discover more about her latest personal and professional work

Reach out to her here to learn more!