Every term

The UX glossary

286 UX terms - laws, biases, research methods and patterns - each defined in a sentence. This is the quick reference; open any term to do the concept in its interactive demo, which is how it really lands.

A

A/B testing research methods: A/B testing shows two versions to two random groups and compares a metric - clicks, sign-ups, sales - to estimate which performs better. It measures the effect of those particular variants on that particular metric, for the people and period you sampled. It won't tell you about comprehension, accessibility, long-term or novelty effects, or unmeasured harms - and done hastily it manufactures false winners from noise.
Above the fold visual design: Above the fold is whatever you see before you scroll - borrowed from newspapers folded in half on the stand. It still matters because the first screenful gets the most attention and sets whether people stay. But the fold isn’t a wall: people do scroll, and the line shifts with every screen size.
Accessibility (overview) process & strategy: Accessibility (often shortened to a11y) means designing products so that people with the full range of abilities - including disabilities of vision, hearing, motor control and cognition - can perceive, operate and understand them. The WCAG standard frames it as four principles, POUR: content must be Perceivable, Operable, Understandable and Robust, for everyone, not just the able-bodied "average" user.
Accessible forms (labels and instructions) accessibility: An accessible form gives every control a real, programmatically-associated label and clear instructions, so a screen-reader user hears what each field is for before they fill it in. Without that, the form may look fine but announces as a row of nameless "edit text" boxes - usable by sight, a guessing game by ear.
Accordion ui patterns: An accordion is a stack of headed panels that open and close on click, folding long content into a scannable list of titles you can expand as needed. This very demo is one - the panels below are the pattern.
Acquiescence bias research methods: Acquiescence bias is the tendency to agree with statements regardless of content - to say yes, agree, or pick the positive option to appear agreeable, avoid effort, or please the researcher. When every question is phrased to make agreeing sound positive, this bias quietly inflates your results, measuring politeness instead of true opinion.
Addictive design design ethics: Addictive design is the intentional crafting of compulsion - layering psychological triggers like variable rewards, infinite scroll, autoplay, streaks and social validation so users engage more than they intend and struggle to stop. It prioritises time-on-app and engagement over the user’s own goals and wellbeing.
Aesthetic-usability effect laws & principles: The aesthetic-usability effect is our habit of judging better-looking things as easier to use - whether or not they actually are. Polish buys a benefit of the doubt, smoothing over small frictions and making people more forgiving.
Affinity mapping research methods: Affinity mapping helps you make sense of qualitative research by grouping individual observations - each on its own sticky note - into clusters of related ideas, then naming the themes that emerge. Instead of starting with pre-set categories, you let the structure emerge from the data itself, turning a wall of scattered notes into a few clear patterns you can act on.
Affordance interaction design: An affordance is the potential for action that arises from the relationship between a person and an object - a button affords pressing, a slider affords dragging. A signifier is the visible cue that signals the action is available: the raised edge, the underline, the drag handle. Affordances are the possibilities; signifiers are how we communicate them.
Affordance vs signifier interaction design: An affordance is the action an element enables; a signifier is the visible cue that shows how or where to perform it.
Aha moment process & strategy: The aha moment is the point where a new user first genuinely experiences a product's core value - the "oh, I get it, this is useful" click. It's the moment that turns a curious sign-up into someone who understands why the product is worth their time, and reaching it quickly is one of the strongest predictors of whether they'll stick around.
Alignment visual design: Alignment means lining elements up to shared edges and a common grid, so the eye perceives invisible straight lines connecting them. It’s the most cost-effective way to make a layout feel intentional - and its absence is often the first thing that looks amateurish, even when no one can explain why.
Alt text accessibility: Alt text is a text alternative that explains an image’s purpose or meaning within its context. Decorative images should use empty alt text; complex images may require a longer description elsewhere.
Anchoring persuasion: Anchoring is the tendency for an initial value or reference point - often but not always a number - to influence later estimates and judgements.
ARIA accessibility: ARIA (Accessible Rich Internet Applications) is a set of HTML attributes - roles, states, and properties - that tell assistive technology what custom elements are and what they’re doing when native HTML won’t work. It adds accessibility on top of markup: this div is a switch, it’s toggled on, this region is live. Use native HTML where possible - ARIA adds semantics, but doesn’t provide keyboard behaviour or interaction logic, and incorrect ARIA is worse than omitting it entirely.
Atomic design process & strategy: Atomic design is a methodology for building interfaces from small, reusable parts that combine into bigger ones - a mental model borrowed from chemistry. The smallest pieces (atoms) combine into molecules, then organisms, then templates, then whole pages. It gives design systems a clear, consistent structure where everything is built from the same shared building blocks.
Authority persuasion: Authority is our tendency to trust and act on advice from a credible source - an expert, a credential, or an official badge. The same claim carries more weight when it comes with a reason to believe the person making it.
Availability heuristic cognitive psychology: The availability heuristic is a mental shortcut where you assess how likely or common something is based on how readily examples come to mind. Vivid, recent, or frequently repeated things feel more common than they are - so it’s your memory of what you’ve seen, not reality, that shapes your sense of likelihood.

B

Bait and switch design ethics: Bait and switch means advertising one thing but delivering another - for example, a button that promises a free download but leads to a sign-up wall. The bait gets the click; the switch is what actually happens.
Bandwagon effect cognitive psychology: The bandwagon effect is the tendency to do, like or believe something simply because many others already do. As a choice gains followers, it becomes more appealing just for that reason - popularity reinforces itself. People join partly because the wagon is already full.
Banner blindness cognitive psychology: Banner blindness is the tendency to ignore elements that resemble advertisements. After years of scanning past flashy, boxed-off, brightly coloured promotional content, people have trained themselves to filter out those areas automatically - so much so that they’ll miss genuinely useful information if it happens to be styled like an ad.
Barnum-Forer effect cognitive psychology: The Barnum-Forer effect is our tendency to accept vague, general statements as surprisingly accurate self-portraits. Phrases like 'you crave approval but are harshly self-critical' feel personal because we supply our own context, noticing the matches while ignoring the misses.
Bounce rate metrics: Traditionally (Universal Analytics), bounce rate is the share of visits where someone lands on a page and leaves without any further interaction - one page, no second click. Modern tools have redefined it: GA4 leads with engagement rate instead and treats bounce rate as simply its inverse - the percentage of sessions that were not "engaged", where an engaged session lasts longer than ten seconds, triggers a key event, or has two or more views. Either way it's easy to misread - a high bounce can mean people couldn't find what they wanted, or found it instantly and left satisfied - and it means nothing until you know what the page was for and which definition your analytics platform is using.
Breadcrumbs ui patterns: Breadcrumbs are the small trail of links - like Home > Catalogue > Shoes - that show your current position in the hierarchy and let you navigate back up. They quietly answer two questions: where am I, and how do I get back?

C

