Improving Content Recommendations

App Design | UX Design | Design System
VUE Hero Image

VUE

A content tracking and social network app that unifies streaming platforms, as well as improving content suggestions. Ideal for users with access to multiple streaming services.

My Role

Experience Strategy, Visual Design, Branding & Interaction Design

Timeline

March 2021 - May 2021

Problem Statement

Due to an oversaturated market of streaming services, browsing and keeping track of streaming content has become overly complex, time consuming, often inaccurate and lacks meaningful social influence.

Streaming Platform Icons

Hypothesis

I believe that unifying streaming platforms and incorporating a social aspect will improve choices and the viewing experience.

Background

Why

As of 2021 there are over 200 streaming services worldwide. Non-exclusive content is often expiring and switching between streaming platforms making it near impossible to keep track of where to find specific shows or movies. As a result of the over saturation of streaming platforms, algorithm based content suggestions can be inaccurate as streaming services only take into account what the user has watched on that specific service rather than what the user has watched across all streaming platforms.

Business Opportunities

Not only is this valuable to people who use multiple streaming services, I believe it can be beneficial to the streaming services themselves and the film & TV industry:

prevention

Provide users a pathway to all content

Reduction in illegal downloads

retention

Users sharing show recommendations

Increasing platform sign-ups and less cancellations

discovery

Uniting all streaming platforms under one roof

More accurate algorithm based suggestions

Research /

Competitor Research

Firstly, I looked at products and services that incorporated a social element into media as well as services that acted as a link to third party platforms.

Direct Competitors

Letterboxd logo

Letterboxd

  • Only covers movies
  • Can't view friends activity
  • Allows users to post reviews and log movies they’ve seen
  • Includes queue feature
Apple TV logo

Apple TV

  • Covers film and TV (doesn’t include Netflix content)
  • Can't view friends activity
  • No recommendation features
  • Includes queue feature

Indirect Competitors

Spotify logo

Spotify

  • Music streaming service
  • Can view friends listening activity as well as display your own
  • No recommendation feature
  • Queue feature included
Goodreads logo

Goodreads

  • Social cataloging platform for books
  • Can view friends reading activity
  • Users can recommend books
  • Wishlist feature included

Research /

Quantitative Research

I then looked up global demographics and statistics in the video streaming space to give me an idea on the general landscape and who to interview for the qualitative research phase.

Streaming distribution pie chart

34%

Netflix has the largest share of streaming distribution at 34%, followed by Youtube and Amazon Prime.

Population pie chart

58%

of people subscribe to more than one of the big three streaming services (Netflix, Amazon Prime and Hulu).

Age demographic chart

31%

of the streaming audience are within the age of 25-34, globally over 50% of users are under 35.

Streaming incentive chart

35%

of people said having access to the desired show they want to watch was the top incentive in signing up to a particular streaming platform.

Demographic research sourced from similarweb.com & cloudwards.net
I interviewed 10 individuals within the 25-34 age bracket who are signed up to more than one streaming service.
Interview answers

My questions focused on:

  • What they consider valuable when it comes to content recommendations
  • The pros and cons of the streaming services they are currently signed up with.
  • How they discover new shows and movies.
  • What happens if they can’t find something specific they want to watch
  • Their experiences with algorithm based suggestions

Insights

Word of mouth icon

Everyone found word of mouth the most valuable form of recommendation

Algorithm icon

20% follow up on algorithm based suggestions

Illegal downloading icon

80% resorted to illegal downloading or streaming content they could not find

Friends & Family Icon

Everyone enjoyed content that was recommended by friends or family

Switching Icon

Content expiring and switching platforms without any indication is a main issue

“If multiple friends suggest something, I feel more inclined to jump on the bandwagon.”

Empathy Map

Empathy map

Concept

Touchpoints

VUE app icon
Mobile App
VUE notifications
Notifications

Information Architecture

I thought it was vital for the structure to be minimal and comparable to existing products that users already know, making VUE suitable to use for a wide age demographic.

VUE Sitemap

Wireframes

Onboarding-1 WireframeOnboarding-2 WireframeHome WireframeSearch WireframeSearch Results WireframeContacts WireframeProfile WireframeFriend Recommendations WireframeContent WireframeRecommend Overlay WireframeRecommendation Confirmation Wireframe

Testing

I prioritised tasks that implemented features I believed users would use the most such as; 'finding a show to watch based on a friends recommendation' and 'recommending a movie to a friend'. Testing common features found in similar apps such as 'adding a movie to a watchlist' were also included, to make sure the users found familiar features in obvious places.

Key Learnings

Users found the interface familiar and easy to use.

Everyone was able to fulfill scenarios that required users to utilize commonly found features, showing that the UI shared familiarity with existing apps and ensured people knew how to use features just from muscle memory and intuition.

