inlite
Cinema Therapy Platform
BACKGROUND
Inlite is a start up company who's mission is to power social change through mental health by transforming watching habits into a personalized development experience through entertainment and technology. The aim is to build a platform that leverages the science, cinema and machine learning to help people live a better life, manage mental health, achieve their goals and watch movies for good.
Inlite is in it's early stages of development. Our job was to build the first round of prototypes in order the gather preliminary user data on the concept and process.

PROJECT OVERVIEW

Client

Inlite

Target Audience

Millennials who enjoy movies and tv.

Goal

Improve the user understanding of the cinema therapy program and improve user orientation and understanding of the platform itself.

Scope

Improve the user experience from the landing page, through the completion of one movie therapy session.

Challenge

Presenting the dense and complex information in a way that doesn't feel overwhelming or confusing.

Role

UX Research & Design, in a team of 3 designers.

Deliverables

High Fidelity Prototype, User Testing Results, Design Graphics, Presentation.

Tools

Sketch, Invision, Whiteboard, Illustrator

Platform

Desktop
Design Process
Evaluation
Research
Design Iterations
In order to focus our design, we started off by identifying our primary user by confirming with our client.
Sam
Age 32 | Photographer
Binge watches TV to tune out of reality.
Prefers the easy way always.
"I value everything easy and fun with no pressure"
Though not the hardest worker, he is interested in self improvement, so when he hears of this movie watching therapy, he’s stoked that he mightfinally get to feel productive about his tv viewinghabits.
we then conducted a heuristic evaluation (Nielson) on the current prototype
and then proceeded to observe users perform a task on the prototype (task analysis).
EVALUATION FINDINGS
  • Users did not notice side navigation, nor did they scroll past initial screen
  • Users confused as to what they were signing up for & distrusting
  • Home picture made users feel sad
  • Users were unsure what was being asked here, if they had started the program, what this meant
  • Users were unsure if they had left website
  • Users were unsure if this was a multiple choice question, or if they were progress bars.
  • Felt like a lot to remember to do
  • Users expected movie to start when they clicked the play Icon, but were shocked to find it didn't play
  • Users did not notice nor understand the progress bar
  • Post-Movie analysis questions felt like a lot of work and were intimidating to answer
Long story short, users were
CONFUSED
LOST
and it felt like a lot of WORK

"It feels like Netflix and Work,
not netflix and chill."
AREAS FOR IMPROVEMENT
1
Improve home page navigation & content, keep it consistent across platform, improve trust.
2
Make on-boarding from home page to dashboard more understandable.
3
Give website a friendlier & more personable feel to make it feel like less like work.
4
Provide more guidance & orientation throughout the website.
5
Redesign post question presentation.
Evaluation
Research
Design Iterations
After evaluating, we were ready to start resesarching common practices in comparable online therapy platforms as well as onboarding methods.
Competitor Research
•Top navigation consistent
•Login/Sign up feature
•Clear "how it works" section
•Login/Sign Up feature
•Personable & friendly aesthetic
•Encouragement & positive reinforcement
•Personable & friendly language
ONBOARDING TOP TAKEAWAYS
Welcome Message
Concise breakdown using icons
Convey value of product to user.
Establish Trust & set user expectations.
Evaluation
Research
Design Iterations
After evaluating and researching, we were ready to start ideating design solutions.
LOW FIDELITY TESTING
  • We redesigned the navigation and information on the home page to improve it's visibility and give user's the information they need right away without needing to scroll far.
  • We added a login feature.
  • Added more clarification and guidance to the onboarding from home page to dashboard.
  • Redesigned dashboard to give better understanding of cinema therapy process and program
  • Added information of available streaming platforms on the dashboard so users are not surprised when they have to leave.
  • Added more guidance to post movie analysis questions.
but after testing..
HIGH FIDELITY TESTING
  • Replaced landing photo to give a more uplifting and encouraging feeling.
  • Modified the 'How it Works' page to encompass the whole program process for better understanding.
  • Added information about the program levels and journey to the onboarding so the users understood the progress bar when they reached the dashboard.
  • Added a consistent and recognizable name and icon for the 'Reflection Log' so users understand the relation to the post movie questionaire.
  • Added consistent and relatable icons to improve guidance.
  • Designed reflection questions to appear in progressive disclosure so as to not overwhelm with too much work.
TEST FINDINGS

"I like the simplicity of it
and the concept itself."

"I felt i understood the process
well."

"Movie therapy process was
understandable."
Improved understanding cinema therapy
Improved understanding of therapy process.
Users felt oriented throughout website.
Users were delighted with visuals, making information easy to digest.
Visit Prototype
BEFORE
AFTER