UX Knowledge Base by

Content

• about-us-pages — the three questions visitors implicitly ask, and ten background-content categories (profile, contact, legal, PR, and more) that answer them
• alt-text — writing alt text by image role (informative/decorative/functional), a ~125-character limit, and choosing between alt text, a caption, and adjacent body text
• content-modules — the reusable, database- or file-backed content areas a page template’s publishing system fills in, and the administration tooling that lets content be published without recoding pages
• context-sensitive-help — placing help text and links spatially near the point of need, and when to use a floating window vs. a pop-up for it
• effective-images — choosing photography vs. illustration vs. icons by user need rather than default, and avoiding “images of text” outside a narrow essential-text exception
• frequently-asked-questions — gathering, organizing, and placing a FAQ page as a redundant (not primary) usability aid
• headlines-and-blurbs — writing a short, hook-driven headline and blurb for promoted content, and storing both with the article so they can be reused anywhere it’s referenced
• homepage-portal — the homepage as highest-leverage page, balancing brand, content, personalization, navigation, and download speed
• plain-language — audience-first writing: inverted pyramid structure, active voice, avoiding nominalizations, sentence-case capitalization, pronoun and terms-of-ability conventions, lists and tables for scanning, headings as navigation, paraphrase and usability testing for clarity
• printable-pages — a dedicated printer-friendly page template, built by stripping non-essential regions rather than restyling the on-screen page
• site-footer — the persistent footer (legal links, copyright, secondary nav) that closes every page; design and consistency principles
• site-header — the persistent header (brand identity, primary nav, utility links) that opens every page; design and consistency principles
• up-front-value-proposition — a persuasive, unique one-sentence promise, arrived at via team brainstorming and customer testing

E-commerce

Domain-specific application of the patterns above to transactional sites.

• clean-product-details — product page template: above-fold decision elements (thumbnail, price, Add to Cart) and below-fold research elements (full description, reviews, related products)
• cross-selling-and-up-selling — recommending accessories or upgrades related to a customer’s current choice, kept visually secondary and repeated at checkout
• easy-returns — return policy visibility on every page and a self-service return funnel with trackable labels
• featured-products — curated, editorialized product lists (Best-Sellers, Editors’ Picks, On Sale) for browsing-minded customers
• gift-giving — price-hiding packing slips, per-item gift notes and wrap pricing, and a gift-finder recommendation flow
• multiple-destinations — shipping different items in one order to different addresses, with a destination-grouped order summary
• order-tracking-and-history — self-service order history, modification, and shipment tracking
• personalized-recommendations — recommendations from deliberate signals (ratings, preference interviews) rather than noisy inferred browsing data, with privacy disclosure
• quick-flow-checkout — distraction-free checkout funnel: deal-breakers upfront, guest path, address/shipping/payment steps, pre-submission order summary, confirmation
• recommendation-community — customer reviews: a write/preview funnel, use policies and filtering, and meta-ratings for surfacing trustworthy reviews
• shopping-cart — holding area for items before checkout: persistent carts, item details, wish lists, cross-sell, localized terminology

Forms & Interaction

• action-buttons — shading a button to signal it’s clickable, leveraging real-world and learned-GUI knowledge; standardized action-verb label vocabulary
• auto-save — automatically persisting user input without an explicit save action, with save-state status indicators
• direct-manipulation — drag-based interaction for organizing sets and editing layouts, grab techniques, and movability cues
• drill-down-options — hierarchical pick lists and hierarchical menus for interdependent option sets
• floating-windows — non-blocking DHTML overlay for supplementary content; link-based vs. automatic triggers, and how it differs from a blocking modal
• form-design — visible labels, input-width affordance, option selectors, validation placement, progress indicators, and modal form tradeoffs
• loading-states — empty states, skeleton screens vs. spinners, button loading state stability, and timing patterns for fast and slow operations
• modal-dialogs — on-screen positioning, Escape/close/focus conventions, context-specific button labels, and when a full page is preferable
• page-not-found — a custom 404 page as a recovery opportunity: search, navigation, and site-map links instead of a dead end
• predictive-input — pick-list type-ahead and predictive text input, preloaded or dynamically loaded, for speeding up long or unbounded fields
• process-funnel — a step-by-step page sequence (e.g., checkout) designed to minimize distraction and drop-off, generalizing the funnel structure that quick-flow-checkout applies to e-commerce specifically
• progress-bar — step outlining, completion-state visualization, clickable vs. non-clickable step navigation, and step-specific edit links for multistep processes
• progressive-disclosure — revealing only what is needed for the current step and deferring additional detail on demand, to reduce decision load and cognitive overhead

(target-selection time and sizing draw on fitts-law; error-recovery and control/freedom draw on interface-design-principles and seven-stages-of-action — all in Principles)

Internationalization

• internationalization — URL structure for multi-locale sites, hreflang, designing for text expansion/RTL, localized date/currency/time formats, translator/localization-management practices, and cultural and legal considerations beyond translation

Navigation & Search

