Streamie

A mobile application for TV show and movie watchers to track and organize what they watch

View Protoype
Three app mockups of the streamie app.

Overview

Streamie is a mobile application designed to allow users to track and organize the shows and movies they are watching. They can add to a watchlist, find detailed information , and see what the community is saying about their favorite shows or movies.

Timeline

3 weeks

Roles

  • UX Designer
  • UX Researcher
  • UI Designer

Tools Used

  • Figma
  • Framer
  • Maze

The Challenge

My client found it difficult to keep track of the many shows and movies they were watching. They wanted a quick and easy way to track, find information, and talk to other people about their shows.

My goal is to refine this idea and synthesize a low-fidelity prototype that meets the client's needs and reaches a broad audience of users.

The Solution

View Prototype

Research

Survey

  • 13 out of 18 respondents said they discuss what they watch with friends or family members.
  • 15 out of 18 respondents watch movies or TV shows daily or multiple times a week.
  • "Dislike theories and spoilers."
  • "It can be helpful to rate the series and even create "playlist" based on topics or similar recommended series to watch."
View Full Results

Competitive Analysis

Hobi
Hobi logo
Pros
  • Minimal UI and familiar system
  • Categorizing content well
  • Easy to track movies and shows
  • Statistics on what and how much you watch
Cons
  • No way to build a community around a show
  • Locked content through a paywall
TV Time
TV time logo
Pros
  • Great for organizing your watchlist
  • Connects with your social media to share content and make recommendations
  • Comment on shows with other people and view ratings
Cons
  • Lots of data collection
  • Secondary application focused on providing data to businesses

User Journey Map

A journey map detailing the user journey through the app.

Outcomes

  • Recommended and browsable sections so users can find something to watch.
  • Users like to talk about what they watch with friends and family.
  • Users are worried about spoilers in comment sections.

Design

User Flows

A user flow diagram of the streamie app.

Sketches

Eight sketches of app screens on paper.

Wireframes

Home screen wireframe
Show selection screen wireframe
Show information screen wireframe
Spoiler overlay screen wireframe
Open menu screen wireframe
A different version of the home screen for the app.
A third version of the home screen.

Refine

Feedback

  • Can I connect to other apps prior to selecting my shows?
  • There is too much information in the sidebar.
  • Do you need to hide comments in a dropdown menu?
  • Can I send a link to tell my friend about the show?
  • Some icons and buttons are not clear in their intent.

User Testing

Updated Wireframes & Prototype

The final version of the home screen.
The final version of the onboarding screen.
The final version of the show information screen.
Final version of the spoiler overlay screen.
The final version of the my watchlist screen

More Testing

Chart showing test results for onboarding of the app.
Test results from user testing show comments.
Chart showing user test results for adding a show in the app.
Chart showing test results for removing a show from the app.

Final Outcome

View Prototype

What's Next?

  • Implement new feedback from testing.
  • Select key features for MVP and create design roadmap.
  • Handoff design to developer.
  • Implement branding and create design system.