Wiki Index

Patterns

Concrete, reusable solutions to a recurring UI or content problem — the patterns themselves, independent of the theory that motivates them.

Content

  • About Us Pages — the three questions visitors implicitly ask, and ten background-content categories (profile, contact, legal, PR, and more) that answer them
  • AI Content Marking — a single consistent, scope-matched visual marker and disclosure-calibration framework; text disclosure and layered explanation popover for when a marker won’t survive; a revert-to-AI affordance; C2PA machine-readable provenance (manifests, ingredients, hard/soft binding) for content that circulates independently; and binding legal disclosure minimums (EU AI Act Article 50)
  • 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
  • Live Chat Support — presenting webchat as one contact channel with a disclosed wait time, humanizing the adviser to resolve human-vs-bot trust doubt, and ARIA-live/labeling/skip-link accessibility patterns tested against real screen readers
  • 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
  • Social Sharing — handing a share action off to the device’s own share mechanism instead of a row of per-network buttons, a per-network fallback where no device mechanism exists, and sharing a page’s canonical URL rather than the sender’s own address
  • 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
  • Empty States — matching a scenario (no data, no results, success, creation, required configuration, no access, back-end failure) to the right level of detail, a consistent icon/heading/body/action structure, and screen-reader-safe element replacement
  • Error Messages — validation timing (on submit, not while typing), placing errors near the field they concern with aria-describedby, and writing clear, recoverable, non-leaking error text
  • 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, and progress indicators
  • Loading 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; select-only vs. editable comboboxes, the four ARIA autocomplete behaviors, and the underlying role/aria-expanded/aria-activedescendant wiring
  • 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's Law; error-recovery and control/freedom draw on Interface Design Principles and Seven Stages of Action — all in Principles)

Interaction Modalities

Patterns for interacting outside a conventional flat, two-handed, screen-and-mouse/touch session.

  • AI Chat Interface — chat-window structure (container, toggle, header, message list, footer); per-message AI marking; a “thinking” indicator for a response still generating; citation cards for retrieval-augmented sources; attachment preview/edit; response-reaction controls (feedback, copy, share, listen); and conversation-design writing rules for pacing, framing, and closing a message
  • Spatial Interface — comfort-first placement within a person’s field of view, safe distances from real objects, motion design that avoids sensory-mismatch sickness, multimodal input (hand/eye/voice/controller), distance-legible type and target sizing, and display-specific (opaque vs. additive) color design
  • Voice User Interface — turn-taking cues borrowed from human conversation, discoverability without a visible menu, spoken-language style rules, confirmation calibrated to cost of error, error recovery with nothing to point at, earcon usage, and when to fall back to a screen
  • Wearable Interface — scoping to one or two critical tasks, canonical round-screen layout types, glanceable tile/complication design, truncation-safe text at the smallest supported screen, user-configurable-type-scale testing, one-handed gesture restraint, and wrist-appropriate notification urgency

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 (Navigation Page) — 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 Hick's Law; the case for the conventional blue underlined link draws on Affordance — both in Principles)

Privacy & Trust

  • Cookie Consent Banner — equal-prominence accept/reject, granular default-off category toggles, keeping consent separate from terms and conditions, and withdrawal-with-same-ease design
  • Preventing Phishing Scams — 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's 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
  • Passwordless Authentication — introducing passkeys at the right moment, benefit-before-technology and alternative-not-replacement framing, consistent labeling/iconography, unified sign-in and settings-page legibility, and risk-calibrated biometric re-authentication
  • 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
  • Dark Theme — dark grey surfaces instead of true black, conveying elevation via a lighter overlay rather than shadow alone, desaturating primary/secondary colors, a stricter dark-surface contrast floor, and deliberate theme toggling
  • Dashboard Design — presentation vs. exploration dashboard types, F-pattern importance hierarchy, five standard card types (aggregate status, trend, utilization, details, events), the dashbar pattern, a six-step layout process, and dynamic-card sizing
  • 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
  • Data Visualization — matching chart type to what the data represents, differentiating series by more than color, testing a palette in greyscale, and pairing every chart with an accessible table
  • 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
  • Search Engine Optimization — 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

