Kismet

View prototype
Type
MVP: End-to-End Application
Role
UX/UI Design, Research, Branding
tools
Figma
duration
5 weeks
Background

TV shows and movies offer easy and accessible entertainment and a great way to pass the time effortlessly—unless you're feeling indecisive. There's plenty of apps to assist in managing watchlists and discovering new content, but the challenge often lies in choosing what to watch, especially when watching with others. Struggling to find common ground and make decisions can detract from the leisurely enjoyment of watching TV.

My Role

I managed every aspect of this project solo, from concept to handoff. I navigated through discovery, research, design, and testing, all while adhering to a tight, self-managed schedule to meet the deadline.

The Problem

Choosing what to watch, whether alone or together, can be challenging. Navigating the multitude of streaming services to determine available shows and movies adds to the hassle. Watching TV should be relaxing!

Design Process

1.

Research & Strategy

2.

Design & Prototype

3.

Test & Iterate

1. Research & Strategy

Research Goals and Methodologies

We want to know how people decide what to watch and how they watch it so that we can create an app that fills a market gap. To answer these questions, I will use three different research methodologies:


  1. Competitor Analysis – See what current apps are popular, what features they offer, and their strengths and weaknesses
  2. Survey – Sent out to a group of people who watch TV as their primary source of entertainment
  3. Interview – Interviews following up on surveys to get more information on answers
Competitor Analysis

I performed an analysis of leading TV companion apps and evaluated their features, strengths, and weaknesses. This offered valuable insights into the competitive market but also served as the cornerstone for selecting features to integrate into Kismet to set it apart from the competition.

Survey

I distributed surveys to TV viewers to understand their experiences with existing apps and the challenges they encounter when trying to relax with TV. The feedback from the 10 responses I received challenged my assumptions and provided direction on which features to prioritize.

Interview

I conducted interviews with 5 individuals who find enjoyment and relaxation in watching TV and movies. These participants represented a diverse range of technological proficiency levels, an important consideration since I aim to ensure that my app is user-friendly even for those who may not be tech-savvy. Using affinity mapping, I organized interview responses to identify recurring themes and issues. Among all participants, common themes included decision paralysis, selecting shows to watch with others, and using TV as a means of relaxation.

POVs and HMWs

Based on my research, I crafted Points of View (POV) statements that captured what people were saying. Then, I turned those insights into How Might We (HMW) questions, flipping challenges into opportunities for solutions. After considering several options, I selected the one that most closely resonated with the feedback gathered from surveys and user interviews.

Personas

Using the POV statements and HMW questions as a foundation, I constructed a persona profile to reference throughout the design process. This helped to ensure that the product resonated with the needs, goals, frustrations, and pain points. To deepen empathy with this persona, I developed a journey map to highlight their pain points and identify opportunities.

1. Research & Strategy

Research Goals and Methodologies

We want to know how people decide what to watch and how they watch it so that we can create an app that fills a market gap. To answer these questions, I will use three different research methodologies:


  1. Competitor Analysis – See what current apps are popular, what features they offer, and their strengths and weaknesses
  2. Survey – Sent out to a group of people who watch TV as their primary source of entertainment
  3. Interview – Interviews following up on surveys to get more information on answers
Competitor Analysis

I performed an analysis of leading TV companion apps and evaluated their features, strengths, and weaknesses. This offered valuable insights into the competitive market but also served as the cornerstone for selecting features to integrate into Kismet to set it apart from the competition.

Survey

I distributed surveys to TV viewers to understand their experiences with existing apps and the challenges they encounter when trying to relax with TV. The feedback from the 10 responses I received challenged my assumptions and provided direction on which features to prioritize.

Interview

I conducted interviews with 5 individuals who find enjoyment and relaxation in watching TV and movies. These participants represented a diverse range of technological proficiency levels, an important consideration since I aim to ensure that my app is user-friendly even for those who may not be tech-savvy. Using affinity mapping, I organized interview responses to identify recurring themes and issues. Among all participants, common themes included decision paralysis, selecting shows to watch with others, and using TV as a means of relaxation.

POVs and HMWs

Based on my research, I crafted Points of View (POV) statements that captured what people were saying. Then, I turned those insights into How Might We (HMW) questions, flipping challenges into opportunities for solutions. After considering several options, I selected the one that most closely resonated with the feedback gathered from surveys and user interviews.

Personas

Using the POV statements and HMW questions as a foundation, I constructed a persona profile to reference throughout the design process. This helped to ensure that the product resonated with the needs, goals, frustrations, and pain points. To deepen empathy with this persona, I developed a journey map to highlight their pain points and identify opportunities.