Captions, transcripts and audio descriptions accessibility: Ways to make audio-visual content reach people who can't fully see or hear it. Captions put speech and meaningful sound on screen, in sync, for people who can't hear. A standard transcript is a readable equivalent of the audio; a descriptive transcript also includes the essential visual events. Audio description speaks the important visuals in the gaps, for people who can't see. Each serves a different barrier - and most media needs more than one.
Card sorting research methods: Card sorting is a research method where users group labelled cards into categories that feel natural to them. It reveals how they mentally organise information - the raw material for an information architecture built on their logic, not yours.
Cards ui patterns: A card is a container that bundles everything about one thing - image, title, detail, action - into a single bounded unit you can scan and act on as a whole. Its job is to make the edges of 'one item' obvious, so a list of many things reads as many things, not one undifferentiated run of text.
Carousel ui patterns: A carousel shows a sequence of panels in a single slot, one at a time, with the rest hidden until you move forward or they rotate. It saves space but at a cost: almost everything beyond the first panel goes unseen, because most people never advance and auto-rotation moves on before they engage.
Centre-stage effect cognitive psychology: The centre-stage effect is our tendency to favour the option in the middle of a row. Faced with a line of similar choices, people disproportionately pick the central one - partly assuming it's the most popular or the intended default - so position alone, not merit, nudges the decision.
Change blindness cognitive psychology: We often miss changes that happen during a flicker, reload, or blink. Without a smooth motion cue, even obvious updates can slip past us until we notice them consciously.
Choice overload cognitive psychology: Large choice sets can slow decisions or reduce satisfaction, especially when options are complex, unfamiliar, or poorly differentiated; the effect varies by context and is typically small and inconsistent.
Chunking cognitive psychology: Chunking is how the brain groups individual pieces of information into meaningful units - like turning twelve digits into three sets of four. The chunk is the unit, not the items within it.
Cognitive accessibility accessibility: Cognitive accessibility means designing so people with differences in memory, attention, language, literacy, or processing - whether permanent, temporary like stress or fatigue, or just being new - can understand and use a product. It’s less about a single assistive tech and more about reducing the mental effort an interface demands.
Cognitive dissonance cognitive psychology: Cognitive dissonance is the mental discomfort from holding conflicting beliefs or actions - like a choice and its downsides - and the mind’s tendency to ease that tension by adjusting one of them. Rather than stay stuck in the unease, people shift their attitudes to match what they’ve done, so behaviour ends up reshaping belief.
Cognitive load cognitive psychology: The mental effort needed to complete a task. Too much and people slow down, make mistakes, or stop.
Colour blindness accessibility: Colour blindness is reduced ability to tell certain colours apart - most commonly red from green - affecting a meaningful slice of people, mostly men. For design it means one thing above all: if colour is the only way you signal something, a lot of users simply won't receive the message.
Colour contrast visual design: Colour contrast is the ratio of the relative luminance between text and its background, ranging from 1:1 to 21:1. It determines whether text is readable or quietly excludes people.
Colour schemes visual design: A colour scheme is a set of hues chosen by their positions on the colour wheel to work together. Common patterns - complementary (opposite), analogous (neighbouring), triadic (evenly spaced) - are just rules for picking angles, giving you palettes that feel harmonious rather than random, from one base colour.
Command palette ui patterns: A command palette is a search box for actions: press a shortcut (often Cmd/Ctrl+K), type a few letters, and run any command, jump to any page, or find any item without hunting through menus. It collapses a whole interface's worth of navigation into one keyboard-driven box.
Commitment and consistency persuasion: People feel a strong pull to act in line with what they've already said or done. So a small, early commitment - a tick, a tiny first step, a stated preference - makes a larger, consistent request far easier to agree to later. It's the "foot in the door": the first small yes paves the way for the bigger one.
Comparison prevention design ethics: Comparison prevention is a deceptive pattern that makes it hard to weigh options against each other, so you can't easily tell which is the better deal. Prices quoted in different units, key terms hidden or varied between tiers, and missing or inconsistent information all stop people doing the simple side-by-side maths that would reveal the best choice.
Conceptual model cognitive psychology: A conceptual model is the story a design tells about how it works - the model of the system that its appearance, labels and behaviour project to the user. People build their own mental model from that "system image", so when the design communicates a clear, accurate model, people use it correctly; when it implies the wrong one, they form mistaken beliefs and misuse it with total confidence.
Confirmation bias cognitive psychology: Confirmation bias is the pull to notice, trust and remember whatever fits what you already believe - and to wave away whatever does not. It quietly turns research into a hunt for "yes" rather than an honest test of "is this true?".
Confirmation dialog interaction design: A confirmation dialog interrupts before a consequential action to make you pause and agree. Done well, it states exactly what will happen and offers a specific, labelled choice, so the decision is informed. Done badly - a vague 'Are you sure? OK / Cancel' on everything - it’s noise people learn to dismiss, training the very carelessness it was meant to prevent.
Confirmshaming design ethics: Confirmshaming is wording the opt-out to make declining feel foolish, guilty, or cheap - 'No thanks, I'd rather pay full price.' The choice remains; the shame is the thumb on the scale.
Consistency visual design: Consistency means elements look and behave the same across a product - one button style, one set of colours and spacings, predictable patterns. It lets people learn an interface once and apply that knowledge everywhere, instead of re-reading every screen as if it were new.
Constraints cognitive psychology: Constraints are design limits that stop users from taking wrong actions, making the right choice the easiest path. Instead of telling users what to do and hoping they follow, you remove the option to act incorrectly - like a connector that fits only one way, a field that rejects invalid input, or a submit button that stays disabled until valid - so entire classes of error can’t occur.
Contextual inquiry research methods: Contextual inquiry means interviewing people as they work, in their own environment, doing real tasks. You observe what they actually do and ask questions while it’s happening. You become the apprentice, they the master - so instead of a tidy account from a desk, you get the messy truth: the workarounds, the interruptions, the context that a meeting-room interview would never reveal.
Conversion rate metrics: Conversion rate is the percentage of completed conversions among a clearly defined group - users, sessions, or opportunities - over a specific time period. The denominator must be explicit for the rate to be meaningful.
CSAT (customer satisfaction score) metrics: CSAT asks people to rate their satisfaction after an experience. It may be reported as a mean score or as the percentage in specified positive categories, so the scale and calculation should always be stated.
Curiosity gap cognitive psychology: The curiosity gap is that itch you feel when you’re shown something you don’t know but are close to understanding. It pulls you in because you want to close the gap - which is why good teasers, subject lines, or ‘see why’ links are so hard to ignore.
Currency confusion design ethics: Currency confusion is a deceptive pattern that puts a layer of invented currency - coins, gems, credits - between you and real money, so you lose track of what you're actually spending. Buying the fake currency in odd bundles, pricing items in it, and breaking the one-to-one link with pounds all blur the true cost of a purchase.
Curse of knowledge cognitive psychology: The curse of knowledge is the difficulty experts have imagining what it's like not to know what they know. Once something is obvious to you, you can't easily un-see it, so you overestimate how clear your explanations are and skip the very steps and terms a beginner needs - because to you they go without saying.
Customer effort score (CES) metrics: Customer effort score (CES) asks one simple question after an interaction: how easy was it to get what you needed? Typically a single agree-scale statement - like 'the company made it easy to handle my issue' - it shifts focus from 'are you delighted?' To 'did we get out of your way?' The goal is that reducing effort keeps people more reliably than trying to wow them.
Customer journey mapping research methods: A customer journey map charts the whole relationship a person has with a brand over time and across channels - from first awareness through consideration, purchase, onboarding, support and (you hope) loyalty - plotting their actions, thoughts and emotions at each stage. It zooms out from a single task to the end-to-end experience, exposing the emotional highs and lows the rest of the organisation rarely sees joined up.

D

Dark patterns design ethics: Interface tricks that nudge you toward choices you didn’t plan to make - for the business’s gain, not yours.
Data table ui patterns: A data table arranges records in rows and columns so they can be scanned, compared and reordered along any field. Its power is alignment: shared columns let the eye run straight down a value to compare like with like, and sorting reorders the whole set to answer "which is biggest, newest, cheapest?" in one click.
Date picker ui patterns: A date picker lets you select a date from a calendar instead of typing it. It removes ambiguity and error: it shows valid days, settles the format, and makes "03/04" impossible to misread - because you pick the day, not describe it.
Decision fatigue cognitive psychology: After sustained, effortful decision-making, people may shift towards defaults, avoidance or lower-effort choices - though the effect and its mechanisms vary a lot by setting and the evidence is mixed.
Decoy effect persuasion: The decoy effect occurs when adding an asymmetrically dominated option - clearly worse than one choice but not worse than every alternative - makes the option that dominates it more attractive.
Defaults interaction design: A default is the choice made for you - the starting value in a field, the box pre-ticked, the option selected before you act. Since most people don’t change them, defaults quietly shape outcomes for the majority, making them one of the most powerful - and most ethically significant - design decisions.
Delighters persuasion: Delighters are small, unexpected touches that surprise and please, making a product feel thoughtfully crafted - like a witty empty state, a satisfying animation, or a well-timed surprise. In the Kano model, they’re features nobody asks for, and their absence is rarely noticed - but their presence builds affection and warmth.
Design critique process & strategy: A design critique is a structured session where a design is examined against its goals and the needs of its users, to surface strengths and problems and improve it. The key word is structured: a good critique is about whether the design solves the problem, grounded in objectives and evidence - not a round of personal opinions about what people happen to like.
Design debt process & strategy: Design debt is the accumulated cost of design shortcuts, inconsistencies and unaddressed problems that pile up over time and make a product harder to use and harder to change - the design equivalent of technical debt. Each quick fix or one-off component that doesn't fit the system is a small loan; unpaid, the interest compounds into an incoherent, brittle experience.
Design sprint process & strategy: A design sprint is a time-boxed process - classically five days - for answering a big product question by going from idea to a tested prototype in a week, without building the real thing first. Devised at Google Ventures, it compresses months of debate into a structured week: map the problem, sketch solutions, decide, build a realistic prototype, and test it with real users.
Design system process & strategy: A design system is the single source of truth for an interface: the design tokens, reusable components and written guidelines that let many people build a consistent product quickly. Define once, use everywhere, change in one place.
Design thinking process & strategy: Design thinking is a human-centred way to tackle messy problems: understand real people, sharply define their problem, generate lots of ideas, build rough prototypes and test them - looping back as you learn. The point is to start from the human, not the solution.
Design tokens process & strategy: Design tokens are named values for design decisions like colours, spacing, corner radius, and type sizes - stored once and referenced everywhere. Change the token, and everything built from it updates at once.
Diary studies research methods: A diary study asks participants to log their experiences themselves, in the moment, over days or weeks - capturing what happened, when and how it felt, as life actually unfolds. It trades the one-shot snapshot of an interview for a record over time, which is the only way to study habits, long arcs and infrequent events without relying on faulty memory.
Discoverability interaction design: Discoverability is whether users can figure out what an interface can do and how to use it, just by looking and experimenting - without needing a manual, tooltip, or tip-of-the-day. A feature that exists but can’t be found doesn’t truly exist for most users; its usefulness is limited by how visible it is.
Disguised ads design ethics: Disguised ads are adverts that mimic content or interface elements, so users click them thinking they’re something else. Like a fake 'Download' button beside the real one, or an ad styled to look like a search result or article - all deliberately blur the line between editorial and paid, on purpose.
Divergent & convergent thinking process & strategy: Divergent and convergent thinking are the two complementary modes design swings between. Divergent thinking opens up - generating many ideas, options and possibilities without judging them. Convergent thinking narrows down - evaluating, comparing and choosing among them. Good process deliberately separates the two, because trying to create and critique at the same time does both badly.
Doherty threshold interaction design: A historical HCI guideline that subsecond system response helps sustain productive, engaged interaction. Treat roughly 400 ms as a design heuristic worth aiming under, not a universal perceptual threshold.
Double diamond process & strategy: The double diamond model presents design as two diamonds: the first explores and defines the right problem, the second explores and delivers the right solution. Each diamond widens before narrowing to a point.
Drag and drop interaction design: Drag and drop lets users move, reorder or connect items by selecting and placing them directly, rather than through menus or forms. It’s a form of direct manipulation - the on-screen object behaves like a physical one - which feels intuitive and satisfying, but only works well when the design clearly shows what can be dragged, where it can go, and what will happen on drop.
Drip pricing design ethics: Drip pricing advertises a low headline price, then reveals mandatory fees one at a time as you move through checkout - a booking fee here, a service charge there - so the real total only appears at the very end, when you're least likely to leave.
Dunning-Kruger effect cognitive psychology: People with low skill in a domain may overestimate their performance, partly because the knowledge needed to perform well also helps you judge performance. The size and shape of the effect - and how much is measurement or regression artefact - remain debated.