Principles

The underlying theories, laws, and cognitive models that the patterns above are built on.

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

Cognitive, Perceptual & Interaction Principles

  • Affordance — what an environment/object makes possible and perceivable (Gibson vs. Norman), signifiers, the perceivable/hidden/false split, and knurling as a physical affordance/signifier pairing; the case for the conventional blue underlined link
  • Change Blindness — the failure to notice a visual change happening right in front of you (Chabris and Simons’ 1999 “invisible gorilla” experiment), and why an interface update that’s technically present but not visually salient goes unnoticed the same way
  • 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
  • Error Prevention and Recovery — slip vs. mistake diagnosis; eliminating error-prone conditions with forcing functions and constraints (poka-yoke); detecting what elimination can’t reach; mitigating what can’t be prevented (confirmation with a harmless default, reversibility, detect-and-suggest)
  • Fitts's 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, connectedness, closure, continuity, common fate, symmetry, figure-ground, law of past experience) behind grouping and focal-point design
  • Gulfs of Execution and Evaluation — Norman’s gulf of execution (intent vs. allowable actions) and gulf of evaluation (effort to tell whether an action worked), predating and later mapped onto Seven Stages of Action‘s cycle, plus the four design principles that narrow them
  • Hick's 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
  • Modal vs. Modeless Interfaces — interface states where the same input means different things (Tesler’s and Raskin’s definitions); mode errors and why they happen; quasimodes as a mitigation; real-world mode-confusion incidents (Air France 447, USS John S. McCain); design recommendations
  • Motion Design — choosing motion for a specific communicative purpose, productive vs. expressive motion styles, physically-inspired easing curves (standard/entrance/exit), classic animation principles (squash and stretch, anticipation, follow-through, arcs), duration scaling by animation size, and multi-element choreography (grid-aligned paths, semantic/spatial consistency, staggered entrances, continuity elements, forward/back direction reversal)
  • 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) and the film-projector story that motivated it, used as a stage-by-stage diagnostic checklist for design review
  • Stroop Effect — the interference between two conflicting automatic cues (naming ink color while a word insists on a different one), the emotional-Stroop variant showing the mechanism isn’t color-specific, and its generalization to any interface with competing cues in working memory (a de-emphasized primary button, a control placed against convention)
  • 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; preattentive processing and why pop-out fails once a target differs by two features at once; squint test for evaluation

Human-AI Interaction Principles

  • Explainable AI — distinguishing transparency/explainability/interpretability, the four explanation principles (explanation, meaningfulness, explanation accuracy, knowledge limits), a six-type explanation taxonomy with process-based/outcome-based split, contextual factors for prioritizing among them, matching detail to available time, and risk-calibrated model choice
  • 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), four named human-AI-configuration failure patterns (automation complacency, selective adherence, algorithmic aversion, emotional entanglement), and a human-centered-design context-of-use framing for why bias mitigation isn’t the same problem as accessibility

Information Architecture Principles

  • Information Architecture — the four systems (organization, labeling, navigation, search) that structure a site’s content for findability; a named eight-principle checklist (objects, choices, disclosure, exemplars, front doors, multiple classification, focused navigation, growth); and how card sorting and affinity diagramming produce a candidate structure for validation

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
  • White Space — the deliberately unmarked portion of a layout as an active design element: positive/negative visual weight, figure-ground reversal (Rubin’s vase, the FedEx arrow), lowercase-vs-all-caps legibility, and spacing as a relationship/hierarchy signal

Processes

Design methodology: how to learn about users and run a design project.

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.

