Fandor's Logged-in Home Page

Fandor needed to make it easier for logged in members to access films that they are most likely to watch. The films and content surfaced in current page are broadly recommendations not specific to users.

Goal: Increase member activity for watching films, provide members with specific recommendations. 

• Optimize experience for logged in members
• Make it easier to find a film to watch on this page
• Clearly differentiate content/recommendation types

Success Metrics: Increase views of films curated and recommended on homepage.

Process:

• Internal Research/Competitive Analysis
• Brain Storming / Crude Wireframes
• Prototyping
• Testing
• Final Design Delivery

Internal Research/Competitive Analysis

Brain Storming / Crude Wiereframes

Prototyping

Testing

High level goals
1.    Validation of Information Architecture and Hierarchy of elements displayed
2.    UX roadblocks - what’s not working
3.    Feedback on aesthetics

Prioritized list of issues to address before development
Test 8 users:  5 existing members - 3 new users

Test participants will attempt the completion of following tasks:

Using InVision Prototype  

Tasks for Homepage

●    Task 1: Explore the page and provide feedback of what you’re seeing
●    Task 2: Explore the slider content and tell me what you see. What's new? Likes/Dislikes?
●    Task 3: Ask them to get more info on a specific film, Hover over the title of the film…and provide feedback

For the following  tasks do in random order for different users

• Task 4: Task for curated area looking for feedback- ask them to find a criterion film, ask them to find more if they only scroll down instead of going to the tab
• Task 5: Task for Recommendation area - find something recommended because of something you watched. where would you find more? 
• Task 6: Task for Trending area - find popular films or film review
• Task 7: Task for News… provide feedback. Where would you find articles about films or news about our service.

Final Design Delivery

Carousel for Feature Content

Film Panels Logic and Specs

Fandor Navigation Bar

For this project I needed to focus on re-arranging the content while simplifying the user's mental process to find films and other supporting content.

Some of the paint points were: Difficulty finding what I'm looking for, Too much clutter, too busy, lost in the mess.

My goal for the project: Make it easier to find what you’re looking for and Increase registrations.

Research and work

• Moderated card sorting exercise to understand users’ needs

• Unmoderated card sorting exercise to come up with new IA

• Iterative Treejack test, testing new IA vs. old IA

• Designed prototypes (hamburger and salad bar), in the middle of iterative user testing

Moderated card sorting exercise

Interactive Treejack test, testing new IA performance

Prototype Designs:

Hamburger Menu (Items align vertically) 

Salad bar (Displayed items in a row system)

Final Look and Feel

Fador's Guest Landing Page

This is not only a useful marketing tool that helps the user to understand the product but also to find the value proposition quickly.

Fandor didn't have a designated page where User's can glance at the product quickly but also understand what the company stands for.  My goal for this project was to provide a range of useful information that a new visitor might want to know about the film, as well as the contextual and taste-making curatorial elements that will let the visitor know whether or not they would enjoy watching the film, and will encourage them to do so.

What did we test?

5 seconds test of our current and new guest homepage designs.

Why?
Get first impression of our new guest homepage design in 5 seconds. 
Fine tune our new design and calls to action by analyzing the most prominent elements. 

Who did we test?
Primary target audience of the new guest homepage: Brand new users.

What is 5 second test?
Most visitors spend fewer than 10 to 15 seconds on websites. Five second tests help us understand people’s first impressions of our web page designs. By finding out what a person recalls about our web page design in just 5 seconds we can ensure that our message is being communicated as effectively as possible. 

How did we conduct the test?
We uploaded a screenshot of our current and new guest homepage designs. 
Testers had five seconds to view the mockup and answer following questions:
* What do you think this page was about?
* Did the brand appear trust worthy?
* Which element on the page did you focus on most?

What do you think this page was about?

Result: Good news! Most people associated the new design with place where you could watch movies. This was the primary message that we wanted to communicate.

Did the brand appear trust worthy?

Result: Good news! Yes, most people thought out new design was trust worthy. Being trust worthy is one of the key factors to getting users to register.

Which element on the page did you focus on most?

Result: Good news! People remembered primary photo of the man and free trial button. This was our main call to action!

Usability changes for Fandor's Roku Channel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget sapien sed risus suscipit cursus. Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis. Nulla a scelerisque turpis, in gravida enim. Pellentesque sagittis faucibus elit, nec lobortis augue fringilla sed. Donec aliquam, mi in varius interdum, ante metus facilisis urna, in faucibus erat ex nec lectus. Cras tempus tincidunt purus, eu vehicula ante. Duis cursus vestibulum lorem.