E

Empathy gap cognitive psychology: The empathy gap is how poorly we predict behaviour - our own and others’ - across different emotional or physical states. When calm, we can’t really feel how we’ll act when stressed, rushed, hungry or angry, so our ‘cold’ selves consistently underestimate how much a ‘hot’ state changes what we do.
Empathy map research methods: An empathy map is a simple four-quadrant canvas - says, thinks, does, feels - for organising what you've learned about a user into one shared picture. It's a synthesis tool: you take scattered research observations and sort them into those quadrants, so a team builds a common, evidence-based sense of the person rather than each member imagining a different one.
Empty state ui patterns: An empty state is what a screen shows when there’s nothing to show yet - no results, no items, no history. It’s often the first screen a new user meets and is frequently overlooked.
Endowment effect cognitive psychology: The endowment effect is how owning something - even briefly or just feeling like you own it - makes you value it more than you would if you didn’t. The price you’d accept to give it up is usually higher than what you’d have paid to get it, simply because now it’s yours.
Error prevention interaction design: Error prevention means designing so mistakes can’t happen - through constraints, sensible defaults, disabling impossible actions, and input formats that can’t be entered wrong - rather than letting the slip occur and catching it with a message afterwards. The best error is the one the interface made impossible to make.
Error rate metrics: Error rate is how often people make errors while doing a task - mistakes per attempt, or the share of attempts that go wrong. It's a usability signal, not a verdict on users, and it has many causes: design, task complexity, training, environment, unfamiliarity or who you tested. A cluster of the same error is worth investigating, and the type of error hints at the kind of fix.
Error recovery and undo interaction design: Error recovery is what an interface offers after a mistake: a way back. The strongest form is undo - the action happens immediately, with an easy reversal sitting right there - which lets people move fast without fear, because anything done can be undone. It treats slips as normal and recoverable, not as things to interrogate up front.
Error tolerance interaction design: Error tolerance is designing so that when people make mistakes - and they will - the consequences are small and recoverable rather than catastrophic. Autosave, undo, drafts, confirmations on the genuinely destructive, and forgiving inputs all assume human error is normal and build the system to absorb it gracefully instead of punishing it.
Expert review research methods: An expert review is a UX specialist evaluating a design against their knowledge and established principles to predict where users will struggle - no participants required. It’s fast and cheap and catches a lot of obvious problems, but it’s a prediction of usability, not a measurement: an expert flags what’s likely to go wrong, where user testing shows what actually does.
Eye tracking research methods: Eye tracking records where gaze lands on a screen and how long, showing scan paths and heatmaps of fixations. It reveals what got looked at, what was skipped, and in what order - but gaze isn’t the same as attention, comprehension or intent, so results need interpreting alongside task behaviour and participant feedback. You can see this in action on this page.

F

F-pattern and Z-pattern visual design: Common scanning heuristics, not universal eye paths. F-shaped scanning often emerges on dense or poorly structured text; the Z-pattern on sparse, poster-like layouts. Task, language, and visual hierarchy can yield very different patterns.
Fake scarcity design ethics: Fake scarcity is a manufactured shortage - like 'only 2 left!' Or 'low stock!' - used to push you into buying, even though the number has no real basis and never actually runs out. It mimics the urgency of real scarcity but lies about the facts, so the pressure is artificial, not honest. You can see this tactic in action on this page through the interactive demo.
Fake social proof design ethics: Fake social proof is fabricated evidence that others are buying, watching, or endorsing something - such as fake '37 people are viewing this right now' counters, shallow reviews, or 'just purchased' popups - designed to mimic the persuasive power of real social proof when no real audience exists. It substitutes the authentic signal that real social proof delivers.
Fake urgency design ethics: Fake urgency is a deadline that’s not real - a countdown timer that resets when you reload, or an 'offer ends today' that stays there every day. It’s designed to rush you into deciding before you’ve thought it through by mimicking a genuine time limit, but it’s attached to nothing, so the pressure is pure theatre.
False consensus effect research methods: The false consensus effect is our tendency to overestimate how many other people think, feel and behave like we do. We treat our own preferences as typical, so designers and teams quietly assume users share their tastes, tech-savvy and priorities - and build for themselves while believing they're building for everyone.
Feedback interaction design: Feedback is the interface responding: a clear sign of what just happened and what to do next. Without it, users are left guessing whether anything worked at all.
Feedforward interaction design: Feedforward is information that tells you what will happen before you act, so you can predict the result of a control without trying it. Where feedback confirms what just happened, feedforward previews what's about to - a label, a hint, a hover preview, a disabled-until-valid state - letting people act with confidence instead of guessing and hoping.
Field studies research methods: A field study is research conducted in the user's real environment rather than a lab - observing how a product is actually used amid the noise, interruptions, other people and physical constraints of real life. Where a lab isolates a user with a task, a field study keeps the whole messy context intact, because that context is often what really shapes whether something works.
Figure-ground visual design: Figure-ground is how our eyes distinguish what’s in front (the figure) from what’s behind (the ground). Interfaces rely on it - a dialog must stand out, not fade into the page.
Filtering and faceted search ui patterns: Filtering narrows a list using a rule you pick; faceted search lets you combine several such rules - by category, price, size, or availability - each based on the items’ own attributes, and shows how many results each choice would leave. It turns a broad, flat result set into something you can shape precisely to your needs.
First-click testing research methods: First-click testing asks one simple question: where do users go first to complete a task? That first click matters more than any other - get it right and the task usually follows; get it wrong and it rarely recovers.
Fitts's law laws & principles: The time it takes to hit a target grows as the target gets smaller or farther away. Large, close targets are quicker to hit; small, distant ones take longer.
Five-second test research methods: Show a design for five seconds, then ask what you remember. What sticks is what the layout really highlights - and what it quietly obscures. You can try this test right here on the page.
Five-second test vs first-click test research methods: A five-second test checks first impression, comprehension, or recall; a first-click test measures where users begin when trying to complete a task. You can see and try these tests in action on this page.
Flow state cognitive psychology: Flow is the state of complete, energised absorption in a task - "being in the zone" - where action feels effortless and time disappears. It happens in the sweet spot where the challenge of what you're doing is well matched to your skill: hard enough to engage you fully, not so hard that you're anxious or so easy that you're bored.
Focus management accessibility: Focus management means deliberately guiding where keyboard focus lands as the interface updates - moving it into a dialog when it opens, returning it to the trigger when it closes, or placing it on a new view or error. Done right, keyboard and screen-reader users stay in a sensible place; done wrong, they’re left stranded - either on invisible elements or back at the top after every action.
Focus order accessibility: Focus order is the sequence the Tab key follows across a page. When it matches visual order, navigation feels natural; when it doesn’t, users may jump unexpectedly.
Forced action design ethics: Forced action is a deceptive pattern that makes you do something unrelated before you can do the thing you actually came for. Forcing account creation to read an article, demanding data or permissions you don't need, or making you watch an ad or complete a survey to continue - the wanted task is held hostage to an unwanted one.
Forced continuity design ethics: Forced continuity happens when a free trial automatically turns into a paid subscription. Payment info is collected upfront, and billing starts immediately after the trial ends - often without clear warning or a timely prompt. The trial is real; the trick is the lack of notice about the switch to paying.
Forcing function interaction design: A forcing function is a design constraint that stops you from proceeding until you’ve done the right thing, making an error physically or logically impossible rather than merely discouraged. For example, an ATM that won’t release cash until you take your card back, or a form that won’t submit until a required field is filled - both force the correct action.
Framing effect persuasion: The framing effect is how the same fact, described positively or negatively, lands differently - "90% fat-free" feels healthier than "10% fat" though they are the identical tub. We react to the spin as much as to the substance.
Fresh-start effect persuasion: The fresh-start effect is our boosted motivation to pursue goals at moments that feel like a new beginning - a Monday, the first of the month, a birthday, the new year. These temporal landmarks create a psychological line between an old, flawed self and a fresh one, making it feel like the perfect time to start over.
Friction interaction design: Friction is any effort an interface adds between a person and what they’re trying to do - a step, a confirmation, a wait, a decision. It isn’t simply bad: friction on the wrong action repels people, but a deliberate dose on a risky one is a safety net. The skill is matching the friction to the stakes, not removing it everywhere.

