A DESIGN PATTERNS BOOK

It's Not You. It's the Design.

30 Sneaky Little Design Patterns Quietly Running Your Everyday Apps

A friendly guide to understanding the UX behind the screens you use every day.

Section 1

Don't Overwhelm Me

01

Progressive Disclosure

"Netflix knows you don't need to see 47 settings just to change your password"

What it actually is

Show people the bare minimum first. Reveal more only when they ask for it — like a magician who doesn't dump the whole deck on your lap, just pulls one card at a time.

Real life version

You walk into a restaurant. The waiter doesn't recite the entire inventory of the kitchen — he hands you a menu with categories: Starters, Mains, Desserts. Want details? Ask, and then he tells you the fish was flown in this morning.

Bad
Good
Your microwave has 40 buttons for "quick reheat," and you still press Start twice and pray. WhatsApp settings: tap Privacy, then see who can view your last seen. Nothing screamed at you upfront.
Don't hand someone a toolbox when they asked for a screwdriver.
02

Hick's Law

"Too many choices and the brain just... leaves"

What it actually is

The more options you give someone, the longer it takes them to decide — and past a certain point, they just give up entirely.

Real life version

A restaurant menu with 14 pages and a "chef's special" that changes daily. Twenty minutes later, you order butter chicken. Same as always.

Bad
Good
A TV remote with 60 buttons, three doing the same thing, plus a mystery "SAP" button nobody presses on purpose. Google's homepage: one search box, one button. It let you ask for more instead of drowning you in it.
Every extra choice is a tiny tax on someone's patience. Charge wisely.
03

Paradox of Choice

"31 flavors, zero decisions made"

What it actually is

More options don't make people happier — past a point, they make people anxious, indecisive, and less satisfied with whatever they eventually pick.

Real life version

You go to buy shampoo. There are 40 bottles. You stand there for 10 minutes, grab one at random, and immediately feel like you probably picked wrong.

Bad
Good
A food delivery app showing 600 restaurants with no sorting, so you scroll 15 minutes and order the same place anyway. Netflix's "Top picks for you" — 8,000 titles exist, but it shows you 10.
More options isn't more freedom. Past a point, it's just more regret.
04

Miller's Law (7±2)

"Why your brain can't remember more than one WiFi password at a time"

What it actually is

Human short-term memory can only hold about 5-9 items at once. Cram in more, and things just fall out the other side.

Real life version

Someone reads out a 10-digit phone number in one breath. You remember the first 4 digits and the vibe of the rest.

Bad
Good
A signup form asking for 10+ fields on one screen, all required, all at once. OTP logins that only ask for a phone number, then the OTP. Two small asks instead of one overwhelming one.
If people need a notepad to get through your form, your form has already lost.
05

Chunking

"Phone numbers have dashes for a reason, genius"

What it actually is

Breaking large amounts of information into smaller, organized groups makes it dramatically easier for the brain to process and remember.

Real life version

A 10-digit phone number written as 98470 12345 is instantly easier to hold in your head than 9847012345 run together as one long string.

Bad
Good
A card payment form asking you to type all 16 digits into one continuous, un-separated box. That same field auto-inserting spaces every 4 digits as you type, so it visually reads like a real card.
Group information the way the brain already wants to hold it.
Section 2

Don't Make Me Think

06

Recognition Over Recall

"Show me the icon, don't make me remember the command"

What it actually is

People recognize things far more easily than they recall them from memory. Show visible options instead of demanding people remember commands or steps.

Real life version

You don't memorize a train station's platform layout — you just recognize the number sign the moment you see it.

Bad
Good
Old command-line tools where you must type an exact phrase from memory with zero visible hints. Right-click showing "Delete" right there in the menu — no memorization needed.
Don't make people remember what they can just look at.
07

Fitts's Law

"Why the 'X' button is always where your finger isn't"

What it actually is

The time it takes to reach a target depends on its size and distance — bigger, closer targets are faster and easier to hit.

Real life version

The light switch by the door is easy to hit in the dark because it's big and close, unlike the tiny one hidden behind the curtain.

Bad
Good
A tiny "Skip Ad" button that appears in a corner for half a second before vanishing. Mobile keyboards making the space bar — used constantly — the single biggest key.
Make important things big and close. Make regret-inducing things small and far.
08