• breadcrumb-navigation — hierarchical trail showing location in site structure; three types (location, attribute, path); placement conventions; when breadcrumbs fail and tags are better; ARIA implementation
• browsable-content — organizing content for browsing rather than searching, information scent, and finding-your-way-back cues
• category-pages — keeping a site’s distinct sections recognizably part of one whole, via consistent layout and a clear “arrival” signal
• consistent-sidebars-of-related-content — surfacing related links in a consistently-placed, length-capped sidebar
• content-organization-schemes — five combinable schemes (hierarchical, task-based, alphabetical, chronological, popularity-based) for grouping browsable content
• embedded-links — in-text links as an exploration and skimming aid, balanced against link-count clutter
• external-links — minimizing link rot, marking off-site destinations, and when to open a new window
• filters-and-facets — narrowing a large result set by independent attributes: control-per-attribute-type, visible result counts, removable active-filter chips, and explicit AND/OR logic
• jump-menus — an expandable/collapsible navigation menu for link sets too large for a standing navigation bar
• multiple-ways-to-navigate — supporting both intention- and impulse-driven navigation (search/browse/next-step vs. relate/promote), placed according to which motivator each tool serves
• navigation-menus — menu structure reflecting site IA; signaling current page; flyout/dropdown design constraints; visual conventions; mobile menus; navigation-bar layouts (top-running, side-running, top-and-left); tab rows
• organized-search-results — relevant summaries, grouping, log-tuned terms, and task support on a search-results page
• search-action-module — a simple, consistently-placed search box + button on every page, with an optional category selector for large sites
• site-map — a comprehensive, last-resort navigation page distinct from the internal planning-artifact sitemap
• straightforward-search-forms — avoiding Boolean syntax and exact-match dead ends so search forms forgive imprecise queries
• unified-browsing-hierarchy — cross-linking a site’s content, commerce, and community sections instead of forcing navigation back through the homepage

(menu-depth and grouping guidance draws on hicks-law; the case for the conventional blue underlined link draws on affordance — both in Principles)

Privacy & Trust

• phishing-prevention — scam taxonomy, attacker techniques, and interface-level countermeasures (exposure limits, layered verification, referer-log monitoring)
• privacy-policy — footer placement and key-page prominence, the multilayered short/condensed/complete structure, COPPA provisions for children, and federal-site legal requirements
• privacy-preferences — Westin’s three-way privacy-attitude segmentation, the privacy-mirror technique, and designing disclosure/choice differently for company- vs. community-facing sharing

(raw connection security — TLS configuration, certificate management — remains out of scope; see trust-and-credibility in Principles for the design-facing side)

Responsive Design

• expanding-and-fixed-screen-width — letting a layout stretch to fill the browser vs. holding it to a fixed, readable width
• location-based-services — personalizing content by a customer’s real-time physical location: navigation guides, tagged content, social coordination, and fleet tracking, designed for privacy from the start
• mobile-first-design — sequencing strategy: design for the smallest, most constrained device first, then progressively enhance for larger screens
• mobile-input-design — reducing interaction cost on limited, imprecise mobile input: fewer elements, consistent positions, minimized text entry
• mobile-screen-sizing — the decision framework for how much to adapt a site for small screens, and minimizing scrolling by prioritizing what’s above the fold
• responsive-web-design — making pages render usably across all screen sizes via fluid grids, flexible images, and breakpoint-driven layout shifts

(touch/pointer target sizing — 48×48dp Android, 44×44pt iOS, 44×44dp pointer minimum — is covered by fitts-law in Principles)

Site Genres

*Categories of Web site, each combining several of the patterns above into a genre-specific whole.

• blogs — genre flexibility, the individual/group/community operating-model spectrum, and the reader-comments tradeoff
• community-conference — the policy decisions (usage rules, moderation, anonymity, archiving) that turn a bare message board into a trustworthy community
• educational-forums — networking students, parents, teachers, and mentors without sacrificing educational effectiveness to administrative efficiency
• enabling-intranets — role-based personalized views and workflow automation for internal company tools
• grassroots-information-sites — a single expert’s curated, comprehensive answer to a topic, credible through comprehensiveness and currency
• news-mosaics — breadth-and-depth news coverage, the time/form/audience differences from broadcast/print news, and durable per-story archiving
• nonprofits-as-networks-of-help — connecting sponsors, volunteers, staff, and beneficiaries directly rather than serving each in isolation
• self-service-government — replacing red tape and faceless bureaucracy with transparent self-service status and local-agent access
• stimulating-arts-and-entertainment — keeping entry pages conventional so experimental interaction stays confined to exhibits visitors choose to enter
• valuable-company-sites — the 95/5 homepage-space rule and organizing around customer needs rather than internal org structure
• web-apps-that-work — try-before-you-buy expectations, plain-HTML vs. richer interaction, and delay feedback for Web applications

User-Tailored Content & Accounts

• account-management — a single consolidated account page plus task-based contextual access to the same data
• customer-sessions — temporary vs. persistent sessions, cookies vs. session IDs, and the identification/authentication distinction
• email-communications — the subscription/notification distinction, high- vs. low-priority opt-out rules, and writing craft (subject lines, sender identity, plain-text vs. HTML)
• message-boards — anonymity and moderation as independent design decisions, findability within a site’s navigation, threaded vs. unthreaded views, and moderator tooling
• notifications — toast/banner/modal severity taxonomy; alert fatigue; opt-in vs. opt-out defaults; per-channel user control; push notification permission timing
• personalized-content — the general content-personalization pattern behind product recommendations: intentional (edit, interview) vs. automatic (deduce, filter) targeting, and why forcing personalization on new visitors backfires
• sign-in-and-account-creation — minimal-information account creation, forgotten-password handling, deferred sign-in, and guest accounts

Visual Design & Layout