Key
  1. Plan
  2. Explore
  3. Concept
  4. Evaluate
  5. Launch
  • A/B 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
  • Affinity Diagramming — clustering raw research notes on a wall-sized surface into a hierarchy of groups and super-groups, seeding a site’s first candidate information architecture
  • Card Sorting — open/closed/reverse/Modified-Delphi variants and semantic/syntactic analysis, turning customer vocabulary into a candidate information architecture
  • Contextual Inquiry — a structured, principle-driven field visit (context, partnership, interpretation, focus) for observing and discussing real work in a user’s own environment, followed by a dedicated interpretation session to build shared findings
  • 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
  • Heuristic Evaluation — three to five expert evaluators independently judging an interface against Nielsen’s ten usability heuristics, then merging findings; evaluator roles, severity rating, and other named heuristic sets
  • 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
  • NASA-TLX — the NASA Task Load Index: a six-subscale subjective workload questionnaire, its pairwise-weighting scoring formula, the Raw TLX variant, and administration format effects
  • 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
  • Storyboarding — a rough, sketched sequence of pages showing how a person carries out one task, deliberately kept low-fidelity and often paired with a scenario or persona; the “design comics” variant and its place across prototyping and the development process
  • Task Analysis — cataloging what customers currently do and want to do before designing a solution
  • Usability Engineering — the research-focused discipline behind usability testing: 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

Standards

Formal external specifications and legal/regulatory frameworks that the patterns and principles above are designed to conform to, rather than design theory in their own right.

Accessibility Standards

Platform Interface Guidelines

  • Design System — an organization-scoped counterpart to a platform HIG; the pattern-language/design-language/UI-kit distinction, design tokens as its shared vocabulary, and why an unmaintained design system degrades instead of staying neutral
  • 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

Sources

The external and internal sources cited, grouped by origin.

Academic Coursework & Independent Study

C2PA

  • C2PA and Content Credentials Explainer — the Coalition for Content Provenance and Authenticity’s own plain-language guide to Content Credentials: manifests, ingredients (including a generative-AI prompt as an input ingredient), hard vs. soft binding, and durability through redistribution; see AI Content Marking

Digital.gov

European Union

FBI

FTC

FuguUX Public (Substack)

Google Assistant

  • Google Conversation Design Guide (Assistant Actions) — Google’s Conversation Design guide for Assistant Actions (CC BY 4.0): conversation-design-as-its-own-discipline framing, human turn-taking research, four discovery pathways, spoken-language style rules, confirmation calibrated to cost of error, three-way error-recovery escalation, earcon guidance, and visual-component fallback rules; see Voice User Interface

Google Search Central

Government & Company Design Systems

HHS

ICO

  • Explaining decisions made with AI (ICO & The Alan Turing Institute) — ICO & The Alan Turing Institute’s “Explaining decisions made with AI” (OGL v3.0): a six-type explanation taxonomy (rationale, responsibility, data, fairness, safety-and-performance, impact) with a process-based/outcome-based split, five contextual factors for prioritizing among them, layered and dialogue-based explanation delivery, and before/after-decision explanation timing; see Explainable AI
  • Guidance on the Use of Storage and Access Technologies (ICO) — ICO’s guidance on cookies and similar technologies (OGL v3.0): equal-prominence accept/reject consent mechanisms, granular default-off category toggles, the ban on bundling consent with terms and conditions, the legitimate-interests-toggle dark pattern, withdrawal-with-same-ease requirements, and a six-month re-prompt guideline; see Cookie Consent Banner

MDN Web Docs

Mozilla

NASA

  • NASA Task Load Index (TLX) — NASA’s own page for the NASA Task Load Index (TLX), public domain U.S. federal government work: the six-subscale weighted-average workload score, its origin and application settings, and open-source paper/iOS-app availability; see NASA-TLX

NIST

OSTP

  • Blueprint for an AI Bill of Rights — White House OSTP’s “Blueprint for an AI Bill of Rights” (public domain, U.S. federal work): risk-calibrated model choice, tailoring an explanation to its purpose, and stating an explanation’s error range (see Explainable AI), plus opt-out notice, proportional human-fallback staffing, propagating a reversed decision through its downstream effects, immediate fallback for time-critical systems, and training human reviewers against automation bias (see Human-AI Interaction)

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

W3C

web.dev

Wikipedia