G

Gestalt: closure laws & principles: Closure is the mind’s tendency to complete shapes from partial visual cues - perceiving a whole circle, triangle, or icon even when only fragments are shown.
Gestalt: common region laws & principles: Common region is the grouping effect where elements within the same bounded space - such as a panel or tinted background - are perceived as a group, even if other items are closer. It’s one of the strongest grouping cues and typically overrides proximity and similarity. (Grouping via an explicit connector - such as a line joining items - is a related but distinct cue, uniform connectedness.)
Gestalt: continuity laws & principles: Continuity is how the eye naturally follows smooth, unbroken paths. When lines or rows of elements intersect or branch, group those that continue in the same direction, not those that merely connect.
Gestalt: prägnanz laws & principles: Prägnanz - the law of good figure - means the mind naturally prefers the simplest, most stable interpretation of what it sees. When faced with ambiguity, you perceive the cleanest version: a few whole shapes rather than many fragmented ones. You can see this principle in action on this page.
Gestalt: proximity laws & principles: Things close together are perceived as a group; things spaced apart are seen as separate. Proximity is one of the strongest cues for grouping - it usually overrides shape or colour, though a shared boundary or visible connection can override it.
Gestalt: proximity vs common region laws & principles: Proximity groups items by how close they are; common region groups them by sharing a boundary or background, and can override spacing.
Gestalt: similarity laws & principles: The Gestalt law of similarity shows how we mentally group items that share visual traits - like colour, shape, or size - and perceive them as belonging together, even when spaced apart. Similarity alone suggests they form a set.
Gestalt: uniform connectedness laws & principles: Uniform connectedness is the grouping effect that happens when elements are visibly joined by a line, bar, or connector - they’re seen as one group even if spaced out or visually different. A clear connection often trumps proximity or similarity. (Grouping by shared enclosure is the related but distinct cue, common region.)
Gestures interaction design: Gestures are touch and pointer movements - tap, swipe, long-press, pinch, drag - that trigger actions without visible controls. They make interfaces feel fluid and direct, save space, but because a gesture leaves no visible button, their big weakness is discoverability: people can't use what they can't see, so hidden gestures need teaching, hints, or a visible alternative.
Goal-gradient effect persuasion: The goal-gradient effect shows how motivation increases as you near a reward - people tend to push harder in the final stretch than at the start. Showing visible progress, even a small head start, makes the goal feel within reach, so people keep going.
Grid systems visual design: A grid system is an invisible scaffold of columns and consistent gutters that elements align to. It turns 'where should this go?' Into 'which columns does this span?', so a layout reads as ordered and intentional - shared edges, even rhythm - rather than a scatter of boxes each placed by eye.
Guerrilla testing research methods: Guerrilla testing is quick, cheap, informal usability testing - grabbing a few willing strangers (in a café, a hallway, a high street) and watching them try your design for ten minutes each. It trades the rigour and control of a formal study for speed and almost no cost, betting that a handful of fresh users will still expose the biggest, most obvious problems fast. You can try this approach right here on this page.
Gulf of execution and evaluation cognitive psychology: Two gaps exist between a person and a system. The gulf of execution is the space between knowing your goal and figuring out how to achieve it - 'I know what I want, but how do I make this work?'. The gulf of evaluation is the space between the system acting and you understanding what happened - 'I did something, but did it work?'. Good design narrows both; bad design leaves you stranded on either side.

H

Habituation cognitive psychology: Habituation is how repeated, unchanged signals gradually stop registering. The first time something appears, you notice it; by the tenth identical time, your brain has learned it carries no new information and quietly tunes it out - which is good for ignoring noise, but bad when the thing you’ve learned to ignore is your warning.
Halo effect cognitive psychology: The halo effect is when one positive trait - often appearance - unfairly influences how we judge unrelated qualities. A well-designed interface feels more trustworthy and easier to use, even if it’s functionally identical to a plain one, because its polish casts a glow over everything else. This is the engine behind the aesthetic-usability effect, and it’s double-edged: a polished surface buys goodwill and forgiveness, but it can also hide real flaws - yours and others’. Earn the halo with real quality, and don’t let a shiny veneer stop you from scrutinising substance.
Handoff process & strategy: Handoff is the point where a design is passed to developers to build - along with the specifications, assets, states and intent they need to build it accurately. A good handoff transfers everything needed to implement the design faithfully and answers the questions developers will have; a poor one leaves gaps that get filled with guesses, so the built product drifts from the design.
Hawthorne effect cognitive psychology: The Hawthorne effect is the way people change their behaviour when they know they're being watched. Under observation we tend to try harder, follow the rules more closely and act how we think we should - so what you observe isn't quite what people do when no one is looking.
HEART framework metrics: HEART is Google’s framework for measuring user experience across five dimensions: Happiness, Engagement, Adoption, Retention, and Task success. It focuses on experience quality, not just business output. Its core is the Goals-Signals-Metrics process: state the goal, define what user behaviour signals it, then pick the metric. This ensures you decide what success means before choosing what to count.
Heuristic evaluation research methods: A quick expert review that checks an interface against a short set of usability rules - you can see this in action right here.
Hick's law laws & principles: The more choices you offer, the longer a decision takes - and the cost grows logarithmically, not linearly. Choices take time, not just space.
Hick's law vs Miller's law cognitive psychology: Hick's law predicts how decision time rises as choice or uncertainty increases; Miller's law concerns immediate-memory capacity. Neither gives a universal limit for the number of menu items.
Hindsight bias research methods: Hindsight bias is that 'I knew it all along' feeling: once you know the outcome, it seems obvious and predictable - even if you had no idea beforehand. It quietly reshapes your memory of what you expected, which can be risky in research, because it makes teams think they didn’t need the study they just ran.
Human-centred design process & strategy: Human-centred design (HCD) is an approach that grounds design in a deep understanding of the real people who will be affected by it - their needs, contexts and limitations - and improves the solution through repeated cycles of understanding, designing and evaluating with them. Instead of guessing or designing for yourself, you build around evidence of what people actually need.
Hyperbolic discounting cognitive psychology: Hyperbolic discounting shows how a reward feels much less valuable the longer you wait for it - not steadily, but sharply in the near term. The pull of 'now' is so strong that a smaller immediate reward often beats a bigger one later, and our preferences flip depending on whether the wait starts today or far in the future.

I

Iconography visual design: Iconography uses small symbols to represent actions or objects. But few icons have a single, universal meaning - most are guessed at, and guessed differently by different people - so an unlabelled icon is often a quiet little riddle rather than the instant shortcut it promises.
IKEA effect cognitive psychology: The IKEA effect is the way putting your own effort into something makes you value it more - often more than an identical thing you didn't build. The work you invest gets folded into how good the result feels, so a wobbly shelf you assembled can feel worth more to you than a flawless one bought ready-made.
Inattentional blindness cognitive psychology: Inattentional blindness means missing something obvious because your attention is focused elsewhere. When you’re concentrating on one thing, even large, clear elements - like banners or alerts - can go unnoticed, since seeing requires attention, not just open eyes.
Inclusive design process & strategy: Inclusive design is designing for the full range of human diversity - ability, language, age, culture, situation - so that more people can use a product, rather than designing for an imagined "average" user and excluding everyone who differs. A central insight is that solving for people at the edges often produces something better for everyone (the curb-cut effect).
Information architecture process & strategy: Information architecture is how a product’s content is organised, labelled and connected so people can find things and know where they are. It’s the floor plan beneath the interface - invisible when it works, maddening when it doesn’t.
Information scent cognitive psychology: Information scent is how strongly a link or label hints that it leads to what you're after. Like an animal following a trail, people follow the cues that smell most like their goal - so clear, goal-matching labels pull them confidently forward, while vague ones leave them sniffing around, unsure which way to go.
Inline validation ui patterns: Inline validation checks a form field as the person fills it in - or just after they leave it - and shows the result there and then, rather than waiting for them to submit the whole form. Done well it catches mistakes early, next to the field that caused them, so people fix problems while the context is fresh instead of being bounced back to a wall of errors at the end.
Interactive states (hover, focus, active) interaction design: Every interactive element has several states - default, hover, focus, active, disabled - and each gives feedback. They show users what’s interactive, where they are, and that the thing heard them. Designing only the default state leaves an interface that looks dead, loses keyboard users, and never confirms a tap.
Investment loops persuasion: Investment loops are the part of a habit-forming product where the user puts something in - data, content, effort, social connections - that makes the product more valuable to them and loads the next reason to return. Each bit of investment stores value and sets up the next trigger, so the loop pulls people back over time.

J