• above-the-fold — keeping the most important content visible without scrolling, despite unknowable screen sizes
• clear-first-reads — giving each page one dominant visual element, via color/size/font/position, that unifies it
• clear-typography — legibility vs. readability distinction; typeface selection by content category; text composition (line length, leading, justification, tracking); display vs. text typography; typeface as tone signal
• data-tables — row/column header labeling with the scope attribute, table captions, right-aligning numeric columns for comparison, and splitting large datasets rather than compressing them
• grid-layout — dividing a page into a consistent row/column structure so customers can predict where things live
• page-loading-speed — cutting file count/weight, splitting large pages so the top renders first, reusing cached assets, and managing perceived vs. measured speed and layout stability
• page-template — reusable structural layout per page type (homepage, category, detail, results) that holds navigation and content regions in fixed, predictable positions across all pages of that class; global vs. individual templates, and designing template variations as small multiples of one base rather than independent designs

Website Discoverability

• favicon — brand recognition at small sizes; credibility and performance implications of missing favicons; formats (ICO/PNG/SVG), standard sizes, and mobile home-screen icons
• permalinks — generic vs. content-specific URLs, temporary URLs for sensitive content, and designing a URL that keeps working indefinitely
• seo-basics — how crawlers discover and index pages (sitemaps, robots.txt, noindex, internal linking depth); descriptive hyphenated URLs and canonicalization; title tags, meta descriptions, and heading hierarchy; content freshness, white/black/grey hat distinction, and mobile-first indexing

---

Accessibility Principles

• accessibility — designing so perceptual/physical variation among customers doesn’t lock anyone out: keyboard/motor access, assistive technology support beyond screen readers, page structure and landmark regions, motion/vestibular safety, and a six-disability-type framework (blind, low-vision, color-blind, deaf/hard-of-hearing, physical/motor, cognitive) for checking a design against who it needs to serve
• cognitive-accessibility — designing for memory, attention, and reading-comprehension differences (generous extendable time limits, no context changes on focus, plain-language abbreviation expansion, review-before-submit), plus low-numeracy and dyscalculia-specific guidance

AI Interaction Principles

• human-ai-interaction — defining human oversight roles across the autonomy spectrum (including moving control to other lifecycle stages when real-time review isn’t possible), appeal/override recourse channels (including the UK GDPR Article 22 rule against solely-automated significant decisions), distinguishing transparency/explainability/interpretability (the four explanation principles, matching detail to available time), marking AI-generated content with a consistent visual or textual signal and layered explainability popover (plus watermarking/provenance metadata for content that gets redistributed), bias amplification in human-AI judgment tasks (automation complacency, selective adherence), and a human-centered-design context-of-use framing for why bias mitigation isn’t the same problem as accessibility

Cognitive, Perceptual & Interaction Principles

• affordance — what an environment/object makes possible and perceivable (Gibson vs. Norman), signifiers, and the perceivable/hidden/false split; the case for the conventional blue underlined link
• cognitive-load — working memory capacity limits (Miller’s 7±2, Cowan’s 4±1); intrinsic vs. extraneous vs. germane load; the psychological mechanism underlying Hick’s Law, progressive disclosure, and Gestalt grouping
• emotional-design — Norman’s visceral/behavioral/reflective levels of design, and why strength on one level can’t compensate for weakness on another
• fitts-law — Paul Fitts’s 1954 law relating target-selection time to distance and target size, plus its design implications (infinite edges, magic corners, touchscreen sizing) and related laws (Hick’s Law, the steering law)
• gestalt-psychology — the perceptual-organization principles (proximity, similarity, closure, continuity, common fate, symmetry, figure-ground, law of past experience) behind grouping and focal-point design
• hicks-law — William Hick’s 1952 law relating decision time to the number of choices (logarithmically, and only when the choices are organized), with implications for menu design and progressive disclosure
• interface-design-principles — seven principles (consistency, feedback, recognition over recall, error recovery, control and freedom, accelerators, minimalism) for applying patterns across all human-facing input categories
• interface-metaphor — borrowing a real-world domain’s visuals/behavior wholesale (desktop metaphor, skeuomorphism), its history from the Xerox Alto through the Macintosh, and the contested evidence for its actual effectiveness
• keyboard-shortcuts — simultaneous vs. sequential key combinations, the early-Mac convention of never redefining a standard shortcut, and inconsistent cross-platform notation
• mental-models — a user’s internal, necessarily simplified picture of how a system works, built from prior experience and the interface’s own signals; usability problems as a mismatch between this model and actual system behavior
• motion-design — productive vs. expressive motion styles, physically-inspired easing curves (standard/entrance/exit), duration scaling by animation size, and multi-element choreography (grid-aligned paths, semantic/spatial consistency, staggered entrances, continuity elements)
• nielsens-usability-heuristics — ten broad usability principles applied through heuristic evaluation, and how they map onto this wiki’s own seven interface-design principles
• peak-end-rule — Kahneman and Fredrickson’s heuristic that an experience is remembered mainly by its most intense moment and its ending, not its total or average; duration neglect; applications to service, pricing, and checkout-flow confirmation design
• recognition-over-recall — the cognitive-science basis for the usability principle: recollection vs. familiarity, the “butcher-on-the-bus” phenomenon, and recognition’s own limits (false confidence in recognition-only testing)
• seven-stages-of-action — Norman’s action-cycle model (four execution + three evaluation stages), the gulf of execution and gulf of evaluation, and the four design principles it distills to
• undo — linear vs. non-linear undo models, Command vs. Memento pattern implementations, multi-level undo limits, and what clears a redo stack
• visual-hierarchy — ordering elements by importance using color, size, alignment, and character contrast; Von Restorff (isolation) effect; squint test for evaluation

Trust & Privacy Principles

• dark-patterns — deceptive interface techniques (bait-and-switch, drip pricing, confirmshaming, misdirection, privacy zuckering, roach motel) that trade short-term conversion for trust, and the regulatory response to them
• trust-and-credibility — earning and re-earning customer trust via legitimacy signals, data protection, reliability, and honest communication