Consistency Principle

"If the back button teleports me once, I stop trusting it forever"

What it actually is

Similar things should look, behave, and respond the same way throughout an experience so people can apply what they've already learned.

Real life version

Every auto-rickshaw meter works the same way regardless of driver — you never have to relearn how fare calculation works.

Bad
Good
An app where "back" sometimes goes to the previous screen and sometimes closes the app entirely. Every "Cancel" button in iOS sitting in the same place across every app, every time.
Once someone learns a pattern in your product, don't make them unlearn it three screens later.
09

Affordance

"A button that doesn't look like a button is just a rectangle lying to you"

What it actually is

The visual properties of an object should suggest how it's used — a button should look pressable, a slider should look draggable.

Real life version

A door handle you pull looks different from a flat plate you push — you know which to do before you even touch it.

Bad
Good
Flat, colorless text that's secretly a clickable link, indistinguishable from regular text. A raised, shadowed button in a bold color that clearly wants to be pressed.
If your button looks like a label, it's going to get ignored like one.
10

Breadcrumbs

"Hansel and Gretel invented UX before UX existed"

What it actually is

A trail showing people where they are within a site's structure, letting them jump back to any earlier point.

Real life version

Milestones on a highway telling you exactly how far you are from your destination, and what came before.

Bad
Good
A shopping site nested five categories deep with no way back except mashing the browser's back button five times. "Electronics > Mobiles > Smartphones > Samsung" sitting at the top, one tap to jump anywhere.
Never make someone guess how they got lost.
Section 3

Don't Scare Me

11

Error Prevention

"Stopping the crime before it happens, unlike your bank's OTP system"

What it actually is

Better to design so mistakes can't happen at all, rather than showing an error message after the fact.

Real life version

A gas stove knob that needs a push-and-turn motion, so a stray bump doesn't accidentally turn on the gas.

Bad
Good
"Delete Account" sitting right next to "Save Changes," same size, same color, one careless tap away. A grayed-out "Submit" button until every required field is actually filled in correctly.
The best error message is the one that never had to be shown.
12

Undo Over Confirm

"'Are you sure?' has never once made anyone more sure"

What it actually is

Instead of interrupting people with a confirmation dialog before an action, let it happen and offer an easy way to undo it.

Real life version

Elevator doors that reopen if you press the button again, rather than making you confirm "close doors?" every time.

Bad
Good
A pop-up asking "Are you sure?" for every single photo, until you click "Yes" on autopilot without reading it. Gmail's "Message sent. Undo?" toast that stays for five seconds after you hit send.
A confirmation dialog trains people to stop reading confirmation dialogs.
13

Forgiving Format

"Let me type my phone number the way I want, I beg you"

What it actually is

Accept input in whatever reasonable format someone naturally provides it in, instead of demanding one rigid structure.

Real life version

A shopkeeper accepting a slightly torn, faded currency note without making you go find a fresh one.

Bad
Good
A form rejecting your phone number because you typed spaces instead of dashes, with no explanation why. Google Maps accepting a messy, half-transliterated address and still finding the place.
Fix the input yourself before you blame the person for typing it "wrong."
14

Graceful Degradation

"When WiFi dies, at least let me still read my email"

What it actually is

When something fails or a condition isn't ideal, the experience should degrade gently rather than break completely.

Real life version

A generator kicking in during a power cut so the fan still runs, just slower, instead of the whole house going dark.

Bad
Good
An app showing a completely blank white screen the moment your internet blips, with zero indication of what happened. Google Docs letting you keep typing offline and quietly syncing once you're back online.
A broken experience should bend, not shatter.
15

Confirmation Feedback

"Did my payment go through or did my money just vanish into the void?"

What it actually is

Every action someone takes should get a clear, immediate signal that it was received and what happened next.

Real life version

A temple bell giving an immediate, satisfying sound the moment you ring it, confirming your action landed.

Bad
Good
Pressing "Pay Now" and staring at a frozen screen with no spinner, no message, just silence. A UPI app showing an instant green checkmark: "₹500 sent to Ravi," the moment it processes.
Silence after an action is the loudest way to lose someone's trust.
Section 4