Jakob's law laws & principles: People spend most of their time on other sites, so they expect yours to work like those. Familiar patterns are quicker to use because users already know them - you’re reusing the habits the web has taught them.
Jobs to be done process & strategy: Jobs to be done is the idea that people don't want your product, they want the progress it gives them - they "hire" it to do a job. Focus on the job, not the feature or the demographic, and you design for what people are actually trying to achieve.

K

Keyboard navigation accessibility: Keyboard navigation means using the keyboard to operate an interface: Tab to move between controls, arrow keys to navigate within a group, Enter or Space to activate. If the mouse disappeared, everything would still have to work.
Keyboard trap accessibility: A keyboard trap happens when focus enters a section but can’t exit via keyboard - for example, a widget, embed, or dialog that captures Tab, leaving keyboard or switch users stranded and unable to reach the rest of the page. For someone who can’t use a mouse, it’s not an annoyance; it’s a dead end that can make the whole page unusable.

L

Labour illusion cognitive psychology: The labour illusion is how visible effort makes a result feel more valuable and trustworthy - even when the wait is unnecessary. When a system shows its work - like 'searching 200 sites…' or 'checking 14 banks…' - people often judge the outcome more positively than if it arrived instantly, because the effort suggests care and thoroughness.
Leading questions research methods: A question worded so it nudges you toward a particular answer - through a loaded word, a built-in assumption, or a scale that only points one way. It measures the wording, not the truth.
Liking persuasion: Liking is Cialdini’s simplest principle: we say yes more easily to people and brands we like. Similarity, sincere compliments, shared goals, familiarity, and warmth all build liking - and liking, in turn, lowers resistance to a request. We agree with those we feel good about.
Loading states interaction design: Loading states let users know the interface is working while they wait - using a spinner, skeleton screen, determinate progress bar, or content streaming in. They reduce uncertainty, make waits feel shorter, and reassure users the system isn’t frozen, turning idle time into a sense of progress.
Loss aversion persuasion: Loss aversion is the way losing something tends to hurt more than gaining the same thing pleases. A common rule of thumb puts losses at about twice the weight of equivalent gains, though the size varies substantially by method and context; the effect itself is well evidenced. The maths can be identical while the feeling is not, which is why "don't lose this" often pulls harder than "get this".

M

Mapping cognitive psychology: Mapping is the connection between a control and what it affects. Natural mapping occurs when that link is so clear you don’t need to think. When controls are placed like the things they operate - such as a stove where each knob aligns with its burner - users get it right first time. When the layout contradicts the arrangement, they guess, get it wrong, and memorise a workaround.
Mega menu ui patterns: A mega menu is a large, two-dimensional dropdown panel that reveals many navigation options at once - grouped into labelled columns, sometimes with icons or images - instead of a thin, scrolling list. It suits content-heavy sites (big retailers, universities) where showing the structure at a glance helps people find their way faster than digging through nested menus.
Mental model cognitive psychology: The mental picture someone holds of how something works. When the interface aligns with it, things feel intuitive; when it doesn’t, they feel broken.
Method of loci cognitive psychology: The method of loci, or memory palace, is a technique for remembering a list by mentally placing each item at a spot along a familiar route - rooms of your home, say - then "walking" the route to recall them in order. It works by hijacking our strong memory for places and spatial journeys to carry information that would otherwise be hard to hold.
Microcopy interaction design: The small words inside an interface - button labels, hints, placeholders, error messages - that quietly guide, reassure, and give it a voice. Tiny by word count, decisive by impact.
Microinteractions interaction design: A microinteraction is a small, focused moment tied to one task - like toggling, liking, or confirming a save. Each is tiny, but they’re where an interface answers ‘did that work?’ right after you act, making the product feel responsive and thoughtful rather than inert and uncertain.
Miller's law laws & principles: Miller's 1956 research showed that our immediate memory for unrelated items is limited - famously 'seven, plus or minus two'. Miller himself cautioned against treating this as a fixed limit, and later studies suggest the number of chunks is often lower, around three to five under controlled conditions. The key insight isn't a magic number: working memory is limited, so grouping information into meaningful chunks helps people retain it.
Mobile-first visual design: Mobile-first means designing for the small screen first, then enhancing for larger ones, rather than starting with desktop and forcing it down. Beginning with tight constraints pushes you to decide what truly matters - and what remains is a core that scales up gracefully, not a desktop layout squeezed until it breaks.
Modal dialog ui patterns: A modal dialog blocks interaction with the page behind it while open. Focus should enter the modal, stay within its controls, and return to the trigger when it closes. Some modals ask for a decision; others just present information or a short task. It becomes a keyboard trap only when there’s no reliable way to complete or dismiss it - not because focus is contained.
Modal vs toast ui patterns: A modal blocks interaction with the underlying interface and demands attention; a toast is non-modal, temporary feedback and should not contain essential information.
Modality interaction design: Modality is when an interface has modes - states in which the same action does different things, or in which you're locked into one task until you finish or cancel. A modal dialog that blocks the rest of the app, or a tool where the same click draws in one mode and erases in another, are both modal. Modes are powerful but cause "mode errors" when people forget which mode they're in.
MVP (minimum viable product) process & strategy: An MVP is the smallest version of a product that still delivers real value to users and lets you learn whether your idea works - before you've built the whole thing. The point isn't to ship something cheap and broken; it's to ship the smallest complete, usable slice that tests your riskiest assumptions with real people, fast.

N

Nagging design ethics: Nagging is a deceptive pattern that wears people down with repeated, interrupting requests until they give in. The permission prompt that returns every visit, the "rate us" pop-up that won't take no, the constant push to upgrade - each "not now" is treated as "ask again later", so persistence substitutes for consent.
Navigation drawer (hamburger) ui patterns: A navigation drawer hides a menu off-screen behind an icon - usually the three-line 'hamburger' - and slides it in when tapped. It recovers screen space by keeping navigation out of sight, which works well on small screens but loses out on wider ones where showing links directly would be better.
Navigation patterns interaction design: Navigation patterns are the standard ways of structuring how people move around a product - top tabs, a bottom bar, a hamburger drawer, a sidebar, breadcrumbs. Each has familiar trade-offs in visibility, reach and capacity, and choosing well means matching the pattern to how many destinations you have, how important they are, and the device people use.
Negativity bias cognitive psychology: Negativity bias is the way bad things weigh more heavily than good ones of the same size. A single harsh review, one error or one rude moment lands harder and lingers longer than several pleasant experiences - so it takes a lot of good to outweigh a little bad.
Net promoter score metrics: Net promoter score asks one question - "how likely are you to recommend us?" on a 0 to 10 scale - then subtracts the share of detractors (0 to 6) from the share of promoters (9 to 10). The 7s and 8s are "passives" - excluded from the calculation, not a neutral zero. The result runs from -100 to +100.
Nielsen's 10 usability heuristics research methods: Nielsen's 10 usability heuristics are ten practical guidelines for spotting interface problems - keep users informed, speak their language, prevent errors, and so on. They form the basis of a heuristic evaluation and remain the most widely used standard in usability.
Noble edge effect persuasion: The noble edge effect is when a brand gains an advantage by visibly acting ethically or generously: its social responsibility makes people view its products more favourably, trust it more, and prefer it over rivals. Doing real good gives the brand a 'noble edge' that influences how its entire offering is judged.
Norman's seven stages of action cognitive psychology: Norman's seven stages of action divide a single interaction into the mental steps you actually go through: set a goal, plan, specify and carry out the action, then perceive, interpret and compare the result. They turn the two gulfs - execution and evaluation - into a cycle, giving designers a clear checklist of seven distinct points where an interface can help or fail.
North star metric metrics: A north star metric is the single measure a team rallies around because it best captures the core value the product delivers to users. It's not revenue and it's not a vanity count - it's the number that goes up when users genuinely get what they came for, chosen so that everyone's work points the same way and short-term wins don't come at the expense of real value.
Notifications & badges ui patterns: Notifications and badges are signals that something needs attention - a count on an icon, a dot, a banner, a push alert. Used honestly they inform: "you have 3 unread messages". Used cynically they manufacture urgency and pull people back for the company's benefit, and either way they only keep their power if they're meaningful, because people quickly learn to ignore signals that cry wolf.
Nudge interaction design: A nudge is a small change to how choices appear that gently steers people toward one option without removing any choices or changing incentives much. Setting a helpful default, highlighting a suggested plan, or placing the healthy choice at eye level are all nudges - the easy path shifts, but every option remains freely available.

O

Observer-expectancy effect research methods: The observer-expectancy effect occurs when a researcher’s expectations subtly shape a study’s outcome - through how they phrase questions, respond to answers, or interpret behaviour. You might unconsciously steer participants toward agreement or read ambiguous actions in a way that supports your desired result.
Obstruction design ethics: Obstruction is a deceptive pattern that intentionally makes a task harder than it needs to be, to discourage people from completing it. The classic case is the easy-to-start, painful-to-cancel subscription: signing up takes one click, but leaving means phone calls, hunting for hidden links, retention mazes and confirmation after confirmation - friction added on purpose.
Occam's razor laws & principles: Occam's razor: among designs that solve the problem, the simplest one wins. Avoid adding elements - options, steps, decoration - beyond what’s needed; every extra is one more thing to read, maintain, and get wrong.
Onboarding interaction design: Onboarding is the first-run experience that helps a new user get from arriving to their first real success - understanding what the product does, completing a meaningful first action, and reaching the moment they feel its value. Good onboarding gets people to that "aha" quickly with as little friction and explanation as possible; poor onboarding dumps them in, or buries them in tours, and loses them.
Optimistic UI interaction design: Optimistic UI updates the screen the instant you act - as if the action had already succeeded - and confirms with the server in the background. It suits actions that are very likely to succeed and safe to roll back, so the interface feels immediate; when a request fails, it must detect that, reverse the change clearly and tell you. It isn't for high-stakes or hard-to-reverse operations.