Visual & Communication Theory

• color-theory — color mixing (RGB/CMYK), color-wheel schemes (complementary, analogous, triadic), Chevreul’s three contrast types, WCAG contrast ratios, never relying on color alone to convey meaning, and the cultural limits of color harmony and symbolism as universal design rules
• design-tokens — constraining color, spacing, typography, and other style values to a fixed, named scale rather than arbitrary per-instance choices, for visual consistency and shared designer/developer vocabulary

---

Each process below is tagged with the design stage(s) it belongs to (a filled circle marks a stage the process applies to; an open circle marks one it doesn’t). The 5-stage taxonomy is adapted from Hanington, B. & Martin, B., Universal Methods of Design.

① Planning, Scoping & Definition · ② Exploration, Synthesis & Design Implications · ③ Concept Generation & Early Prototype Iteration · ④ Evaluation, Refinement & Production · ⑤ Launch & Monitor

• ab-testing — comparing two live versions of a page differing by one variable to measure which produces better behavioral outcomes; quantitative complement to qualitative usability testing; segment-level effects can reverse the aggregate winner ①②③❹❺
• card-sorting — affinity diagramming and card sorting (open/closed/reverse/Modified-Delphi variants, semantic/syntactic analysis), turning raw research into a candidate information architecture ①❷❸④⑤
• customer-centered-design — building design decisions around customers’ existing expectations and validating them through direct observation ❶❷③④⑤
• customer-research-methods — observation (shadowing, guided tours, intercept interviews), interviews, surveys, and focus groups for learning about customers ①❷③④⑤
• design-centering-styles — competing design philosophies (company-, technology-, designer-centered) contrasted against customer-centered design; nine common organizational objections rebutted ❶②③④⑤
• goms — Goals/Operators/Methods/Selection-rules modeling for predicting skilled-user task time without a live usability test; KLM, CPM-GOMS, and the Project Ernestine case study ①②❸❹⑤
• iterative-design — the design-prototype-evaluate cycle, why late fixes are costly, and the right-feature/right-implementation framework ①②❸❹⑤
• journey-mapping — visualizing a user’s full experience across phases: actions, tools, decisions, emotions, and pain points; contrasted with service blueprints ①❷③④⑤
• know-your-customers — balancing people, tasks, technology, and social context before designing anything ❶❷③④⑤
• participatory-design — involving stakeholders directly in generating design ideas (not just evaluating them), Arnstein’s Ladder of participation, and the Scandinavian labor-movement tradition it grew from ❶❷❸④⑤
• personas-and-scenarios — fictional customers and context-rich stories used to sanity-check design decisions early ①❷❸④⑤
• rapid-prototyping — site maps, storyboards, schematics, and the low-to-high-fidelity prototyping spectrum ①②❸④⑤
• service-design — planning the people, infrastructure, and delivery process behind an entire service, not just its interface; five principles (user-centered, co-creative, sequencing, evidencing, holistic), service blueprints, and touchpoints ❶❷③④⑤
• task-analysis — cataloging what customers currently do and want to do before designing a solution ①❷③④⑤
• usability-engineering — the research-focused discipline behind usability testing: its 1988/1993 origins, the five usability attributes, ISO 9241’s definition, and the slip/mistake error taxonomy ①②③❹⑤
• usability-evaluation-methods — expert/heuristic review, informal think-aloud testing, and formal bottom-line usability studies ①②③❹⑤
• web-design-patterns — reusable problem/solution pairs for UI/UX, organized into an interconnected pattern language and grouped A–M by design-process stage ❶②❸❹⑤
• web-site-development-process — the seven-phase project process (Discovery, Exploration, Refinement, Production, Implementation, Launch, Maintenance) that embeds iterative design and customer-centered design at every stage ❶❷❸❹❺

---

Accessibility Standards

• wai-aria — WAI-ARIA: roles/states/properties metadata for custom dynamic widgets, the accessibility tree, and the Five Rules of ARIA (prefer native HTML first)
• wcag — the W3C’s Web Content Accessibility Guidelines: POUR principles, guideline/success-criteria/conformance structure, version history (1.0–3.0 draft), and jurisdiction-specific legal mandates

Platform Interface Guidelines

• human-interface-guidelines — platform-published recommendations for consistent application interfaces (visual design, interaction, text); recommendation-not-mandate framing and cross-platform examples (Apple, GNOME, KDE, Windows/Fluent Design System, Android)

Privacy & Data Law

• caloppa — the first U.S. state law requiring a posted privacy policy; conspicuous-link and disclosure requirements, and the Do Not Track disclosure amendment
• ccpa — California’s consumer-rights statute (as amended by the CPRA): know/access/delete/opt-out/correct rights, the homepage opt-out link, opt-out preference signals, and the 45-day response deadline
• coppa — parental notice and verifiable consent before collecting from a child under 13; data minimization, retention limits, and parental review/delete/refuse rights
• fair-information-practices — the legal framework behind a privacy policy: the safe-harbor seven principles and the FTC’s four recommended domestic practices
• gdpr — the EU’s regulation: lawful bases for processing, consent-UI requirements (freely given/specific/informed/unambiguous, no pre-ticked boxes), the full data-subject-rights set, Privacy by Design/Default, and 72-hour breach notification
• hipaa — protected health information: patient notice and 30-day access rights, minimum-necessary disclosure, and interface/security requirements for health-adjacent products

---

Digital.gov

