Case Study · Mobile UX

First Step

A minimal mobile app that helps users overcome task avoidance by breaking down overwhelming tasks into clear, actionable first steps — no lists, no tracking, just the clarity and momentum to begin.

Download Case Study PDF View Prototype Back to Portfolio
Role: Product Designer & Developer Platform: Mobile Web App Type: Behavioral UX Status: Prototype Complete
What's on your mind?
2
First Step Clarification
You said: I need to deal with that project...
How many minutes can you commit?
Working on:
10:00

The Problem Worth Solving

Procrastination and task avoidance aren't always about laziness or poor time management. For many people, the real barrier is ambiguity. When a task feels vague or overwhelming, the brain defaults to avoidance as a protective mechanism. Traditional productivity apps add features to solve this — First Step removes them.

Core Insight: Most productivity apps assume the user already knows what to do next. But for those struggling with executive function, ADHD, or feeling overwhelmed, the challenge isn't tracking tasks — it's knowing where to start.

What We Were Designing For

🧠

Reduce Cognitive Load

Show only essential information at any given moment. No competing elements, no decision fatigue — one clear next step.

🎯

Transform Vague Into Actionable

Guide users through a three-step process that converts abstract anxiety into a concrete, small commitment they can act on immediately.

🛡️

Create Emotional Safety

Use encouraging language that is never demanding. Explicitly give users permission to stop — the goal is starting, not finishing.

✂️

Intentional Subtraction

No accounts, no task lists, no history, no gamification. Every "what if users want..." idea was evaluated against the core behavioral goal.

Understanding the User

Through informal research and personal experience with task avoidance, four key patterns emerged that shaped every design decision in the app.

💬

Vague Language Creates Barriers

"Deal with that project" or "organize workspace" are too abstract to act on. The brain stalls when it can't picture the first move.

⚙️

Feature Overload Increases Friction

Complex apps with categories, tags, and priorities add decision fatigue before the user even starts working.

🔄

All-or-Nothing Thinking

Users feel they need to complete the entire task or not start at all. Micro-commitments break this pattern.

😔

Guilt & Tracking Backfire

Productivity metrics and incomplete task lists create shame, not motivation. First Step tracks nothing.

Primary User Need: "I need help transforming my vague anxiety about a task into a clear, small action I can take right now — without judgment, pressure, or the burden of tracking."

Three Steps. That's It.

The entire app is a single, deliberate three-step process. Each step has one clear purpose and no distractions. Breaking the flow into discrete stages prevents overwhelm and guides users through a proven behavioral pattern.

01

Acknowledge

Write down the vague task exactly as it appears in your mind. No formatting required. The prompt asks "What's on your mind?" — not "What do you need to do?" — to reduce perceived pressure from the first word.

02

Clarify

The original task is reflected back — "You said: I need to deal with that project..." — to validate input and create continuity. Users then define the smallest possible first action they can take right now.

03

Commit

Set a short time commitment — default 10 minutes. Research shows micro-commitments reduce resistance, and users often continue beyond the timer once momentum builds. The timer is optional by design.

Why We Made Each Call

Language Design Matters

Changing "What do you need to do?" to "What's on your mind?" significantly reduced the pressure users felt. Small word choices have outsized psychological impact.

The Timer is Optional for a Reason

While the timer provides structure, forcing its use would contradict the "no pressure" philosophy. Giving users autonomy is more important than optimizing engagement metrics.

No Persistence by Design

First Step doesn't save history or require accounts. Each session is ephemeral, reducing the cognitive burden of "managing" the app itself. Privacy by default — no data, no tracking, no cookies.

Designing for Executive Function

Traditional UX assumes users arrive with clear goals and just need efficient paths. For users with ADHD, anxiety, or executive dysfunction, the app itself must provide structure and reduce decision points.

Visual Calm as a Feature

Every visual decision in First Step is intentional. Generous whitespace and soft colors reduce anxiety. Clear hierarchy with no competing visual elements. The calm blue palette communicates safety and clarity — not urgency.

Calm Blue
#5B7FA6

Deeper Blue
#2F4E6F

Warm Gray
#F2F1EE

White
#FFFFFF

What Was Built

First Step proves that subtraction is a design skill. The hardest part was resisting the urge to add features. The result is an app that feels focused because it is — every element serves the single goal of helping users begin.

100%
Mobile Optimized
Zero
External Dependencies
3
Step User Flow
0
Data Stored or Tracked

What I'd Do Differently

First Step forced me to think differently about what "more" means in product design. Adding features would have felt like progress but would have undermined the core behavioral goal. Given more time, I'd conduct usability testing with users who have ADHD or anxiety to validate whether the language and flow truly reduce psychological friction — not just assume it does.

Biggest takeaway: Subtraction is a design skill. The most impactful decisions in this project were the features we chose not to build. Knowing what to leave out is harder — and more valuable — than knowing what to add.

How It Was Built

Figma React 18 TypeScript Tailwind CSS 4 Vite Web Audio API Vibration API Behavioral UX Mobile-First Design Accessibility (WCAG AA) Micro-commitment Research Privacy by Default

Ready to see more of my work?

Download Case Study PDF View Prototype Back to Portfolio