Keep Me Hooked

16

Zeigarnik Effect

"That progress bar at 94% is legally a form of psychological warfare"

What it actually is

People remember and feel compelled to finish unfinished tasks far more than completed ones. An open loop nags at the brain until it's closed.

Real life version

Someone starts a sentence, then says "actually, never mind." You'll think about that unfinished sentence for the rest of the day.

Bad
Good
LinkedIn's "Your profile is 85% complete" nudge, showing up every login for three years straight. Duolingo's lesson progress bar — filling it in feels so close to done, you do one more exercise. Then one more.
An almost-finished bar is more powerful than a finished one. People chase "almost," not "already."
17

Variable Rewards

"Why you check Instagram 47 times a day and don't know why"

What it actually is

Unpredictable rewards create a stronger urge to keep checking than a reward that's always the same size or arrives on schedule.

Real life version

A fishing rod — you never know if the next cast lands a fish, and that uncertainty is exactly why you keep casting.

Bad
Good
A slot machine engineered so wins arrive just often enough to keep you pulling the lever. A pull-to-refresh feed where sometimes there's something new — same mechanic, but you're in control of when you check.
Uncertainty is the strongest hook in design — use it to delight, not to trap.
18

Gamification

"Duolingo's owl has ruined more friendships than money ever did"

What it actually is

Applying game mechanics — points, badges, levels, streaks — to a non-game experience to increase motivation and engagement.

Real life version

A punch card at your local juice shop — "buy 9, get the 10th free" turns a routine purchase into a mini quest.

Bad
Good
A fitness app plastering badges for absolutely everything, until "badge" stops meaning anything at all. Duolingo's streak counter, tapping into loss aversion and habit at once to keep people practicing daily.
A badge only motivates if earning it actually meant something.
19

Peak-End Rule

"You'll forgive a bad flight if the landing feels smooth"

What it actually is

People judge an entire experience mostly by its most intense moment and how it ended — not by the average of every moment.

Real life version

A wedding with one chaotic hour in the middle is still remembered as "beautiful" if the final toast felt warm.

Bad
Good
A smooth food delivery experience that ends with a spilled curry at unboxing — that's the memory that sticks. Airbnb sending a warm, personal thank-you with local tips right as your stay ends, closing on a high note.
Design the ending like it's the only part anyone will remember. It usually is.
20

Streaks & Habits

"The reason you're afraid to skip a day on that fitness app"

What it actually is

Visible, cumulative counters that track consecutive days of an activity, leveraging loss aversion to build daily habits.

Real life version

Not wanting to be the one who breaks a family tradition kept alive for 20 years — the streak itself becomes the motivator.

Bad
Good
A streak system so punishing that missing one day for a hospital visit resets months of progress with zero mercy. A one-time "streak freeze," acknowledging real life happens without fully breaking the habit loop.
A streak should motivate consistency, not punish humanity.
Section 5

Make Me Trust You

21

Social Proof

"'500 people bought this in the last hour' — sure, Jan"

What it actually is

People look to others' behavior to decide what's correct or desirable, especially when they're uncertain.

Real life version

You pick the roadside food stall with the longer queue over the empty one right next to it, assuming the crowd knows something you don't.

Bad
Good
A website showing "12 people are viewing this right now" that displays the exact same number every time you refresh. Genuine verified-purchase reviews with real photos from real buyers.
Borrowed trust only works if it's actually earned, not manufactured.
22

Scarcity Principle

"'Only 2 left!' — a lie that has worked since the dawn of shopping"

What it actually is

People want things more when they believe there's less of it available. Limited supply — real or implied — creates urgency.

Real life version

Your local sabzi wala says "last batch of mangoes, price doubles tomorrow." You didn't even want mangoes ten minutes ago.

Bad
Good
A hotel site showing "Only 1 room left!" on the same listing for the past 8 months. A flight app showing "3 seats left at this price" — when it's genuinely true and the price actually jumps tomorrow.
Scarcity works once. Fake scarcity works until people notice — and then they never trust you again.
23

Anchoring

"Why ₹999 feels like a steal next to a crossed-out ₹2999"

What it actually is

The first number a person sees becomes a reference point that skews how they judge every number after it.

Real life version

