Case 04 · Digital Wellbeing · TCNJ Independent Study

Lck Down

A better relationship with your phone, and with yourself.

Role
Founder · Lead UX Researcher & Designer
Context
TCNJ Independent Study
Advisor
Dr. Kelter (Design & Creative Tech)
Team
3 designers + advisor
Methods
Survey · Behavioral research · Figma
Duration
8 weeks
Discipline
Behavioral & mental-health design
Outcome
Interactive Figma prototype
Lock Down home screen on an iPhone: today's screen time 4h 7m, 107% of limit, pickups, notifications, streak, quick actions, and a mood check-in
Hi-fi · home dashboard
Why it started

During the pandemic, I was addicted to my phone.

I wanted to understand how the use of technology directly shapes our behavior and mental health, not as a vague worry, but as something I could measure and design against. So I proposed an independent study to Dr. Kelter and began Lock Down: a mobile concept and a piece of behavioral research, built together.

The premise was simple and a little ironic, an app to get you off the apps. The real question underneath it was harder: what actually moves someone to change a habit they already know is hurting them?

0hrs
Self-reported daily screen time, ages 18–24
0
Countries surveyed, London to Venezuela
0
Cognitive journals: bias, hypocrisy, decision-making
0
Weeks from research to working prototype
The process

Eight weeks, research first.

Lock Down started as evidence, not screens. The first three weeks were entirely research: academic literature, a cross-country survey, and behavioral-science journaling. Design only began once the problem was defined.

01 Research

Social media & mental health

Reviewed CDC and NCBI literature on how platforms affect wellbeing, and how governments evaluate their impact. Social media read as a mixed bag: harm and support both real.

02 Survey

Full-time college students

Surveyed 18–24 year-olds across six countries. Preemptive-bias questions first, then personal info, then open-ended reflection, to catch what people assume before the data lands.

03 Synthesis

Defining the problem

Cross-referenced consumer-behavior research with survey data and pre- vs. post-quarantine usage to isolate the psychological and design levers, and name the real problem.

04 Features

Scoping Lock Down

From collective research and individual wireframes, the team narrowed the feature set and drafted the formal independent-study proposal.

05 Lo-fi

First Figma mockup

Finished a low-fidelity mockup and used it to write the script for our user-testing interviews.

06 Sprint

Questioning the design

Pressure-tested whether the app should keep its trajectory. Sprinted many designs and iterations of the main pages.

07 Iterate

Splitting the app

Continued main-page iterations into two sections: Mental Health and Behavioral Change. Mahjustice tuned the color palette to keep the flow uniform.

08 Reflect

Revised & projected

Reviewed the revised mockup against semester time limits, projected what a longer runway would allow, and drafted the proposal as our closing artifact.

The psychology

"How do you hold someone accountable?"

Call them a hypocrite.

Drawing on research from Hypocrisy and the Usage of Condoms to Moral Credentials & Prejudice, people will self-transcend to reaffirm their self-image. If you let users license their own screen-time in a semi-public way, then confront them with behavior-relevant data, you can shift attitude through the gap between what they said and what they do.

That gap is the engine. The survey was built to measure intrinsic perspective first: before any statistics were revealed, users predicted their own usage and their peers' usage. The distance between the guess and the truth is where the hypocritical licensing effect does its work.

Awareness

They already know

Most users could estimate the time they spend, what they spend it on, and the average for their peers. Ignorance was never the problem.

Resignation

They've embraced doom

Users tie their mental health to social-media use and accept it. System-1 thinking makes the phone hard to resist without self-transcendent motivation.

The lever

Licensing, made visible

Surfacing a person's own stated limits against their real behavior creates the dissonance that drives change. That is the mechanism Lock Down designs around.

From the survey · n = 15

What 15 students actually said.

Before any solution, the survey put numbers to the feeling. Two questions mattered most: how people rated their mental health, and how much they trusted their own willpower against the phone.

"How's your mental health right now?"

15 responses · scale 1–10
0
1
1
2
5
3
2
4
1
5
1
6
4
7
1
8
0
9
0
10
StrugglingThriving

Bimodal, and skewed low. The biggest cluster sat at 3 out of 10, with a second bump at 7. Most students rated their mental health middling-to-poor, and tied it to their phones.

"What's your self-control like with temptation?"

15 responses · scale 1–5
1
1
7
2
5
3
2
4
0
5
No controlTotal control

87% rated themselves 3 or below. Almost no one trusts their own willpower against the phone. That is the System-1 gap Lock Down is built to carry, not scold.

The problem, defined

People spend too much time on social media, and it is affecting their day to day lives. The tic of "checking the phone" compounds, and screen time grows exponentially from it.