The importance of hierarchy.

It was suggested that users want to see what their friends are watching significantly more than what they themselves are currently watching, meaning rearranging the content featured on the home screen would be required.

Adding personality.

Because users profiles consist of what that person is watching/watched, the idea to personalise user profiles was raised. Displaying a user's top ten recommended movies and shows on their profile was a valuable suggestion, as well as the option to include a personalised message when sending a recommendation since no chat functionality is included.

Design /

Visual System

Colours

Typography

Work Sans was decided as the sole font family due to its modern look while also having character, and also for the versatility its many styles create. The type colours were finalised ensuring that all colours received at least an AA contrast standard.

Work Sans
Bold. Used for headers.
Work Sans
Medium. Used for body text.

Spacing

When designing the VUE app I used an 8pt grid system, the advantage being that it is easy for devices to render even numbers instead of odd, due to the resulting half pixel offset. Additionally, most of the common screen sizes are divisible by 8.

Buttons

Primary:

PLAY

Secondary:

RECOMMEND

Tertiary:

RATE

Design /

Key Flows

Based on the scenarios in the user testing phase, I created high fidelity flows of some of the key features found in the app. Further research and testing will most likely reveal further uses and features.

Watchlist Movie Flow

Adding a Movie to the Watchlist

Adding a movie to a user's watchlist is as simple as accessing the movie or show screen and tapping the 'Add to List' button. This will then update the user's watchlist found on the Home screen.

Recommending a TV Show to a Friend

To recommend to a friend, from the screen for the desired movie or show, the user would tap the 'Recommend' button, where a pop-up friends list will appear. The user will then tap on the friend/s they wish to send the recommendation to with an optional personalised message if desired and hit send. The action is then confirmed by a pop-up message.

Recommendation Notification
Recommend Show FlowEnable Friend Notifications Flow

Enable Friend Notifications

If a user wishes to receive notifications from a specific friend whenever they give a movie or show a rating, they would navigate to that friend's profile and tap the bell icon. A message will then pop-up indicating they have successfully activated notifications while also explaining the features of those notifications.

Watch a Movie Based on a Friends Recommendation

Friend's recommendations and recently viewed lists are found on their profile pages. The user can view their friend's most recent recommendations, before tapping the 'See More' button, which provides a deeper look into their friend's watch history. From here the user can filter by genre, tap on any thumbnail and hit play (linking to the streaming service the movie is playing on).

Friend's recommendations Flow

Outcome

Deliverables

Designed and prototyped screens illustrating the concept of improving content recommendations through the use of a social network.

Summary

This project shows that users tend to neglect suggestions provided by algorithms, as the data they use is quantitative rather than qualitative.

People surround themselves with those who share the same tastes and interests, meaning users respond more to suggestions when it’s provided by a name and a face that they know.

Project Outcome
efficiency

By unifying all major streaming platforms into one experience, navigating through and locating content is easier and more efficient than ever.

accuracy

Implementing a social network into streaming ensures that users will be getting much more personalised recommendations, even giving the choice to narrow down content by person.

entertainment

Accurate and personalised recommendations statistically suggests users will be more engaged with content, ensuring increased entertainment value from streaming services.

Takeaways

Keeping the problem and hypothesis in mind during the duration of this project was instrumental in designing a minimal viable product. Although the app may be light on features, keeping focus on the main goal is important especially with time constraints. From there the product can be further expanded and perfected.

Future Roadmap

Future Research

The main functionality of improving streaming content recommendations was the primary focus for this phase of the project. As important as it is to nail down the core functionality, there are some concepts and features I would like to research / revise and explore for a later update.

Chat Icon

Chat Functionality

The lack of a chat feature was highlighted in the testing phase. I added the feature of sending attached messages with a recommendation in place of instant messaging, as I felt this would work much better alongside the primary focus of recommending content to friends. As there are plenty of instant messaging apps currently available (Facebook Messenger, WhatsApp, iMessage), adding another on top could be overkill. However, if later feedback suggests otherwise, adding chat functionality will be worth exploring.

New Releases Icon

New Cinema Releases

As VUE only covers streaming content in its current iteration, adding new releases to the library and being able to suggest what to see in the cinema based on a user's profile is a feature I believe could be worth looking into. Ideally the feature will be able to explain to the user why the movie is being recommended to them; including showing times, locations etc.

Rating Icon

Re-evaluating the Rating System

The rating system of VUE is important and necessary to obtain accurate recommendations, and the like/dislike rating system was chosen in terms of its efficiency. However, it can be too black and white for some people. Testing out other rating systems such as 5-stars, or even an iteration of Netflix’s new rating system which uses a double-thumbs up, finding which system improves viewer satisfaction metrics is an essential next step.

Try the Prototype!High Fidelity VUE_1High Fidelity VUE_2