A shopkeeper quotes double the real price first, so the "discounted" price still nets him a healthy profit and you a feeling of victory.

Bad
Good
A pricing page listing an absurd "Enterprise" tier just to make the middle tier look reasonable by comparison. An honest before/after price reflecting genuine seasonal discount history.
The first number sets the frame. Make sure the frame is honest.
24

Default Bias

"You never changed that setting because, well, why would you"

What it actually is

People overwhelmingly stick with whatever option is pre-selected, because changing it takes effort and implies risk.

Real life version

Most people keep their phone's default ringtone forever — not because they love it, but because changing it never felt worth the trip to settings.

Bad
Good
A newsletter signup pre-checked by default, buried in tiny text at the bottom of a form. Retirement plans that auto-enroll employees by default, with an easy opt-out, dramatically increasing how many actually save.
Whatever you set as default is what most people will live with — choose it like it matters, because it does.
25

Loss Aversion

"'You'll lose your progress' scares people more than any reward ever could"

What it actually is

The pain of losing something is psychologically about twice as powerful as the pleasure of gaining something equivalent.

Real life version

You'll fight harder to keep a seat you already have on a train than you would to get an empty one across the aisle.

Bad
Good
An app guilt-tripping with "You'll lose your 47-day streak!" every time you try to log out. A shopping cart reminder saying "Your items are still saved" rather than a manipulative countdown timer.
Reminding people what they'll lose is powerful. Using it to manipulate instead of inform crosses a line.
Section 6

Make Me Feel Something

26

Empty States

"That sad little illustration when your inbox is empty isn't random, it's strategy"

What it actually is

The screen someone sees when there's no data yet — designed to explain what's missing and invite an action, not just show blank space.

Real life version

A brand-new notebook's first blank page doesn't feel sad, it feels like an invitation to start writing.

Bad
Good
A to-do app showing a literal blank white rectangle with zero explanation when you have no tasks yet. Slack's empty channel showing a friendly illustration and "Say hello to #general."
An empty screen should feel like an invitation, not an error.
27

Skeleton Screens

"Fake loading bars exist because a blank screen makes you rage-quit"

What it actually is

Showing a grey placeholder outline of content that's about to load, instead of a blank white screen or spinner.

Real life version

Seeing the outline of a building under construction tells you something's coming, versus staring at an empty plot wondering if anyone's building there.

Bad
Good
A news app showing pure white for 4 seconds with zero feedback, so you assume it's frozen. LinkedIn's grey placeholder cards mimicking the shape of posts about to appear, making the wait feel shorter.
People don't mind waiting. They mind not knowing if waiting will even help.
28

Microinteractions

"That little heart animation when you double-tap? Someone got paid to make that delightful"

What it actually is

The small, single-purpose animations and feedback moments — a like button bouncing, a toggle sliding — that make an interface feel alive.

Real life version

A temple bell's little swing and chime after you ring it — small, but it confirms your action landed.

Bad
Good
A "like" button that silently changes color with no animation, so it's unclear if the tap even registered. Instagram's heart burst on double-tap — pure function wrapped in pure delight.
The small moments are where a product's personality actually lives.
29

System Status Visibility

"The spinning wheel of 'is this even working?'"

What it actually is

The system should always keep people informed about what's happening, through appropriate feedback within a reasonable time.

Real life version

A kitchen order token number lighting up on a display board, so you always know exactly where your order stands.

Bad
Good
A file upload with no progress bar, no percentage — just a static screen that might be done or might have crashed. WhatsApp's single tick, double tick, and blue tick, telling you exactly what stage your message is at.
Never make someone wonder if the system even heard them.
30

Delight & Surprise

"Why does Slack's confetti make you feel things about a work app?"

What it actually is

Small, unexpected moments of joy placed deliberately in an otherwise functional experience, creating an emotional connection beyond pure utility.

Real life version

A shopkeeper slipping in one extra piece of candy after you pay, unasked — that one extra gesture is what you remember.

Bad
Good
An app playing a full-screen animation every single time you complete the most routine task, turning charm into an obstacle. Slack's confetti the first time your team hits a milestone — rare enough to still feel special.
Delight works because it's occasional. Overuse it, and delight becomes just another loading screen.