P

Pagination vs infinite scroll ui patterns: Two ways to handle a long list: pagination splits it into numbered pages you can jump to, while infinite scroll loads more as you scroll. Pagination shows your position and lets you skip to any section; infinite scroll offers a seamless flow without a clear end.
Pareto principle laws & principles: The Pareto principle suggests that roughly 80% of effects come from about 20% of causes - the 'vital few'. In UX, this often means a small set of features, flows, or fixes delivers most of the value. The exact split varies and it’s not a precise law; treat it as a prompt to find and prioritise the high-impact minority, not a formula. You can see this in action on this page.
Parkinson's law laws & principles: Parkinson's law: work expands to fill the time given. Give it a week and it takes a week; give it an afternoon and it’s done by tea - often just as well.
Peak-end rule cognitive psychology: We remember an experience mostly by its most intense moment (its peak) and how it ended, rather than by the average of every step - and we tend to ignore how long it lasted.
Perceived performance interaction design: Perceived performance is how fast an interface feels, not how fast it actually is. By responding instantly to input, showing progress, and assuming success before the server confirms, you can make a product feel quick even when the underlying work takes the same time - because what people judge is the experience of waiting, not the milliseconds.
Picture superiority effect cognitive psychology: The picture superiority effect is the finding that we remember pictures far better than words. The same idea shown as a clear image is recognised and recalled more reliably, and for longer, than the idea written out - because pictures get encoded both as images and as meaning, giving memory two routes back to them.
Planning fallacy cognitive psychology: The planning fallacy is our habit of underestimating how long things will take and how much they'll cost, even when we know similar tasks have run over before. We picture the smooth, best-case version and quietly leave out the interruptions, rework and surprises that always show up - so the plan is optimistic almost by default.
Postel's law laws & principles: Postel's law, also known as the robustness principle, suggests being conservative in what you send and liberal in what you accept. This means accepting harmless variations - such as spacing, brackets, or case - while validating, normalising, and storing a canonical version. It does not mean accepting ambiguous, unsafe, or semantically invalid input just for tolerance.
Preselection design ethics: Preselection is choosing for the user in your own favour, hoping they don’t notice - a pre-ticked opt-in, an extra already in the basket, or the pricier plan selected by default. It exploits the same inertia that makes good defaults helpful, but directs it to benefit the business instead of the user.
Priming cognitive psychology: Priming is how an earlier signal quietly shapes how you interpret what comes next. Once an idea, mood or word is activated in your mind, related things become easier to notice and lean your reading that way - so the same message, price or product can land quite differently depending on what you saw just before it.
Privacy zuckering design ethics: Privacy zuckering tricks users into sharing more than they intend by defaulting settings to 'share', hiding privacy controls behind confusing language and extra clicks. Named after a certain founder, it presumes consent without ever asking for it.
Progressive disclosure interaction design: Show users only what they need right now, with extra details revealed through a clear next step. It keeps the first view simple without permanently hiding anything.
Prototype & fidelity process & strategy: A prototype is a working model of a design made to be tested, and fidelity is how closely it resembles the finished product. Low-fidelity prototypes (paper sketches, clickable wireframes) are rough, fast and cheap; high-fidelity ones (polished, interactive, near-real) look and behave like the real thing. Choosing the right fidelity for the question you're asking is the whole skill.
Provide exit points persuasion: Providing exit points means deliberately giving people clear, graceful moments to pause, save or leave - so they stay because they want to, not because they're trapped. Natural stopping places, an obvious way out, and "save and finish later" options respect the user's autonomy and, paradoxically, tend to build the trust that keeps them coming back.
Pull to refresh interaction design: Pull to refresh is the gesture - drag the top of a list downward and release - that reloads its content. It became a near-universal mobile convention because it’s discoverable through experimentation, reuses a natural scrolling motion, and gives the user a direct, physical way to ask for the latest, with satisfying feedback as the content updates.

R

Reactance persuasion: Reactance is the push-back you feel when something threatens your freedom to choose. Tell people they must do something, or that they can't have it, and the heavy-handed pressure itself becomes a reason to resist - so hard sells, forced steps and "you have to" framings often produce exactly the behaviour they were trying to prevent.
Readability and plain language accessibility: Readability is how easily text can be read and understood; plain language is writing deliberately for that ease - common words, short sentences, active voice, no needless jargon. It isn't dumbing down; it's respecting the reader's time and the fact that stress, distraction, a second language or a cognitive difference all lower the reading level anyone can comfortably handle.
Recall bias research methods: Recall bias is the difference between what people remember doing and what they actually did. Human memory isn’t a recording; it’s a reconstruction - lossy, smoothed, and skewed toward the vivid, recent, and emotional. So any research that asks people to remember past behaviour collects an edited highlights reel, not an accurate log.
Reciprocity persuasion: Reciprocity is the natural tendency to return a favour: give something of real value first, and people feel quietly obliged to give back. Start with real value, and a later ask feels gentle; if you begin with the ask, it sounds like a demand.
Recognition vs recall cognitive psychology: Recognising something you’re shown is easier than recalling it from scratch. Good interfaces give you choices - menus, icons, recent items, autocomplete - instead of forcing you to remember and type from nothing.
Reduced motion accessibility: Reduced motion is honouring a user's request to cut animation. Movement on screen makes some people dizzy, nauseous or worse; the prefers-reduced-motion setting is them asking you to keep things still, and a good interface listens.
Research bias research methods: Research bias is any consistent influence that skews a study's results away from the truth - not random error that averages out, but a steady lean introduced by how you recruit, ask, observe or interpret. It’s not a single mistake but a whole family of them, lurking at every stage of research, and the first defence is simply knowing where each kind tends to strike.
Responsive design visual design: Responsive design is building one layout that adapts to any screen - fluid widths that stretch and shrink, plus breakpoints where the structure itself rearranges (a three-column grid becoming one column, a menu collapsing). One codebase, one URL, reshaping itself to fit the space rather than shipping a separate "mobile site".
Retention and churn metrics: Retention is the share of users who keep coming back over time; churn is its near-mirror - the share who leave. They're exact opposites only when measured on the same cohort, interval and definitions; otherwise they can drift apart. Together they show whether a product delivers lasting value or just a first impression, and small, steady churn compounds into a large loss - pouring new users into a leaky bucket never fills it.
Roach motel design ethics: A roach motel is a flow that’s easy to join but deliberately hard to leave - one click to subscribe, a hidden maze to cancel. The asymmetry is the trick: friction only ever runs one way.

S