The ideation

Cut the use, and make the app do it for you.

If willpower fails under System-1 thinking, the interface has to carry the load. Eight features turn the research into friction in the right places, and rewards in the others.

01

Schedule social time

Allot specific windows for social media instead of an open-ended feed.

02

App-specific timers

Set a hard limit on the apps that pull you in the most.

03

Auto silent mode

Silence the phone on a schedule so notifications stop initiating the loop.

04

Limit open apps

Cap how many apps can be open at once to break compulsive switching.

05

Move apps off home

One toggle hides social apps off the home screen, raising the cost of a tap.

06

Temporary disable

Pause a social account without the dread of permanent deletion.

07

Weekly automation

Re-disable accounts automatically so you never have to re-open Instagram to do it.

08

Behavior-relevant rewards

Generate personal stats on improvements, slips, and benchmarks, the licensing data made motivating.

The iterations

From notebook sketch to shared system.

Four rounds, each driven by feedback from roommates, classmates, teachers, and the team. The throughline: condense, clarify, and unify a design three people could build together.

First rough wireframe: the Lock Down menu with Schedule, Timer, Silent mode, Limiter, Disabler, and Ghost mode
01 · Paper & iPad

First sketch

Covering the original six Lock Down features, I sketched on iPad and notebook. I studied Fitbit, Headspace, Figma community sets, and Duolingo to learn the patterns behavioral-change apps lean on: widgets, a clean surface, plain-language descriptions, and statistics for accountability.

Design Sprint 2 notes and a profile-screen sketch exploring a bottom bar, hamburger nav, icons, and a mood board
02 · Toward a system

One bottom bar

I introduced a shared bottom navigation and brought it to the team so our separate sections could read as one app. This round focused on translating my pages into Rebecca's, and defining the uniform system that landed in the final design.

First Figma prototype: mid-fidelity Lock Down screens including login, menu, ghost mode, disabler, limiter, and silent mode
03 · First prototype

Function before finish

I prototyped the layout and flow in Figma before styling, starting from a basic login template so the structure could be judged on its own. Roommates, classmates, and teachers reviewed it and pushed for changes.

Condense functionality Add a timer Reword components Add contrast
Open the basic template in Figma
The combined Figma board showing every Lock Down flow across green, blue, and yellow color variants
Final · Combined

Palette, polish, handoff

In the last week we merged prototypes with Mahjustice's color design and made final adjustments to Lock Down. Kel moderated over Zoom while we worked through Figma shortcuts, copying and swapping components, and made the group decisions that set the app's final look.

The connected Lock Down prototype: login through Lock Down menu into Ghost Mode, Disabler, Limiter, and Silent Mode with flow arrows
The connected prototype · login → Lock Down menu → Ghost Mode, Disabler, Limiter, Silent Mode
Final Lock Down home screen: Good morning Sabrina, 4h 7m screen time at 107% of limit, pickups, notifications, streak, quick actions, and a mood check-in
Final · home dashboard & mood check-in
Final Lock Down profile screen: day streak, check-ins, average reduction, notification toggles, and accountability options
Final · profile, notifications & accountability
Time screen · hi-fi prototype · tracking & limits
Feelings screen · hi-fi prototype · mood check-ins
The Figma prototype in motion · tap through Lock Down
What I took from it

Research is the design.

Behavior beats willpower

People already know their habits hurt them. The design's job is not to inform, it is to engineer the moment of friction or motivation that actually shifts behavior.

Psychology can be a feature

The hypocritical licensing effect is not a footnote, it is the core interaction. Naming the mechanism early gave every screen a reason to exist.

Scope to the runway

An eight-week independent study forced honest tradeoffs. Documenting what a longer timeline would unlock turned a hard stop into a clear roadmap.

Meet the team

Three designers, one advisor.

S

Sabrina May

Founder · Behavioral & MH design

I proposed the study to Professor Kel and founded Lock Down as a TCNJ independent study in Design & Creative Technology. I ran the cross-country research on students' pandemic relationship with their phones, then designed the behavioral-change features and tied them to the mental-health side.

R

Rebecca Jalowics

Mental Health UX

Rebecca and I bonded over the irony of building an app to get you off the apps. We agreed Lock Down would have two halves: mental health and behavioral change. She led the Mental Health UX and organized our weekly meetings.

M

Mahjustice Murphy

Visual & Graphic Design

Mahjustice joined for the visual and graphic side, bringing the app's aesthetic together. He built the color board and icon set that gave Lock Down its uniform, calming surface.

Advised by Dr. Kelter ("Kel"), TCNJ Department of Design & Creative Technology.

Next case · 05 of 07
X-Change Startup
Open file