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. Competitive Analysis – See what current apps are popular, what features they offer, and their strengths and weaknesses
  2. Surveys – Sent out to a group of people who watch TV as their primary source of entertainment
  3. Interviews – Interviews following up on surveys to get more information on answers
Competitive 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.

Surveys

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.

User Interviews & Affinity Mapping

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.

POVs and HMWs

Based on my research, I crafted POV statements and HMW questions to amplify the users' perspectives. 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

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.

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

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.

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.

3. Test & Iterate

Usability Tests & User Tasks

I recruited 4 participants for 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.

Task 1: Use the Spin feature

You're feeling indecisive on what to choose from your watchlist. Try using the built in feature to help you pick.

Results

All users successfully completed the task within a very reasonable time with no errors.

Task 2: Add a friend

Add a friend by either taking a photo of their QR code or entering their friend code

Results

All users successfully completed the task within a very reasonable time with no errors.

Task 3: Use the Spin feature with a friend

Find your friends, and then use the swipe tool to help what to watch next since you're both feeling indecisive. You aren't really in the mood for Dune 2, but Titanic sounds great!

Results

Users got a little lost on the way to find this feature. I decided to rearrange things based on this being a primary feature that ended up tucked away in the social tab.

Wins & Opportunities

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 conducting usability tests, it became evident that prioritizing the unique features of Kismet was crucial for user engagement. The other revisions were straightforward, allowing implementation of all beneficial changes. 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.

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 case study

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

Next case study

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