Sample size and statistical significance research methods: Sample size is how many people (or sessions) a finding rests on; statistical significance assesses how surprising your measured difference would be if there were really no effect, under a specified model and assumptions. It does not prove an effect is real, important or repeatable. Small samples swing wildly by chance, so a difference can look dramatic and still mean little - which is why significance goes hand in hand with sample size and effect size.
Satisficing cognitive psychology: Satisficing is choosing the first option that's good enough rather than searching for the best one. Instead of weighing everything to maximise, people set a rough bar and take the first thing that clears it - which is usually the smart move, because the effort of finding the perfect choice rarely pays for itself.
Scarcity persuasion: Scarcity increases appeal by making something feel more valuable when it appears rare or about to disappear - like 'only 2 left' or 'offer ends in 5:00'. It works because the discomfort of losing an option outweighs the pleasure of gaining one.
Schema cognitive psychology: A schema is a mental template built from past experience for how a kind of thing usually works - what a login form looks like, how a checkout flows, where the menu lives. We match new situations to these templates, so when an interface fits the schema people understand it instantly, and when it breaks the schema they're forced to stop and work it out.
Screen readers accessibility: A screen reader presents on-screen content through speech and/or a braille display, letting blind and low-vision people use a computer. Users can read sequentially, but they also jump through headings, landmarks, links, form controls, tables and search - they rarely listen to a whole page top to bottom. Good source order, accessible names and meaningful markup are what make that navigation possible.
Search with autocomplete ui patterns: Autocomplete, or typeahead, suggests matching options as you type, helping you recognise and select what you want without spelling it fully. It turns a blank field that demands perfect recall into a guided one that meets you halfway.
Segmented control ui patterns: A segmented control is a row of two to about five mutually-exclusive options, all visible at once, where exactly one is selected. It's the inline alternative to a dropdown: for a small, stable set of choices it shows every option up front and switches in a single tap, rather than hiding them behind a menu.
Selective attention cognitive psychology: Selective attention means your mind focuses on what you’re actively looking for and tunes out everything else - even obvious things right in front of you. When deeply focused, you’ll often miss the most noticeable item on screen.
Self-serving bias cognitive psychology: Self-serving bias is our habit of taking credit for successes and blaming something external for failures. When things go well it's down to our skill and effort; when they go badly it's bad luck, other people or the circumstances - a tidy accounting that protects our self-esteem but distorts what we learn.
Semantic HTML accessibility: Semantic HTML means using elements for their intended purpose - header, nav, main, button, h1-h6, ul/ol/li - rather than wrapping everything in styled divs and spans. The meaning isn't visible on screen but is crucial for assistive tech: it lets screen readers announce roles, list headings, and jump straight to the main content.
Serial position effect cognitive psychology: When recalling a list, items at the beginning and end are remembered more easily than those in the middle. It’s not what’s on the list, but where it sits, that influences memory.
Service blueprint process & strategy: A service blueprint is a diagram that maps a service across stacked layers - what the customer does, what they see and interact with (frontstage), what happens behind the scenes (backstage), and the support systems underneath - all lined up against the steps of the journey and divided by the line of visibility. It extends a journey map downward, exposing the staff, systems and processes that deliver each moment.
Service design process & strategy: Service design is designing the whole end-to-end experience of a service - across every channel, touchpoint and moment, and crucially the behind-the-scenes people, systems and processes that make it work. Where product UX focuses on the screen in front of you, service design zooms out to the entire journey, including everything the customer never sees.
Shaping persuasion: Shaping is building a complex or daunting behaviour gradually, by rewarding small steps that get closer and closer to the target rather than demanding the whole thing at once. Instead of asking someone to do the big hard thing immediately, you reinforce successive approximations - each easy win making the next step feel achievable.
Signifier interaction design: A signifier is the visible cue that tells users what to do and where - such as an underline for a link, a shadow for a button, or a handle for dragging. While affordance indicates what an element can do, the signifier announces how to use it. A button that can be clicked is useless without a signifier to show it’s clickable.
Sitemap process & strategy: A sitemap is a diagram of a product's structure - its pages or screens arranged in a hierarchy that shows how they group and nest and how they relate to each other. It makes a site's information architecture visible at a glance, so you can see the whole organisation, judge whether it's logical, and spot where things are buried, duplicated or in the wrong place.
Skeleton screen ui patterns: A skeleton screen is a placeholder that shows the anticipated structure of content while it loads - grey blocks where text and images will appear - instead of a spinner or blank. It doesn't show real progress; it previews the shape that's coming, which makes the same wait feel shorter and the page feel like it's already arriving.
Skeuomorphism interaction design: Skeuomorphism is design that mimics real-world objects - like a leather-bound diary, a felt poker table, or a button with a bevel and shadow. Its purpose wasn’t decoration: by copying physical forms, it inherited their affordances, so a control looked pressable, draggable, or turnable - even before anyone explained it.
Skip links accessibility: A skip link is a link - often visually hidden until it receives keyboard focus, but never hidden from assistive technology - that lets you bypass a repeated block, usually the navigation, and jump straight to the main content. Sighted mouse users rarely see it; keyboard users would be lost without it.
Sneaking design ethics: Sneaking is a deceptive pattern that hides, disguises or delays information the user would object to, revealing it only once they're committed. Extra items slipped into a basket, fees that appear at the final step, or a subscription buried in a "free" sign-up all work by withholding the bad news until backing out feels too costly.
Social desirability bias research methods: Social desirability bias is the tendency to answer in ways that make us look good rather than ways that are true - over-reporting the admirable, under-reporting the embarrassing. In research it means self-report drifts toward the flattering: people say they read the terms, exercise more, and skip the ads more than they really do, especially when someone's watching.
Social proof persuasion: People look to what others do to make decisions, especially when uncertain. In an interface, that means showing real evidence - like ratings, usage counts, and reviews - from actual users.
Social proof vs authority persuasion: Social proof says 'people like me do this'; authority says 'a credible expert or institution recommends this'.
Spacing effect cognitive psychology: The spacing effect is the finding that we remember things far better when study is spread out over time than when it's crammed into one session. The same total effort, distributed across days, builds much more durable memory than the same minutes done all at once - which is why last-minute cramming fades so fast.
Spotlight effect cognitive psychology: The spotlight effect is our tendency to think other people notice us - our mistakes, our appearance, our small slip-ups - far more than they actually do. Because we're the centre of our own attention, we badly overestimate how much of a spotlight is really on us, when most people are too busy with their own concerns to notice.
Stakeholder management process & strategy: Stakeholder management is the work of identifying everyone with an interest in or influence over a project - clients, executives, engineers, marketing, legal, and the users themselves - and engaging each appropriately so the work can succeed. For designers it's often the difference between good design that ships and good design that dies in a meeting, because the best solution still needs buy-in.
Stepper (wizard) ui patterns: A stepper - or wizard - divides a long task into a short sequence of steps, showing your current position and how many remain. It turns a daunting wall of fields into a series of small, clearly finishable chunks, and the visible progress keeps you moving toward the end.
Storytelling effect cognitive psychology: The storytelling effect is the way information wrapped in a story is understood, remembered and felt more strongly than the same information delivered as bare facts. A narrative gives facts a cause, a character and a sequence, so they stick together in memory and carry emotion that a plain list never does.
Streisand effect persuasion: The Streisand effect is the way trying to hide, remove or suppress information ends up drawing far more attention to it than ignoring it ever would. The act of suppression signals that something is worth seeing, provokes reactance, and often spreads the very thing you wanted buried.
Sunk cost fallacy persuasion: The sunk cost fallacy is letting money, time or effort you have already spent - and cannot get back - keep you committed to something that is no longer worth it. The only sound question is what the next step is worth; the fallacy answers a different one - what you would be "wasting" by stopping.
Sunk cost fallacy vs loss aversion persuasion: Loss aversion makes losses feel heavier than gains; the sunk-cost fallacy lets past costs steer your next move, even when they’re irrecoverable.
Surveys and questionnaires research methods: Surveys and questionnaires collect structured answers from many people at once - cheap, scalable, quantifiable. Their weakness is that the data is only ever as good as the questions: a leading, loaded, double-barrelled or vague question quietly manufactures the answer, so a badly-written survey produces confident numbers that mean nothing.
Survivorship bias research methods: Survivorship bias is the error of focusing only on what made it through, while ignoring what didn’t - and the lessons those failures hold. In UX, it’s the trap of studying only the users who stayed: your analytics, reviews and surveys are full of survivors, and silent about everyone who hit a wall and left.
Synthetic personas research methods: Synthetic personas are AI-generated stand-ins for users, built from a model rather than real research. They can help draft or pressure-test ideas, but they reflect the model’s assumptions and biases - useful for exploration, not a substitute for talking to real people.
Synthetic users research methods: Synthetic users are model-generated responses that simulate real research participants. They can help explore ideas, draft questions or test materials, but they’re not evidence about real users and must not replace recruitment, observation or interviews.
System usability scale metrics: The system usability scale is a short questionnaire with ten statements rated from strongly disagree to strongly agree. It turns how usable something feels into a single score from 0 to 100. It’s quick, standardised, and surprisingly comparable across very different products.

T