• digitalgov-2026-content-introduction — Digital.gov’s six practices for useful digital content, including annual content audits and authoritativeness signals
• digitalgov-2026-interviews — Digital.gov’s human-centered design guide to running research interviews: team roles, the 5 Whys, and word-mirroring
• digitalgov-2026-plain-language — Digital.gov / PLAIN plain language guide (public domain): principles, writing (active voice, nominalizations, jargon), design for reading, and testing for clarity; new content in plain-language
• digitalgov-2026-research-methods — Digital.gov research-collaboration and HCD guides (public domain): journey mapping, contextual observation variants; new content in journey-mapping, customer-research-methods
• digitalgov-2026-usability-testing — Digital.gov’s plain-language guide to running a usability test: session structure, recruiting, and scenario writing

FBI

• ic3-2025-internet-crime-report — FBI Internet Crime Complaint Center’s 2025 Internet Crime Report (public domain): phishing/spoofing complaint and loss figures; new content in phishing-prevention

FuguUX Public (Substack)

• fuguux-2025-the-grid-structure-and-style — FuguUX Substack post on grid layout: column/modular/hierarchical grid types and why grid discipline matters (largely reinforcing grid-layout‘s existing coverage); new content in grid-layout is the case for deliberately breaking a grid once it’s established
• fuguux-2026-it-just-works-tiny-details-that-matter — FuguUX Substack post on small implementation details: input-format tolerance in sign-in fields, 2FA keyboard-focus placement and auto-submit, and Fitts’s-Law-sized container click targets; new content in form-design, sign-in-and-account-creation, and fitts-law

Google Search Central

• google-2026-title-links — Google’s own documentation on how it builds a search result’s title link (beyond the <title> tag) and the specific issues that make it override a page’s own title; new content in seo-basics

Government & Company Design Systems

• carbon-2026-design-system — IBM’s Carbon Design System accessibility, content, color, motion, and AI guideline pages (Apache License 2.0, confirmed via the carbon-website repo’s own LICENSE file): the six-disability-type accessibility framework, the sentence-case/pronoun/terms-of-ability/action-verb content guidance, role-based color tokens/themes/interaction-state rules, productive/expressive motion styles with easing/duration/choreography rules, and Carbon for AI’s consistent AI-content marker/explainability-popover/revert-to-AI guidance; new content in accessibility, plain-language, action-buttons, color-theory, motion-design, and human-ai-interaction
• govuk-2022-dyscalculia-and-low-numeracy — GOV.UK Design Notes blog post (OGL v3.0): dyscalculia and low-numeracy prevalence, and a joint DWP/HMRC accessibility poster’s dos and don’ts for designing with numbers; new content in cognitive-accessibility
• govuk-2026-design-system — GOV.UK Design System (OGL v3.0): components and patterns for accessible government services; new content in form-design, action-buttons, notifications, site-header, site-footer, breadcrumb-navigation, effective-images, and data-tables
• govuk-2025-ai-playbook — AI Playbook for the UK Government (OGL v3.0, GDS/DSIT): a plain-text chatbot-disclosure example, human-control-at-other-stages guidance for instant-response AI, the UK GDPR Article 22 automated-decision rule, and watermarking/provenance-metadata guidance for redistributed AI content; mostly governance/procurement/security process out of scope — new content in human-ai-interaction
• material-design-2026-accessibility — Google’s Material Design accessibility guidelines (Apache 2.0): alt-text writing craft, DOM-order-vs-visual-order, touch/pointer target sizing, accessibility-text labeling craft, and motion/vestibular guidance; new content in accessibility, alt-text, fitts-law, and action-buttons
• material-design-2026-color-usage — Google’s Material Design color-usage guidelines (Apache 2.0): color hierarchy and scarcity, bold-vs-subtle brand color, and state/meaning signaling; new content in color-theory
• uswds-2025-design-principles — the wiki’s first non-book source: USWDS’s five design principles, cited live (no local file) at designsystem.digital.gov
• uswds-2026-design-tokens — USWDS’s design-tokens page (CC0): constraining color/spacing/typography/etc. to a fixed, named scale; new page design-tokens
• uswds-2026-form-input-components — six USWDS component pages (CC0): date picker vs. memorable date, character count, input mask, text-input validation timing, and a deprecated live-validation component documented as a tested accessibility failure case; new content in form-design

MDN Web Docs

• mdn-2026-cognitive-accessibility — MDN’s cognitive-accessibility guide (CC BY-SA 2.5+): time-limit extension, focus/context-change rules, language/abbreviation declaration, and review-before-submit guidance; new content in cognitive-accessibility

Mozilla

• mozilla-2026-firefox-page-speed — Mozilla Metrics blog post (CC BY-SA 3.0): a 2010 A/B test finding a 2.2-second load-time cut raised Firefox download-page conversions 15.4%; new content in page-loading-speed

NIST

• nist-2020-four-principles-of-explainable-ai — draft NISTIR 8312: the four principles of explainable AI (explanation, meaningful, explanation accuracy, knowledge limits), five explanation-purpose categories, and the finding that humans meet these principles poorly themselves; new content in human-ai-interaction
• nist-2022-identifying-and-managing-bias-in-ai — NIST SP 1270: human-centered-design context-of-use framing for AI (organizational/operational/societal environment, digital divide), appeal/override recourse-channel guidance, and the automation-complacency/selective-adherence failure patterns; new content in human-ai-interaction
• nist-2023-ai-risk-management-framework — NIST’s AI Risk Management Framework (AI RMF 1.0, public domain U.S. federal work): human-AI configuration spectrum, the transparency/explainability/interpretability distinction, and bias amplification in human-AI teaming; new page human-ai-interaction
• nist-2025-aria-pilot-evaluation — NIST AI 700-2: ARIA pilot AI-evaluation methodology (annotation schemas, tester questionnaires, the CoRIx measurement tree); reviewed in full, nothing extracted — a technical evaluation-methodology report, not design guidance

