Intro Image

Taboom

Overview

RoleSenior Product Designer

Design TeamMyself + 1 Product Designer

SquadMyself + PM + Outsourcing development team

DurationQ4 2021 - Q1 2022

ToolsFigma, Notion, Dovetail, Hotjar, Google Analytics

Summary

We designed a real-time trivia feature on Taboom to help creators boost audience engagement and participation. This interactive game increased viewer retention and led to a 390% rise in monetization, with viewership growing from 10 to 300, a 2,900% increase in participation during trivia streams.

Background

Taboom is a platform that helps creators monetize their niche audiences through viewer gifts. These gifts are a form of virtual currency that creators can exchange for real money through cashouts. However, creators with smaller audiences struggled to grow, as the platform was relatively new and had difficulty attracting users from more established platforms like Twitch and Instagram.

The Problem

Although Taboom allowed creators to earn more money from smaller audiences than on other platforms, the biggest issue remained: bringing their followers from well-established platforms to the new app. Creators struggled to migrate their existing audience, making it difficult to grow their viewership and make users create habit on Taboom.

The Goal

Our goal was to help creators attract and engage larger audiences, providing them with the tools necessary to retain their current viewers and encourage audience migration from more established platforms. We aimed to create an experience that would set Taboom apart and help creators grow their viewership while fostering deeper engagement.

The Solution

We developed a real-time trivia feature to enhance audience interaction and drive participation. This experience significantly boosted viewer retention and engagement, leading to a 390% increase in monetization for creators. Viewership during trivia-enabled streams surged, with creators who had previously averaged 10 viewers per stream seeing participation grow to 300-400 viewers.

DISCOVER

We began by conducting in-depth research to understand the pain points of small-scale creators trying to grow and engage their audience on Taboom. This involved 15 interviews with creators and surveys completed by 120 audience members. We aimed to uncover why creators struggled to migrate their audience from mainstream platforms and what kept their viewers engaged.

Quotes image

Creator Interviews

Many creators found it hard to convince their audience to move from well-established platforms like Twitch or Instagram, where they were already comfortable. They highlighted the importance of offering something unique to incentivize migration.

Creators also revealed that they needed more engaging features to keep smaller audiences from leaving mid-stream. Traditional platforms offered minimal tools for niche creators to maintain consistent engagement, leaving them feeling lost in a sea of influencers with larger followings.

Quantitative Data from Livestreams

We further analyzed data from 50 previous livestreams on Taboom, which showed that:

  • Streams that included interactive elements like polls or giveaways saw 35% longer session durations than those without.
  • Creators who had frequent audience engagement moments, such as asking questions or using polls, experienced a 25% increase in gift donations, converting into higher monetization.

Audience Survey

Based on that internal data, we conducted a survey to further understand how these elements influenced audience behavior.

The results aligned with our data:

  • 85% of respondents are likely to stay longer in streams with interactive features.
  • 75% of users are motivated to join livestreams through interactive games and giveaways, highlighting the need for engaging, reward-based features.
  • 80% of respondents find rewards and prizes important, emphasizing the value of maintaining a prize-based system to boost audience engagement.
Discovery interview

The combination of this quantitative data, user interviews, and surveys underscored the need to create interactive features that would give audiences a reason to migrate and stay engaged on Taboom. All the research was documented on Dovetail, which helped with tagging and generating insights for the team.

How Might We Session

To synthesize our research, we facilitated a How Might We (HMW) session with stakeholders, developers, and designers.

Discovery interview

Here are the core How Might We questions that emerged from our brainstorming session:

  • HMW encourage audiences to migrate from established platforms to Taboom?
  • HMW offer creators unique tools that enhance audience retention and engagement?
  • HMW offer creators unique tools that enhance audience retention and engagement?

The most voted and discussed question was, "HMW offer creators unique tools that enhance audience retention and engagement?" This helped us frame the problem around engagement and retention as the central challenge, guiding the direction for the next phases of our design process.

Persona Development

Using the research, we developed two personas that guided the design process:

IDEATE & DEFINE

Armed with research insights, we initiated ideation through a series of structured workshops with several stakeholders: designers, PMs, developers and content team members. Here's how it unfolded:

Workshop 1: Brainwriting Session

Brainwriting board screenshot

We began with a brainwriting session to generate a diverse set of ideas. Each participant silently wrote down 1 solution idea to increase engagement and audience migration on Taboom and each round they added something new to the next person's idea.

Notable ideas included:

  • Fan Polls: Real-time audience voting to influence stream direction.
  • Trivia Night Feature: Interactive trivia games with rewards.
  • Interactive Q&A: Viewers could queue questions, with creators selecting the most popular ones.


After, we discussed that the first idea could be tested using our current Poll widget, and the third one could also be tested as a format rather than a feature. With that, we decided to move forward with the Trivia idea.

Workshop 2: Crazy 8s

Following brainwriting, we refined ideas through Crazy 8s, where each participant rapidly sketched eight variations of the trivia feature.

One developer was actively involved, providing real-time feedback on the technical feasibility of each concept. This helped ensure that the ideas remained within Taboom's infrastructure capacity and could be realistically implemented.


Notable sketches included:

  • Real-Time Leaderboard: Displaying audience positions as they answered trivia questions, fostering competition.
  • Pre-Built Question Bank: Allowing creators to load questions before streams, simplifying setup.
  • Countdown Timer: Creating urgency and excitement between each trivia question.


After, we voted on our favorite ideas among the sketches.

Sketches and voting results

Assumption Mapping

Sketches and voting results

To move forward with our concept, we created a user flow map that aligned key assumptions to each step of the process.

This allowed us to guide our thinking and identify potential risks early on.