2. Design & Prototype

Feature Roadmap

Numerous features could ease pet owners' concerns about leaving their pets with a stranger. Given the scale of the project and limited time, I had to determine which features to implement first and which ones to defer. I prioritized based on the frequency with which they were mentioned in my research.


Information Architecture

Before proceeding with wireframing and usability testing, I created a sitemap to establish the screen hierarchy and structure.

Branding

I opted for a dark theme, considering that users will predominantly use the app in dimmer settings as they unwind to watch something. Incorporating a fate-based theme was intentional, highlighting the app's role in alleviating the burden of choice for users and assisting them in selecting their next pick.

Wireframing

After outlining low-fidelity wireframes for essential screens related to desired user tasks, I refined the information hierarchy. Once content with the layout, I progressed to creating mid-fidelity screens and a prototype for usability testing purposes.

2. Design & Prototype

Feature Roadmap

Numerous features could ease pet owners' concerns about leaving their pets with a stranger. Given the scale of the project and limited time, I had to determine which features to implement first and which ones to defer. I prioritized based on the frequency with which they were mentioned in my research.


Information Architecture

Before proceeding with wireframing and usability testing, I created a sitemap to establish the screen hierarchy and structure.

Wireframing

After outlining low-fidelity wireframes for essential screens related to desired user tasks, I refined the information hierarchy. Once content with the layout, I progressed to creating mid-fidelity screens and a prototype for usability testing purposes.

2. Design & Prototype

Feature Roadmap

Numerous features could ease pet owners' concerns about leaving their pets with a stranger. Given the scale of the project and limited time, I had to determine which features to implement first and which ones to defer. I prioritized based on the frequency with which they were mentioned in my research.


Wireframing

After outlining low-fidelity wireframes for essential screens related to desired user tasks, I refined the information hierarchy. Once content with the layout, I progressed to creating mid-fidelity screens and a prototype for usability testing purposes.

User flows

I developed user flows to illustrate the key pathways users will navigate while interacting with the app.

2. Design & Prototype

Feature Roadmap

Numerous features could ease pet owners' concerns about leaving their pets with a stranger. Given the scale of the project and limited time, I had to determine which features to implement first and which ones to defer. I prioritized based on the frequency with which they were mentioned in my research.


Information Architecture

Before proceeding with wireframing and usability testing, I created a sitemap to establish the screen hierarchy and structure.

Branding

I opted for a dark theme, considering that users will predominantly use the app in dimmer settings as they unwind to watch something. Incorporating a fate-based theme was intentional, highlighting the app's role in alleviating the burden of choice for users and assisting them in selecting their next pick.

UI Kit

I adjusted a Material 3 kit with Kismet's branding to keep it simple for the development phase.

Wireframing

After outlining low-fidelity wireframes for essential screens related to desired user tasks, I refined the information hierarchy. Once content with the layout, I progressed to creating mid-fidelity screens and a prototype for usability testing purposes.

User flows

I developed user flows to illustrate the key pathways users will navigate while interacting with the app.

3. Test & Iterate

Usability Testing

I recruited 4 participants for moderated user testing, asking them to complete 3 tasks to uncover any potential UX or flow issues before advancing to high-fidelity wireframes. Success was measured by participants completing all tasks within a reasonable timeframe with minimal to no errors.

Wins

  • Participants navigated the prototype with ease
  • Features received positive feedback and participants enjoying their interaction
  • The Information Architecture was largely effective, with minor revisions required

Opportunities

  • Reorganize features to enhance their visibility in the app
  • Align the friends tab with industry-standard flows for improved usability
  • Expand on descriptive copy and CTAs to offer clear explanations of features
Priority Revisions

After testing, it was obvious that prioritizing the unique features of Kismet is crucial for user engagement. Following adjustments to the mid-fidelity wireframes, I proceeded to design them in high fidelity and conducted another round of usability tests. These tests led to two additional minor revisions: increasing font sizes on the joint watchlist selection screen and providing information on which streaming services offer the selected film or TV show from either the Spin or Swipe features.

Final Results

View prototype
Conclusion

Following multiple rounds of user testing and design iterations, I am confident in the inclusion of all necessary features to present an MVP, alongside a roadmap for future features.


Lessons learned:

It's crucial for an app's key features to be prominently displayed and easily accessible.

Previous UX case study

There is no previous UX case study.
Back to all case studies

Next UX case study

There is no next UX case study.
Back to all case studies