Personal Research

• business-impact-cases-2026 — a compiled research spreadsheet of 130 quantified UX/business-impact case studies, tiered by evidence quality; the 30 tier A/B rows informed page-loading-speed and Further Reading additions across several other pages

Van Duyne, Landay & Hong — The Design of Sites (2006)

• vanduyne-2006-customer-centered-web-design — Ch. 1 of The Design of Sites: the business case for customer-centered design, contrasted with competing design styles and common myths
• vanduyne-2006-web-design-patterns — Ch. 2 of The Design of Sites: what Web design patterns are, their six-part format, and a worked customer-centered redesign example
• vanduyne-2006-knowing-your-customers — Ch. 3 of The Design of Sites: principles and techniques for understanding customers before designing for them
• vanduyne-2006-involving-customers — Ch. 4 of The Design of Sites: iterative design, rapid prototyping, and usability evaluation methods
• vanduyne-2006-developing-customer-centered-sites — Ch. 5 of The Design of Sites: the seven-phase process for designing, building, and maintaining a customer-centered Web site
• vanduyne-2006-site-genres — Pattern Group A of The Design of Sites: eleven of twelve site-genre patterns documented in full as new pages (news-mosaics, community-conference, self-service-government, nonprofits-as-networks-of-help, grassroots-information-sites, valuable-company-sites, educational-forums, stimulating-arts-and-entertainment, web-apps-that-work, enabling-intranets, blogs); Personal E-Commerce (A1) roadmapped Groups F/G’s already-documented patterns rather than adding new ones, so its one new nugget (a cross-channel research statistic) folded into easy-returns instead
• vanduyne-2006-creating-navigation-framework — Pattern Group B of The Design of Sites: multiple ways to navigate, browsable content, five content-organization schemes, and category pages, in full; site accessibility folded into accessibility
• vanduyne-2006-creating-powerful-homepage — Pattern Group C of The Design of Sites: the HOMEPAGE PORTAL and UP-FRONT VALUE PROPOSITION patterns, in full
• vanduyne-2006-writing-and-managing-content — Pattern Group D of The Design of Sites: page templates, content modules, headlines and blurbs, personalized content, and message boards documented in full as new/expanded pages; writing for search engines and distinctive HTML titles folded into seo-basics; inverted-pyramid writing style folded into plain-language and headlines-and-blurbs; internationalized and localized content folded into internationalization; style sheets excluded as CSS implementation
• vanduyne-2006-building-trust-and-credibility — Pattern Group E of The Design of Sites: site branding and secure connections folded into trust-and-credibility; fair-information-practices, privacy-policy, about-us-pages, email-communications, privacy-preferences, and phishing-prevention documented in full as new pages
• vanduyne-2006-basic-e-commerce — Pattern Group F of The Design of Sites: quick-flow checkout, clean product details, shopping cart, address/shipping/payment steps, order summary, order confirmation, and easy returns, in full
• vanduyne-2006-advanced-e-commerce — Pattern Group G of The Design of Sites: featured products, cross-selling, personalized recommendations, recommendation communities, multiple destinations, gift giving, and order tracking, in full
• vanduyne-2006-helping-customers-complete-tasks — Pattern Group H of The Design of Sites: process funnels, sign-in/account creation, account management, customer sessions, floating windows, FAQ pages, context-sensitive help, direct manipulation, clear forms, predictive input, drill-down options, and progress bars, in full
• vanduyne-2006-designing-effective-page-layouts — Pattern Group I of The Design of Sites: grid layout, above the fold, clear first reads, expanding/fixed screen width, and sidebars, in full
• vanduyne-2006-making-site-search-fast-and-relevant — Pattern Group J of The Design of Sites: the search box, the search form, and the search-results page, in full
• vanduyne-2006-making-navigation-easy — Pattern Group K of The Design of Sites: navigation bars, tab rows, action buttons, breadcrumbs, embedded/external links, descriptive link names, obvious links, familiar language, error prevention/messages, page-not-found pages, permalinks, jump menus, and site maps, in full
• vanduyne-2006-speeding-up-your-site — Pattern Group L of The Design of Sites: documented in full as page-loading-speed, combining L1-L6 with modern Core Web Vitals case-study evidence; perceived-speed/progress-indicator content also cross-referenced from interface-design-principles
• vanduyne-2006-the-mobile-web — Pattern Group M of The Design of Sites, the book’s last: mobile-screen-sizing, mobile-input-design, and location-based-services documented in full as new pages; period-specific specifics (WAP/WML, 2006-era device input hardware, AJAX/direct-manipulation avoidance, mobile pick-list avoidance) excluded as dated implementation detail superseded by modern touchscreen devices
• vanduyne-2006-glossary — the book’s full glossary (A–X): a terminology cross-check against existing pages, with a few minor refinements folded in

web.dev

• webdev-2026-core-web-vitals-case-studies — Google’s web.dev Core Web Vitals business-impact case-study series (CC BY 4.0): 13 real companies’ page-speed/layout-stability optimizations paired with the conversion/revenue metrics that followed; new content in page-loading-speed and mobile-first-design

Wikipedia

