https://uxbyexample.co.uk/ An interactive UX glossary. Every entry demonstrates its own concept - you learn each term by example, not by definition. en-GB Thu, 18 Jun 2026 16:58:53 GMT https://uxbyexample.co.uk/entries/visual-hierarchy/ https://uxbyexample.co.uk/entries/visual-hierarchy/ Thu, 18 Jun 2026 16:58:53 GMT visual design The order your eye travels a layout, set by size, weight, colour and space. It decides what gets noticed first - and what gets missed. https://uxbyexample.co.uk/entries/microcopy/ https://uxbyexample.co.uk/entries/microcopy/ Thu, 18 Jun 2026 16:58:49 GMT 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. https://uxbyexample.co.uk/entries/cognitive-load/ https://uxbyexample.co.uk/entries/cognitive-load/ Thu, 18 Jun 2026 16:58:43 GMT cognitive psychology The total mental effort a task demands. Pile on too much and people slow down, make mistakes, or give up. https://uxbyexample.co.uk/entries/usability-testing/ https://uxbyexample.co.uk/entries/usability-testing/ Thu, 18 Jun 2026 16:58:38 GMT research methods Watching real people attempt real tasks with your design, to find where it trips them up. It is not asking whether they like it - it is handing them something to do and seeing what actually happens. https://uxbyexample.co.uk/entries/social-proof/ https://uxbyexample.co.uk/entries/social-proof/ Thu, 18 Jun 2026 16:58:26 GMT persuasion People look to what others do to decide what is right, especially when they are unsure. In an interface, that means showing real evidence that real people use, rate and trust the thing. https://uxbyexample.co.uk/entries/dark-patterns/ https://uxbyexample.co.uk/entries/dark-patterns/ Thu, 18 Jun 2026 16:58:22 GMT design ethics Interface tricks that nudge people into choices they didn't mean to make - for the business's benefit, not theirs. https://uxbyexample.co.uk/entries/mental-model/ https://uxbyexample.co.uk/entries/mental-model/ Thu, 18 Jun 2026 16:58:18 GMT cognitive psychology The picture in someone's head of how a thing works. When the interface matches it, everything feels obvious; when it doesn't, nothing does. https://uxbyexample.co.uk/entries/affordance/ https://uxbyexample.co.uk/entries/affordance/ Thu, 18 Jun 2026 16:58:14 GMT interaction design An affordance is the visual hint that tells you what you can do with something - a raised button says "press me", underlined blue text says "click me". Strong cues make actions obvious; missing or false ones leave people guessing. https://uxbyexample.co.uk/entries/conversion-rate/ https://uxbyexample.co.uk/entries/conversion-rate/ Thu, 18 Jun 2026 21:22:32 GMT metrics Conversion rate is the share of people who complete a goal - buy, sign up, subscribe - out of everyone who could have. It's usually quoted end to end, but it's really the product of every step's survival rate along the way. https://uxbyexample.co.uk/entries/time-on-task/ https://uxbyexample.co.uk/entries/time-on-task/ Thu, 18 Jun 2026 21:21:16 GMT metrics Time on task is how long it takes someone to complete a specific task, measured from the moment they start to the moment they're done. It's the most common efficiency metric in usability testing - and one of the easiest to misread. https://uxbyexample.co.uk/entries/design-tokens/ https://uxbyexample.co.uk/entries/design-tokens/ Thu, 18 Jun 2026 21:20:14 GMT process & strategy Design tokens are named values for the small decisions a design repeats - colours, spacing, corner radius, type sizes - stored once and referenced everywhere. Change the token and everything built from it changes at once. https://uxbyexample.co.uk/entries/double-diamond/ https://uxbyexample.co.uk/entries/double-diamond/ Thu, 18 Jun 2026 21:19:02 GMT process & strategy A model of the design process as two diamonds: the first explores then defines the right problem, the second explores then delivers the right solution. Each diamond opens wide (diverge) before narrowing to a point (converge). https://uxbyexample.co.uk/entries/skip-links/ https://uxbyexample.co.uk/entries/skip-links/ Thu, 18 Jun 2026 21:17:50 GMT accessibility A skip link is a hidden link, revealed the moment you press Tab, that jumps straight past a repeated block - usually the navigation - to the main content. Sighted mouse users never see it; keyboard users would be lost without it. https://uxbyexample.co.uk/entries/focus-order/ https://uxbyexample.co.uk/entries/focus-order/ Thu, 18 Jun 2026 21:16:52 GMT accessibility Focus order is the sequence the Tab key walks through a page. When it follows the visual order, tabbing feels invisible; when it doesn't, every press throws you somewhere you didn't expect. https://uxbyexample.co.uk/entries/accordion/ https://uxbyexample.co.uk/entries/accordion/ Thu, 18 Jun 2026 21:16:00 GMT ui patterns An accordion is a stack of headed panels that each open and close on click, collapsing long content down to a list of titles you can expand on demand. This very demo is one - the panels below are the pattern. https://uxbyexample.co.uk/entries/tabs/ https://uxbyexample.co.uk/entries/tabs/ Thu, 18 Jun 2026 21:15:02 GMT ui patterns Tabs slice one area of the screen into parallel panels and show just one at a time. They keep a page short by hiding all but the panel you've picked - which is the whole trick, and the whole risk. https://uxbyexample.co.uk/entries/peak-end-rule/ https://uxbyexample.co.uk/entries/peak-end-rule/ Thu, 18 Jun 2026 20:03:00 GMT cognitive psychology We don't judge an experience by averaging every moment of it. We remember it mostly by two points - how it felt at its most intense (the peak) and how it felt at the end - and we quietly discount how long it lasted. https://uxbyexample.co.uk/entries/teslers-law/ https://uxbyexample.co.uk/entries/teslers-law/ Thu, 18 Jun 2026 20:02:08 GMT laws & principles Every process has a baseline of complexity that can't be designed away - it can only be moved. The question is never whether to remove it, but who carries it: the person using the product, or the people building it. https://uxbyexample.co.uk/entries/zeigarnik-effect/ https://uxbyexample.co.uk/entries/zeigarnik-effect/ Thu, 18 Jun 2026 19:54:32 GMT cognitive psychology We remember - and keep feeling pulled towards - tasks we've started but not finished. An open loop sits in working memory and nags for attention until you close it; the moment you complete it, the mind quietly lets go. https://uxbyexample.co.uk/entries/jakobs-law/ https://uxbyexample.co.uk/entries/jakobs-law/ Thu, 18 Jun 2026 19:46:46 GMT laws & principles People spend most of their time on other sites, so they expect yours to work the same way. Familiar patterns are faster to use because visitors arrive already knowing them - you're borrowing every habit the rest of the web has taught them. https://uxbyexample.co.uk/entries/leading-questions/ https://uxbyexample.co.uk/entries/leading-questions/ Thu, 18 Jun 2026 17:56:43 GMT 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. https://uxbyexample.co.uk/entries/first-click-testing/ https://uxbyexample.co.uk/entries/first-click-testing/ Thu, 18 Jun 2026 17:08:51 GMT research methods First-click testing asks one question: where do people go first to get something done? That opening move matters out of all proportion - get it right and the task usually follows; get it wrong and it rarely recovers. https://uxbyexample.co.uk/entries/feedback/ https://uxbyexample.co.uk/entries/feedback/ Thu, 18 Jun 2026 17:08:45 GMT interaction design Feedback is the interface answering back: a clear sign of what just happened and what to do next. Act without it and people are left guessing whether anything worked at all. https://uxbyexample.co.uk/entries/change-blindness/ https://uxbyexample.co.uk/entries/change-blindness/ Thu, 18 Jun 2026 17:08:14 GMT cognitive psychology We are surprisingly blind to changes that happen during a flicker, reload or blink. Without an unbroken motion cue, even a big change can sit in plain sight until you go hunting for it. https://uxbyexample.co.uk/entries/gestalt-proximity/ https://uxbyexample.co.uk/entries/gestalt-proximity/ Thu, 18 Jun 2026 17:08:03 GMT laws & principles Things placed close together are read as one group; things spaced apart are read as separate. Proximity is such a strong cue that the eye groups by distance before it even registers shape or colour. https://uxbyexample.co.uk/entries/five-second-test/ https://uxbyexample.co.uk/entries/five-second-test/ Thu, 18 Jun 2026 17:07:52 GMT research methods Show someone a design for five seconds, take it away, then ask what they remember. What survives that glance tells you what the layout is really shouting - and what it is quietly burying. https://uxbyexample.co.uk/entries/whitespace/ https://uxbyexample.co.uk/entries/whitespace/ Thu, 18 Jun 2026 17:06:47 GMT visual design Whitespace (or negative space) is the empty area between and around elements. It is not wasted room: it groups what belongs together, guides the eye, and makes a layout legible. https://uxbyexample.co.uk/entries/millers-law/ https://uxbyexample.co.uk/entries/millers-law/ Wed, 17 Jun 2026 20:42:33 GMT cognitive psychology Working memory can hold roughly seven items, plus or minus two, at once. Exceed that limit and things start to fall out. The constraint isn't about intelligence; it's about the size of the mental workspace everyone is working with. https://uxbyexample.co.uk/entries/von-restorff-effect/ https://uxbyexample.co.uk/entries/von-restorff-effect/ Wed, 17 Jun 2026 20:42:31 GMT cognitive psychology When one item in a list is noticeably different from the others, it sticks in memory far better than its neighbours. Distinctiveness is a memory signal: the odd one out earns attention it didn't ask for. https://uxbyexample.co.uk/entries/chunking/ https://uxbyexample.co.uk/entries/chunking/ Wed, 17 Jun 2026 20:42:10 GMT cognitive psychology Chunking is the brain's trick of grouping individual pieces of information into meaningful units, so instead of memorising twelve separate digits, you hold three groups of four. The chunk is the unit, not the items inside it. https://uxbyexample.co.uk/entries/heuristic-evaluation/ https://uxbyexample.co.uk/entries/heuristic-evaluation/ Wed, 17 Jun 2026 19:58:47 GMT research methods A quick expert review that checks an interface against a short list of usability rules of thumb - before you ever test with users. https://uxbyexample.co.uk/entries/serial-position-effect/ https://uxbyexample.co.uk/entries/serial-position-effect/ Wed, 17 Jun 2026 19:35:09 GMT cognitive psychology When you try to remember a list, the items at the start and the end stick, and the ones in the middle slip away. Position on the list, not just the item itself, decides what you keep. https://uxbyexample.co.uk/entries/recognition-vs-recall/ https://uxbyexample.co.uk/entries/recognition-vs-recall/ Wed, 17 Jun 2026 19:33:35 GMT cognitive psychology Recognising something you're shown is far easier than recalling it from a blank memory. Good interfaces show the options instead of making you remember them. https://uxbyexample.co.uk/entries/hicks-law/ https://uxbyexample.co.uk/entries/hicks-law/ Tue, 16 Jun 2026 18:33:21 GMT cognitive psychology The more choices you offer, the longer a decision takes - and it climbs with the logarithm of the number of options, not in a straight line. Choices carry a time cost, not just a space cost. https://uxbyexample.co.uk/entries/fittss-law/ https://uxbyexample.co.uk/entries/fittss-law/ Fri, 12 Jun 2026 19:59:48 GMT interaction design The time to hit a target grows as the target gets smaller and as it sits further away. Big, close things are fast; small, distant things are slow. https://uxbyexample.co.uk/entries/progressive-disclosure/ https://uxbyexample.co.uk/entries/progressive-disclosure/ Fri, 12 Jun 2026 19:59:14 GMT interaction design Show people just what they need right now, and tuck the rest behind a clear next step. It keeps the first view simple without hiding anything for good.