We prioritized the riskiest assumptions that could significantly impact the trivia widget's success, ensuring each phase of the user experience was thoroughly considered:


Assumption 1

Creators would prefer a trivia feature if it was easy and quick to set up during or before live streams.


Assumption 2

Audiences would be more engaged if they could win prizes by participating in real-time trivia games.


Assumption 3

A real-time leaderboard would enhance audience engagement, but only if it didn’t take up too much screen space or disrupt the stream.

DESIGN & TEST

After completing all the ideation sessions, I began translating the most voted ideas into low-fidelity wireframes.

I collaborated with other designers who reviewed the wireframes during design critique sessions, offering valuable input to refine the layout and user flow. Developers were also involved to ensure that each concept was technically feasible.

Wireframing (collaborative)

With input from the team:

  • Version 1 featured a detailed quiz setup interface, allowing creators to customize each element extensively.
  • Version 2 focused on simplifying the setup by introducing pre-built quiz templates for quick activation, ensuring ease of use for creators during live streams.
  • Discovery interview

    Note: I currently do not have access to the original wireframes for translation, but I am working on retrieving them for further updates.

    Throughout the process, developers provided essential feedback on scalability and real-time data handling, including leaderboards and timers.

    A key concern raised by the development team was ensuring that animations would run smoothly on lower-end devices.

    By collaborating closely, we optimized the design to balance visual aesthetics and technical performance, ensuring smooth transitions and real-time interactions without affecting stream quality.

    Discovery interview

    User Validation (Lo-Fi Wireframes)

    With the low-fidelity wireframes complete, I moved into user validation by testing the designs with 8 creators during one-on-one sessions. We focused on testing the key assumptions from the ideation phase, walking creators through the quiz setup process and live stream management.

    During the testing, I presented the wireframes and walked the creators through the entire quiz setup process, from starting a livestream to managing trivia sessions phase.

    Here's how the feedback unfolded:

    • Complex Setup: Creators found the initial quiz setup too time-consuming. One said, "I need something I can set up in a few clicks." This validated the need for a simpler setup (Assumption 1).
    • Tie-Breaker Insight: A new issue emerged that we hadn't anticipated—creators were concerned about how to handle ties in the quiz results. "What if two people answer at the same time? I need a way to break ties without stopping the flow," one creator said. This led to us identifying the need for a tie-breaker system, which became a critical addition to future iterations.
    • Leaderboard Visibility: Creators liked the leaderboard but felt it was too prominent. "It can't take over my screen; it needs to be subtle." This reinforced Assumption 2 about balancing visibility without disrupting the stream.
    Discovery interview

    Based on this feedback, we decided to:

    1

    Simplify the quiz setup

    I began exploring ways to streamline the setup process by incorporating pre-built templates and simplifying question creation.

    2

    Implement a tie-breaker system

    This would address the creators' concerns and ensure that the quiz experience remained competitive and smooth.

    3

    Refine the leaderboard

    We explored options to make the leaderboard less intrusive, such as allowing creators to resize or minimize it during streams.

    Testing these assumptions with real users proved invaluable, providing clear insights into how the feature could better align with the needs of both creators and their audiences before moving into the next phase of iteration.

    Iteration and High-Fidelity Prototype

    Based on this feedback, we iterated on the design and moved into creating a high-fidelity prototype. Throughout this phase, I collaborated closely with designers, PMs, and the content team during design critique sessions, where each team provided valuable input.

    Discovery interview

    Note: I currently do not have access to the original prototype for translation, but I am working on retrieving them for further updates.

    Usability Testing (High-Fidelity Prototype)

    I then conducted usability testing with the updated high-fidelity prototype, again involving the same 8 creators and 15 audience members to simulate the full quiz experience. Here's what we found:

    Discovery interview

    Creators appreciated the simplified setup

    "This version is much easier; I can set up a quiz in seconds without interrupting my flow."

    Positive feedback on the tie-breaker system

    "The tie-breaker adds a level of competition, which makes the quiz feel more engaging."

    Audience feedback

    Audiences loved the real-time engagement and leaderboard updates, saying, "I stayed on longer just to see how I ranked."

    Through close collaboration, iterative design, and multiple rounds of user feedback, we successfully refined the trivia widget into a highly engaging feature that increased audience retention and creator monetization.

    The incorporation of the tie-breaker system and the streamlined setup ensured the solution was not only functional but delightful for both creators and audiences.

    DELIVER

    For the delivery phase, we opted for a phased rollout to specific creators, starting with an MVP. In this first version, creators had to submit quiz questions and answers in a CSV format, which we manually uploaded to the database. This allowed us to test the feature’s usage and value before committing to developing a fully integrated quiz creation interface.

    Phased Rollout

    We selected 10 creators from different regions and content genres to participate in the MVP launch. These creators provided feedback on the MVP version, which allowed us to capture diverse user experiences across different types of audiences. Initially, the creators would email us their quiz questions in CSV format, which we would upload directly to the database.

    Key benefits of this phased approach included:

    Documentation & Design System

    Apart from updating the Design System on Figma, the entire process was documented in ZeroHeight, ensuring that every aspect of the trivia widget was properly described for developers, from interaction flows to animation details.

    The design system was updated to include:

    CONCLUSION

    The trivia widget was a game-changing feature for Taboom, significantly increasing creator engagement and monetization. Before the feature, creators with an average of 10 viewers now attracted 300-400 participants during quiz-enabled streams. Monetization saw a 390% increase in gift donations, and session lengths extended by 40% due to the competitive nature of the quizzes.

    Key Results:

    Key Learnings:

    Overall, the trivia widget became a standout feature for Taboom, empowering creators to better engage their audiences, resulting in stronger audience loyalty and greater monetization opportunities.