• wikipedia-2026-ab-testing — Wikipedia’s dedicated A/B testing article: statistical testing methods, the 2018 industry-challenges paper, and Google/Microsoft adoption history; new content in ab-testing and google
• wikipedia-2026-affordance — Wikipedia’s article on affordance: Gibson’s original sense, Norman’s 1988 design narrowing, the 2013 “signifiers” split, and Gaver’s perceivable/hidden/false categories
• wikipedia-2026-breadcrumb-navigation — three breadcrumb types (location, attribute, path), placement, separator conventions, usability limits; new content in breadcrumb-navigation
• wikipedia-2026-caloppa — Wikipedia’s article on CalOPPA: the first U.S. state law requiring a posted privacy policy, its Do Not Track disclosure amendment, and the 30-day cure period; documented in full as a new page, caloppa
• wikipedia-2026-card-sorting — Wikipedia’s article on card sorting: open/closed/reverse/Modified-Delphi variants and semantic/syntactic analysis methods; folded into card-sorting rather than a new page
• wikipedia-2026-ccpa — Wikipedia’s article on the CCPA/CPRA: coverage thresholds, consumer rights, the homepage opt-out link, and response-deadline requirements; documented in full as a new page, ccpa
• wikipedia-2026-color-theory — Wikipedia’s article on color theory: additive/subtractive mixing models, color-wheel schemes and contrast types, and cultural limits of color harmony and symbolism
• wikipedia-2026-coppa — Wikipedia’s article on COPPA: the “directed to children” test, verifiable-parental-consent methods, and data-minimization/retention rules; documented in full as a new page, coppa
• wikipedia-2026-dark-pattern — Wikipedia’s article on dark patterns: named pattern types (bait-and-switch, drip pricing, confirmshaming, misdirection, privacy zuckering, roach motel) and the EU/California/UK/US regulatory response; new content in dark-patterns
• wikipedia-2026-design-of-everyday-things — Wikipedia’s article on Don Norman’s The Design of Everyday Things: the seven-stages-of-action model, both gulfs, and the book’s role as the origin of Norman’s affordance/signifier theory
• wikipedia-2026-emotional-design — Wikipedia’s article on Norman’s Emotional Design: the visceral/behavioral/reflective levels and the Juicy Salif example; new content in emotional-design
• wikipedia-2026-error-message — Wikipedia’s article on error messages: security-conscious error-message writing (don’t leak exploitable info) and the PC LOAD LETTER cryptic-message example folded into form-design; “fail pets” (branded error mascots) folded into trust-and-credibility
• wikipedia-2026-favicon — history (IE5, 1999), formats (ICO/PNG/SVG), sizes, mobile home-screen icons, performance/security implications; new content in favicon
• wikipedia-2026-fittss-law — Wikipedia’s article on Fitts’s Law: the movement-time formula, design applications, and related laws
• wikipedia-2026-gdpr — Wikipedia’s article on GDPR: lawful bases, Article 7 consent requirements, the full data-subject-rights set, Privacy by Design/Default, and breach-notification timelines; documented in full as a new page, gdpr
• wikipedia-2026-gestalt-psychology — Wikipedia’s article on Gestalt psychology: the eight perceptual-organization principles and their interface-design applications
• wikipedia-2026-goms — Wikipedia’s article on GOMS: the four-component model, its KLM/CMN-GOMS/NGOMSL/CPM-GOMS variants, and the Project Ernestine case study; documented in full as a new page, goms
• wikipedia-2026-heuristic-evaluation — Wikipedia’s article on heuristic evaluation: Nielsen and Molich’s usability-inspection method, the ten named heuristics, and evaluator-count/independence conventions; new content in nielsens-usability-heuristics
• wikipedia-2026-hicks-law — Wikipedia’s article on Hick’s Law: the decision-time formula, menu-design implications, and its relationship to Fitts’s Law
• wikipedia-2026-hipaa — Wikipedia’s article on HIPAA: covered entities, the Privacy Rule’s notice/access/authorization requirements, and Security Rule provisions touching interface design; documented in full as a new page, hipaa
• wikipedia-2026-human-interface-guidelines — Wikipedia’s article on human interface guidelines: definition, scope, the recommendation-not-mandate framing, and cross-platform examples; documented in full as a new page, human-interface-guidelines
• wikipedia-2026-interface-metaphor — Wikipedia’s article on interface metaphors: the desktop-metaphor lineage from the Xerox Alto through the Macintosh and Windows, named examples (skeuomorphism, tree views), and the contested evidence for actual effectiveness; documented in full as a new page, interface-metaphor
• wikipedia-2026-iterative-design — Wikipedia’s article on iterative design: engineering history (PDCA, spiral development), the Marshmallow Challenge, and the case for iteration sometimes requiring a fundamentally different design; folded into the existing iterative-design page
• wikipedia-2026-keyboard-shortcut — Wikipedia’s article on keyboard shortcuts: simultaneous vs. sequential key combinations, the early-Mac convention against redefining standard shortcuts, and cross-platform notation differences; documented in full as a new page, keyboard-shortcuts
• wikipedia-2026-material-design — Wikipedia’s article on Material Design: paper/skeuomorphic design philosophy, grid/animation/depth conventions, and version history (MD1 → MD2 → MD3/Material You → Material 3 Expressive); new content in affordance (elevation) and personalized-content (wallpaper-derived theming)
• wikipedia-2026-mental-model — Wikipedia’s article on mental models: Craik’s 1943 coinage, the Johnson-Laird reasoning-theory and Gentner/Stevens HCI-usability branches, and their later HCI application; new content in mental-models
• wikipedia-2026-meta-moderation — Wikipedia’s article on meta-moderation: a second layer where members rate whether a moderator’s individual decision was fair, distributing moderation judgment instead of concentrating it in a small admin team; new content in message-boards
• wikipedia-2026-navigation-bar — Wikipedia’s stub article on navigation bars; no new content, everything it covers is already handled in more depth by navigation-menus and site-header
• wikipedia-2026-net-promoter-score — Wikipedia’s article on the Net Promoter Score: the single-question promoter/passive/detractor methodology, Reichheld’s 2003 origin, and academic criticism of its predictive validity; folded into usability-evaluation-methods rather than a new page
• wikipedia-2026-participatory-design — Wikipedia’s article on participatory design: its Scandinavian labor-movement origins, Arnstein’s Ladder of Citizen Participation, and the software field’s two distinct traditions; documented in full as a new page, participatory-design
• wikipedia-2026-peak-end-rule — Wikipedia’s article on the peak-end rule: Kahneman and Fredrickson’s snapshot model, the cold-water and colonoscopy studies, duration neglect, and business/medical/service applications; new content in peak-end-rule
• wikipedia-2026-progressive-disclosure — Wikipedia’s article on progressive disclosure: definition, macOS print dialog as the canonical example, theme park queue as a physical-world analogy
• wikipedia-2026-recall-memory — Wikipedia’s article on recall memory: the two-stage search-then-decision theory, free/cued/serial recall subtypes, primacy/recency effects, and the encoding-specificity principle; documented alongside wikipedia-2026-recognition-memory as a new page, recognition-over-recall
• wikipedia-2026-recognition-memory — Wikipedia’s article on recognition memory: the recollection/familiarity dual-process theory, the “butcher-on-the-bus” phenomenon, and a caution against recognition-only testing creating false confidence; documented alongside wikipedia-2026-recall-memory as a new page, recognition-over-recall
• wikipedia-2026-responsive-web-design — Wikipedia’s article on responsive web design: definition, three technical pillars, historical timeline (2001–2015), mobile-first design, and UI plasticity
• wikipedia-2026-search-engine-optimization — Wikipedia’s SEO article: crawling/indexing/ranking, on-page factors, mobile-first indexing, white/black/grey hat distinction, international SEO, PageRank; new content in seo-basics
• wikipedia-2026-service-design — Wikipedia’s article on service design: definition, the five design principles, the Shostack/Vandermerwe-Rada origin story, and a three-part analytical/design/collaborative methodology; documented in full as a new page, service-design
• wikipedia-2026-stroop-effect — Wikipedia’s article on the Stroop effect: the automaticity explanation for why conflicting color/text cues create friction; no dedicated concept page yet (single source, below the entity threshold)
• wikipedia-2026-system-usability-scale — Wikipedia’s article on the System Usability Scale: ten-item structure, scoring formula, and Usability/Learnability sub-scores; folded into usability-evaluation-methods rather than a new page
• wikipedia-2026-threaded-discussion — Wikipedia’s article on conversation threading: hierarchical/nested vs. linear/flat display, the hazard of offering both at once, and why subject-line-only matching is unreliable; new content in message-boards
• wikipedia-2026-typography — Wikipedia’s article on typography: legibility/readability distinction, typeface selection by content category, text composition principles, display vs. text typography, and typography as mood/tone signal
• wikipedia-2026-undo — Wikipedia’s article on the undo pattern: FRESS (1968) and Bravo (1974) origins, the Macintosh Edit-menu convention, linear vs. non-linear undo models, Command vs. Memento pattern implementations; documented in full as a new page, undo
• wikipedia-2026-usability-engineering — Wikipedia’s article on usability engineering: its 1988/1993 origins, the five usability attributes, ISO 9241, the slip/mistake error taxonomy, and the RITE method
• wikipedia-2026-usability-testing — Wikipedia’s article on usability testing: guerrilla/remote/A-B testing, the five-users claim and the Nielsen-Landauer formula, and sampling-bias limitations (disability underrepresentation, WEIRD bias); folded into usability-evaluation-methods rather than a new page
• wikipedia-2026-visual-hierarchy — Wikipedia’s article on visual hierarchy: Gestalt foundation, Von Restorff effect, four physical characteristics (color, size, alignment, character), and UX application
• wikipedia-2026-wai-aria — Wikipedia’s article on WAI-ARIA: the roles/states/properties model, the accessibility tree, the Five Rules of ARIA, and version history (2006–2023)
• wikipedia-2026-web-accessibility — Wikipedia’s overview of Web accessibility: the POUR principles, WCAG’s structure and history, assistive technologies, and global legislation
• wikipedia-2026-web-accessibility-initiative — Wikipedia’s article on WAI: founding history, the five specification families it produces, and the 71% visitor-abandonment statistic
• wikipedia-2026-web-colors — Wikipedia’s article on web colors: hex notation, named colors, CSS color models (RGB/HSL), web-safe palette history, and WCAG contrast ratios
• wikipedia-2026-web-content-accessibility-guidelines — Wikipedia’s dedicated WCAG article: version history through 2.2 and the 3.0 draft, exact success-criteria counts, and jurisdiction-specific legal mandates
• wikipedia-2026-web-navigation — Wikipedia’s article on web navigation: the hierarchical/global/local navigation vocabulary, folded into navigation-menus; everything else (history, dropdown/flyout/sitemap/anchor glossary entries) already covered elsewhere or non-actionable
• wikipedia-2026-web-typography — Wikipedia’s article on web typography: web-safe fonts, font stack fallback mechanism, generic families, web fonts vs. performance, image replacement anti-pattern