Image by Federico Beccari
mockup_home.png
mockup_moviedetails.png
mockup_watchlist.png

Spotter

A streaming assistant app

Project Overview

Television today is not the same as television yesterday. Technology is constantly expanding and renewing itself, and certainly the way people watch television has changed. Spotter aims to solve issues in discovering, browsing, and tracking streaming content across platforms.

Challenges

1. Help users discover content to watch

2. Simplify cross-platform content browsing

3. Improve clarity of content entering and leaving platforms

Opportunity

Create an app that allows users to discover, browse, and track streaming content across platforms.

My Approach

Discover

Market Research

Competitive Analysis

User Interviews

Understand User Pains

Define

Affinity Mapping

Personas

Define the Problem

Information Architecture

User Flows

Ideate

Sketching

Wireframes

Prototyping

Validate

Usability Testing

Iterated Wireframes

Hi-fi Wireframes

Prioritize Next Steps

My Contribution

Over the course of 2 months, I worked on a design team of 3 under various roles (UX/UI Designer, UX Researcher, and Information Architect). I was tasked with leading and presenting design research, creating user flows, wireframing, prototyping, and refining validated designs. 

Having grown up in the information age, our team was familiar with the variety of streaming services offered and their shortcomings. I hypothesized that with the growing number of digital streaming platforms, users might have trouble finding content across various platforms. 

We wanted to establish research that would allow us to create a solution that matches our user expectations, behaviors, and goals while aligning with business goals and requirements of our concept. This meant researching the domain, current technologies, and ultimately our users’ goals.

Project Duration: 2 Months

With cable subscription on the decline, are people more motivated than ever to view content on devices outside of their home television?

Frame 533.png

60% of Americans subscribe to more than one paid video streaming service.

Frame 533.png

In 2015, there were 2.1 million cord-cutter households, up from 1.27 million cord-cutter households in 2014.

According to the Nielsen Company.

According to Convergence Research Group.

Competitive Audit

With so much content to stream, how can we help users discover what to watch? Before answering this question the team conducted a competitive audit to get a better understanding of our competitors approach to providing users a similar solution. After testing market apps, some of the competition stood out but even they lacked key features. 

spotter_Comp-Audit.png

Competitive Audit

Discoveries from User Interviews

The main pain points circulated around browsing various platforms to find new content to watch. When looking for something to watch users will scroll through one platform's catalog before the next, assuming they found nothing. This would often take a few minutes before finding something new to watch or settling for their favorite show.

Frame 534.png

Those who regularly watched content would browse aimlessly before watching something.

Frame 534.png

When they could not find something to watch most would settle and watch their favorite show or movie.

Frame 534.png

The more avid watchers would browse between multiple platforms before deciding.

Frame 534.png

Majority of participants have access to multiple streaming platforms.

Defining App Requirements

The main requirements revolve around allowing the user to quickly discover new content to watch based on their preferences. This includes user-specific recommendations and quick access to searching across platform databases. The ultimate goal is to provide the user with an efficient browsing experience as they waste no time finding show or movie to watch.

Frame 534.png

Content recommendations personalized for the users tastes.

Frame 534.png

Easily sift through large amounts of content across different platforms.

Frame 534.png

Easily display cross-platform information in an accessible way.

Frame 534.png

Keep track of content entering and leaving platforms.

Key Path Scenario

With design requirements in place, we flushed out the primary pathway the user would take through the app.

 

Based on research, we prioritized customization, ease of use when discovering content within the app, and clarity of content/information.

Jordan_wireframe.jpg

Key path scenario sketch.

Wireframing the Solution

Pen and paper is always my go to for thinking through a problem. Our users want to make the most of their time and get frustrated when stuck scrolling through various platforms to find content to watch. So the question is, how can we consolidate the effort of cross-platform browsing?

spotter_wireframe_edited.jpg

Wireframe Sketches

spotter_Low-Fidelity.png

Lo-Fi Screens

Prototyping the Solution

Before creating elements in our design tool, we started defining the visual language that will be used throughout the app. It really helped us to create a design system to reference.

Validating the Design 

Usability tests were held with users to validate lo-fidelity designs meet their needs. 

Findings

The explore page needed a search bar. The lack of general genres caused confusion.

Frame 534.png

Users want to see which category they have personalized content by.

Frame 534.png

Search filtering is confusing and feels incomplete.

Frame 534.png

Users want the ability to mark content as watched after placing it in a watchlist.

Frame 534.png

Easily display cross-platform information in an accessible way.

Homepage headers did not clarify content was personalized. Search filter button caused confusion.

spotter_medium.png
spotter_medium.png

Validating design based on feedback.

Final Design

Throughout the design process we focused on three challenges. We established these to be the three primary pillars of both what users wanted as well as a means of pushing our product above our competition based on our research.

Focusing on these pillars allowed us to tackle the challenges in order from large to small to ensure we met all the expectations and requirements.

spotter_final.png

Hi-Fidelity Screens

Takeaways

Things don't always go as planned. COVID-19 shook things up as we moved into the design process. Although there are powerful digital design tools and solutions, they don't operate identically to traditional methods. Better testing methods would need to be explored if virtual tests need to be conducted in the future.

Copyright © 2022 Anthony Jones.