Tabs ui patterns: Tabs split one screen into parallel panels, showing only one at a time. They keep pages short by hiding everything except the selected panel - which is the whole point, and the whole danger.
Tabs vs accordion ui patterns: Both hide content behind clickable labels, but tabs show them side by side horizontally, revealing one at a time, while accordions stack them vertically and let panels expand in place. The choice often depends on how many sections there are and screen width.
Target size accessibility: Target size is the size of a tappable or clickable element. If it’s too small or too crowded, people may miss it - due to larger fingers, limited dexterity, tremor, motion, or a small screen - and a control they can’t reliably hit is effectively broken. Space around a target reduces accidental activation, but that space isn’t part of the target unless it’s clickable too.
Task analysis research methods: Task analysis breaks down a goal into the actual steps and sub-steps users take to achieve it - the decisions, actions, and information needed at each point. It replaces a vague sense of 'they just book a flight' with the real, often surprising sequence, revealing where effort, confusion, and errors actually occur so you design for the task as it is, not as you imagine it.
Task success rate metrics: Task success rate is the percentage of users who complete a task - for example, four out of five users finishing it, which equals 80%. It’s the simplest way to see if something works, though it’s easy to overinterpret.
Temptation bundling persuasion: Temptation bundling is pairing something you should do but tend to avoid with something you want but feel you shouldn't overdo, so the two together become genuinely appealing. Only letting yourself watch your favourite show while on the treadmill, or saving a great podcast for the commute, turns a chore into something you look forward to.
Tesler's law laws & principles: Every process has a minimum complexity that can't be eliminated - only shifted. The real question isn't whether to remove it, but who carries it: the user or the team building it. You can see this in action on this page.
The 5 dimensions of interaction design interaction design: The five dimensions of interaction design offer a framework - words, visual representations, physical objects or space, time, and behaviour - for understanding all the elements of an interaction. Together, they capture everything a designer shapes when creating how a person and a product communicate, from the text they read to how the product responds over time.
The 5 Es of usability process & strategy: The 5 Es of usability are Whitney Quesenbery's framework breaking usability into five measurable dimensions: effective, efficient, engaging, error-tolerant and easy to learn. Together they turn the vague idea of "usable" into specific qualities you can design for and assess - and they show that usability is a balance, since these dimensions sometimes pull against each other.
The 60-30-10 rule visual design: The 60-30-10 rule is a simple guide for colour proportion: roughly 60% dominant (often neutral), 30% secondary, and 10% accent. It’s not about the hues you choose but how much of each you use - the balance that makes a palette feel calm rather than flat or overwhelming.
Thematic analysis research methods: Thematic analysis is a method for uncovering patterns of meaning in qualitative data. You read through the material closely, assign short descriptive codes to meaningful sections, then group those codes into broader themes. It’s the rigorous, auditable cousin of affinity mapping: a repeatable route from raw transcripts to defensible insights.
Think-aloud protocol research methods: Think-aloud is a usability-testing method where participants verbalise their thoughts as they complete a task - what they’re looking for, expecting, or unsure about. It turns silent actions into spoken commentary, revealing not just where someone struggles but why, exposing hesitation and flawed mental models that a screen recording alone can’t capture.
Thumb zone interaction design: The thumb zone is the part of a phone screen you can easily reach with your thumb when holding it - usually the lower and central area. Top corners, especially the upper ones, require stretching or a second hand. Put your most-used items in the easy zone, and leave awkward corners for rare or harmless actions.
Time on task metrics: Time on task is how long it takes someone to complete a specific task, from start to finish. It’s the most common efficiency metric in usability testing - and one of the easiest to misinterpret.
Time perception cognitive psychology: Time perception (chronoception) is how long something feels, which often differs from its actual duration. A wait feels longer when you’re idle and unsure, and shorter when you’re busy and know what’s happening - so the felt duration, not the clock, shapes how people judge an experience.
Toast notification ui patterns: A toast is a small, temporary message that slides in to confirm an action - like 'Saved', 'Archived', or 'Link copied' - then fades away on its own. It gives light feedback without interrupting, unlike a modal you must close.
Tooltips interaction design: A tooltip is a small label that appears on hover or focus to explain a control - most often a bare icon whose meaning isn’t obvious. Used well, it’s a quiet safety net for recognition; used as a crutch, it hides essential information behind an interaction many people can’t or won’t perform.
Touchpoint process & strategy: A touchpoint is any point of contact between a person and a product, service or brand - an advert, the website, the app, an email, the packaging, a support call, even a review someone reads. The full experience is the sum of all these touchpoints over time, so consistency and quality across every one of them, not just the main interface, is what shapes how people feel about you.
Tree testing research methods: Tree testing checks whether users can find things in your site’s structure, stripped of all visual design. You give them a text-only outline of the navigation and a task - 'where would you go to do X?' - and watch which path they take. It isolates one question: is the information architecture itself findable, or is good design papering over a confusing structure?
Triangulation research methods: Triangulation means checking a finding by comparing it across multiple sources, methods, or perspectives, and trusting it most when they align. Every method has its own blind spots and biases - analytics can’t explain motivation, interviews capture what people say not what they do - so a conclusion that holds up across several methods is far more reliable than one based on a single, flawed viewpoint.
Trick wording design ethics: Trick wording is a deceptive pattern that phrases choices so confusingly that people end up doing the opposite of what they intend. Double negatives, mismatched checkboxes, and deliberately ambiguous labels trip users up - like "uncheck this box if you do not want to not receive emails" - so that not reading carefully lands them where the company wants, not where they meant to go.
Triggers persuasion: Triggers are the prompts that start an action. External triggers come from outside - a notification, email, badge or button telling you what to do next. Internal triggers come from within - an emotion, routine or association that makes you reach for the product unprompted. The goal of habit-forming design is to move people from needing external nudges to acting on internal ones.
Typographic scale visual design: A typographic scale is a series of font sizes derived from one base size and a single ratio, with each step multiplying the base by that ratio. Using a consistent ratio instead of random sizes creates a hierarchy that feels harmonious rather than arbitrary.
Typography hierarchy visual design: Typographic hierarchy is using size, weight, spacing and colour to rank text, so the eye knows what to read first, what's a heading, what's an aside. It is visual hierarchy done with type alone - the structure you feel before you read a word.

U

UI state interaction design: UI state is the particular condition a screen or component is in at a given moment - empty, loading, partial, error, or full of ideal content - and each one looks and behaves differently. Designing a product means designing all of its states, not just the polished "everything's perfect" one, because users will hit the empty, slow and broken states constantly.
Unity persuasion: Unity is the pull of shared identity - we’re more readily persuaded by people we count as one of us. Not just 'people like me do this' (that’s social proof) but 'we are the same kind of person', a family, a profession, or a tribe.
Usability testing research methods: Watch real users attempt real tasks with your design to spot where it breaks down. Focus on what they actually do - not just what they say - and note their expectations, interpretation, confidence, and perceived effort. Give them a task, observe closely, and ask questions to understand why.
Usability testing vs heuristic evaluation research methods: Usability testing watches real users tackle tasks; heuristic evaluation is expert review against established usability principles.
User flow process & strategy: A user flow is a map of the path someone takes to complete a task in a product - each screen, action and decision point from start to goal. Drawn out as a diagram of steps and branches, it shows the whole journey at a glance, making it easy to spot unnecessary steps, dead ends and the places people are most likely to drop out.
User interviews research methods: A user interview is a one-to-one conversation designed to uncover someone’s needs, context, and experience. Its value comes from asking about actual past behaviour - you get evidence, not hypotheticals, leading questions, or yes/no questions, which yield polite fiction. The skill lies in getting people to reveal what they actually did, not what they might do or what you’d like to hear.
User journey map process & strategy: A user journey map shows the steps someone takes to reach a goal and how they feel at each one. Emotion turns a flat list into a curve, revealing the low points - the moments worth fixing. You can see and try this concept in action on this page.
User persona process & strategy: A user persona is a concise, research-backed profile of a typical user - their goals, context, and frustrations - given a name and a face. It turns the vague idea of 'the user' into one specific person you can design for.
User-centred design process & strategy: User-centred design (UCD) is an approach that keeps the end user's needs, goals and context at the centre of every design decision, from start to finish. The opposite is designing around the business's goals, the technology, or the designer's own taste - all of which can produce something that works for everyone except the person actually using it.
UX honeycomb process & strategy: The UX honeycomb is Peter Morville's model breaking user experience into seven facets: useful, usable, desirable, findable, accessible, credible and valuable. It's a reminder that good UX is more than usability - a product can be easy to use and still fail if it isn't useful, can't be found, isn't trusted, or doesn't deliver value.
UX vs UI process & strategy: UI is the interface you see and interact with; UX is the broader experience before, during and after that interaction.

V

Variable reward persuasion: A variable reward is a payoff that arrives unpredictably - sometimes big, sometimes nothing - rather than consistently. That uncertainty drives more repeated action than a predictable reward of the same average value. It’s the engine behind slot machines, social feeds, and the endless pull-to-refresh.
Visual hierarchy visual design: The order your eye follows across a layout, shaped by size, weight, colour and space. It shows what grabs attention first - and what slips by.
Visual interference design ethics: Visual interference is a deceptive pattern that uses styling - colour, contrast, size, placement - to steer you toward the choice the company wants and away from the one you'd choose. The bright, prominent "Accept all" beside a greyed-out, tiny "Reject", or the option you want buried in low contrast, all manipulate the visual hierarchy to manufacture a "preference".
Von Restorff effect cognitive psychology: When one item in a group stands out, it’s more likely to be remembered. Its uniqueness acts as a memory cue: the odd one out captures attention, whether it wants to or not.

W

WCAG levels (A, AA, AAA) accessibility: WCAG - the Web Content Accessibility Guidelines - groups its success criteria into three conformance levels: A (the minimum), AA (the most common organisational target, referenced by many accessibility regimes), and AAA (the highest, often unfeasible to meet site-wide). Each level builds on the previous one, so AA includes all of A, and AAA includes all of AA.
Weber's law laws & principles: Weber's law states that the smallest change we can notice in something is proportional to its starting size, not a fixed amount. A £1 rise on a £3 coffee is glaring; the same £1 on a £900 laptop is invisible. The "just-noticeable difference" scales with the baseline, so big things have to change by a lot before anyone perceives it.
Whitespace visual design: Whitespace (or negative space) is the empty area between and around elements. It’s not wasted space: it groups related items, guides the eye, and makes a layout easy to read.
Wireframe process & strategy: A wireframe is a deliberately plain, low-fidelity blueprint of a screen - boxes, lines and placeholder text showing what goes where and how the structure works, with the visual design stripped out on purpose. By leaving out colour, imagery and polish, it keeps everyone focused on layout, hierarchy and flow before anyone argues about how it should look.

Z

Zeigarnik effect cognitive psychology: We remember - and are drawn back to - tasks we've started but not finished. An open loop lingers in working memory, pulling attention until it's closed; once completed, the mind lets it go.

Now make them stick

Reading is just the start. Drill these terms with the flashcards, then put yourself on the spot with the UX quiz - both built from this same glossary.