Skip to content

Browse Graph About FAQ

Patterns 106

Content 16

About Us Pages
AI Content Marking
Alt Text
Content Modules
Context-Sensitive Help
Effective Images
Frequently Asked Questions
Headlines and Blurbs
Homepage Portal
Live Chat Support
Plain Language
Printable Pages
Site Footer
Site Header
Social Sharing
Up-Front Value Proposition

E-commerce 11

Clean Product Details
Cross-Selling and Up-Selling
Easy Returns
Featured Products
Gift Giving
Multiple Destinations
Order Tracking and History
Personalized Recommendations
Quick-Flow Checkout
Recommendation Community
Shopping Cart

Forms & Interaction 15

Action Buttons
Auto-save
Direct Manipulation
Drill-Down Options
Empty States
Error Messages
Floating Windows
Form Design
Loading States
Modal Dialogs
Page Not Found
Predictive Input
Process Funnel
Progress Bar
Progressive Disclosure

Interaction Modalities 4

AI Chat Interface
Spatial Interface
Voice User Interface
Wearable Interface

Internationalization 1

Internationalization

Navigation & Search 16

Breadcrumb Navigation
Browsable Content
Category Pages
Consistent Sidebars of Related Content
Content Organization Schemes
Embedded Links
External Links
Filters and Facets
Jump Menus
Multiple Ways to Navigate
Navigation Menus
Organized Search Results
Search Action Module
Site Map (Navigation Page)
Straightforward Search Forms
Unified Browsing Hierarchy

Privacy & Trust 4

Cookie Consent Banner
Preventing Phishing Scams
Privacy Policy
Privacy Preferences

Responsive Design 6

Expanding and Fixed Screen Width
Location-Based Services
Mobile-First Design
Mobile Input Design
Mobile Screen Sizing
Responsive Web Design

Site Genres 11

Blogs
Community Conference
Educational Forums
Enabling Intranets
Grassroots Information Sites
News Mosaics
Nonprofits as Networks of Help
Self-Service Government
Stimulating Arts and Entertainment
Valuable Company Sites
Web Apps That Work

User-Tailored Content & Accounts 8

Account Management
Customer Sessions
Email Communications
Message Boards
Notifications
Passwordless Authentication
Personalized Content
Sign-In and Account Creation

Visual Design & Layout 11

Above the Fold
Clear First Reads
Clear Typography
Dark Theme
Dashboard Design
Data Tables
Data Visualization
Grid Layout
Icons
Page Loading Speed
Page Template

Website Discoverability 3

Favicon
Permalinks
Search Engine Optimization

Principles 31

Accessibility Principles 2

Accessibility
Cognitive Accessibility

Cognitive, Perceptual & Interaction Principles 21

Affordance
Change Blindness
Cognitive Load
Emotional Design
Error Prevention and Recovery
Fitts's Law
Gestalt Psychology
Gulfs of Execution and Evaluation
Hick's Law
Interface Design Principles
Interface Metaphor
Keyboard Shortcuts
Mental Models
Modal vs. Modeless Interfaces
Motion Design
Peak-End Rule
Recognition Over Recall
Seven Stages of Action
Stroop Effect
Undo
Visual Hierarchy

Human-AI Interaction Principles 2

Explainable AI
Human-AI Interaction

Information Architecture Principles 1

Information Architecture

Trust & Privacy Principles 2

Dark Patterns
Trust and Credibility

Visual & Communication Theory 3

Color Theory
Design Tokens
White Space

Processes 23

A/B Testing
Affinity Diagramming
Card Sorting
Contextual Inquiry
Customer-Centered Design
Customer Research Methods
Design-Centering Styles
GOMS
Heuristic Evaluation
Iterative Design
Journey Mapping
Know Your Customers
NASA-TLX
Participatory Design
Personas and Scenarios
Rapid Prototyping
Service Design
Storyboarding
Task Analysis
Usability Engineering
Usability Evaluation Methods
Web Design Patterns
Web Site Development Process

Standards 10

Accessibility Standards 2

WAI-ARIA (Accessible Rich Internet Applications)
Web Content Accessibility Guidelines (WCAG)

Platform Interface Guidelines 2

Design System
Human Interface Guidelines

Privacy & Data Law 6

CalOPPA (California Online Privacy Protection Act)
CCPA / CPRA (California Consumer Privacy Act / California Privacy Rights Act)
COPPA (Children's Online Privacy Protection Act)
Fair Information Practices
GDPR (General Data Protection Regulation)
HIPAA (Health Insurance Portability and Accountability Act)

Sources 169

Academic Coursework & Independent Study 2

Animation in the Interface (CMU 05-430 Programming Usable Interfaces, Lecture 22)
Applying Animation: An Independent Study on Motion in Mobile App Interfaces

C2PA 1

C2PA and Content Credentials Explainer

Digital.gov 6

Federal chatbot and virtual-assistant case studies (Digital.gov)
An Introduction to Content (Digital.gov)
Interviews (Digital.gov Human-Centered Design Guide)
Plain Language Guide (Digital.gov / PLAIN)
Research Collaboration and HCD Guide Series (Digital.gov)
Usability Testing (Digital.gov Plain Language Guide)

European Union 2

EU AI Act — Article 50 (Transparency Obligations)
Regulation (EU) 2016/679 — General Data Protection Regulation (EUR-Lex official text)

FBI 1

2025 Internet Crime Report

FTC 3

Bringing Dark Patterns to Light (FTC Staff Report)
Complying with COPPA: Frequently Asked Questions (FTC)
Children's Online Privacy Protection Rule: A Six-Step Compliance Plan for Your Business (FTC)

FuguUX Public (Substack) 9

Fitts's Law: Why Every UX Practitioner Should Know It
The Grid - Structure and Style
Affordances and Signifiers (FuguUX Blog Post)
Grouping Elements: Turning Visual Chaos into Intuitive Design
It Just Works: Tiny Details That Matter in UX Design
Preattentive Processing in UX Design, or the Magic of Making Things Pop Out
The Importance of Information Visualization
The Vanishing Act: How Change Blindness Affects Your Users (and What to Do About It)
When Your Design (Inadvertently) Fights Your Users

Google Assistant 1

Google Conversation Design Guide (Assistant Actions)

Google Search Central 3

Core Web Vitals (Google Search Central)
SEO Starter Guide (Google Search Central)
Influencing Title Links in Google Search (Google Search Central)

Government & Company Design Systems 29

Android Developers: Passkey Design Patterns and Biometric Authentication
Wear OS Design Guidelines (Android Developers)
Android XR Design Guidelines (Android Developers)
Carbon Design System: Accessibility, Content, Color, Motion, Spacing, and Icon Guidelines (IBM)
Carbon Design System: Empty States and Dashboards (IBM)
GOV.UK Webchat Alpha: User Research and Accessibility Patterns
Designing for people with dyscalculia and low numeracy
AI Playbook for the UK Government
accessible-autocomplete (GOV.UK Design System)
Contextual Research and Observation (GOV.UK Service Manual)
GOV.UK Design System
Designing Good Government Services: An Introduction (GOV.UK Service Manual)
Good Icons Should Be Invisible (Home Office Digital)
Keyboard Accessibility (Home Office Design System)
Loading Spinner (Home Office Design System)
Accessibility (Material Design)
Color usage (Material Design)
Dark theme (Material Design)
Icons: Avoid Temptation and Start with User Needs (NHS Digital)
Icons (NHS Digital Service Manual)
Icons (ONS Design System)
PatternFly AI: Conversation and Chatbot Guidelines (Red Hat)
PatternFly: Empty State and Dashboard Design Guidelines (Red Hat)
Icons (Scottish Government Design System)
Design Principles (U.S. Web Design System)
Design Tokens (U.S. Web Design System)
USWDS Components: Date Picker, Memorable Date, Character Count, Input Mask, Text Input, Validation
Icon (U.S. Web Design System)
Autosave (VA.gov Design System)

HHS 2

Summary of the HIPAA Privacy Rule (HHS.gov)
Individuals' Right under HIPAA to Access their Health Information (HHS.gov)

ICO 3

Explaining decisions made with AI (ICO & The Alan Turing Institute)
Guidance on the Use of Storage and Access Technologies (ICO)
What Is Valid Consent? (ICO)

MDN Web Docs 7

Accessibility and Spatial Patterns (MDN Web Docs)
Personalization to Help Browse Safely (MDN Web Docs)
Cognitive accessibility (MDN Web Docs)
Web Accessibility: Understanding Colors and Luminance (MDN Web Docs)
Using ARIA for Labels with Embedded Fields (MDN Web Docs)
Responsive Web Design (MDN)
MDN: Web Share API

Mozilla 1

Mozilla Metrics: Firefox Download Page Speed, Part II

NASA 1

NASA Task Load Index (TLX)

NIST 4

Four Principles of Explainable Artificial Intelligence (Draft NISTIR 8312)
Towards a Standard for Identifying and Managing Bias in Artificial Intelligence (NIST SP 1270)
AI Risk Management Framework (AI RMF 1.0)
AI Risk Management Framework: Generative Artificial Intelligence Profile (NIST AI 600-1)

OSTP 1

Blueprint for an AI Bill of Rights

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

The Design of Sites: Ch. 1 — Customer-Centered Web Design: More Than a Good Idea
The Design of Sites: Ch. 2 — Making the Most of Web Design Patterns
The Design of Sites: Ch. 3 — Knowing Your Customers: Principles and Techniques
The Design of Sites: Ch. 4 — Involving Customers with Iterative Design
The Design of Sites: Ch. 5 — Processes for Developing Customer-Centered Sites
The Design of Sites: Pattern Group A — Site Genres
The Design of Sites: Pattern Group B — Creating a Navigation Framework
The Design of Sites: Pattern Group C — Creating a Powerful Homepage
The Design of Sites: Pattern Group D — Writing and Managing Content
The Design of Sites: Pattern Group E — Building Trust and Credibility
The Design of Sites: Pattern Group F — Basic E-Commerce
The Design of Sites: Pattern Group G — Advanced E-Commerce
The Design of Sites: Pattern Group H — Helping Customers Complete Tasks
The Design of Sites: Pattern Group I — Designing Effective Page Layouts
The Design of Sites: Pattern Group J — Making Site Search Fast and Relevant
The Design of Sites: Pattern Group K — Making Navigation Easy
The Design of Sites: Pattern Group L — Speeding Up Your Site
The Design of Sites: Pattern Group M — The Mobile Web
The Design of Sites: Glossary

W3C 2

Making Content Usable for People with Cognitive and Learning Disabilities (W3C WAI-COGA)
Combobox Pattern (W3C WAI-ARIA Authoring Practices Guide)

web.dev 4

web.dev: Building an Adaptive Favicon
web.dev: Core Web Vitals Business-Impact Case Studies
web.dev: Passkey User Experience Design
web.dev: Integrate with the OS Sharing UI with the Web Share API

Wikipedia 68

12 Basic Principles of Animation (Wikipedia)
A/B Testing (Wikipedia)
Affordance (Wikipedia)
Breadcrumb navigation (Wikipedia)
California Online Privacy Protection Act (Wikipedia)
Card Sorting (Wikipedia)
California Consumer Privacy Act (Wikipedia)
Cognitive Load (Wikipedia)
Color Theory (Wikipedia)
Contextual Design (Wikipedia)
Contextual Inquiry (Wikipedia)
Children's Online Privacy Protection Act (Wikipedia)
Dark pattern (Wikipedia)
The Design of Everyday Things (Wikipedia)
Design system (Wikipedia)
Emotional Design (Wikipedia)
Error message (Wikipedia)
Error-Tolerant Design (Wikipedia)
Faceted Search (Wikipedia)
Favicon (Wikipedia)
Fitts's Law (Wikipedia)
General Data Protection Regulation (Wikipedia)
Gestalt Psychology (Wikipedia)
GOMS (Wikipedia)
Heuristic evaluation (Wikipedia)
Hick's Law (Wikipedia)
Health Insurance Portability and Accountability Act (Wikipedia)
Human Interface Guidelines (Wikipedia)
Information architecture (Wikipedia)
Interaction Design Pattern (Wikipedia)
Interface Metaphor (Wikipedia)
Iterative Design (Wikipedia)
Keyboard Shortcut (Wikipedia)
Material Design (Wikipedia)
Mental Model (Wikipedia)
Meta-moderation system (Wikipedia)
Modal Window (Wikipedia)
Mode (User Interface) (Wikipedia)
NASA-TLX (Wikipedia)
Navigation bar (Wikipedia)
Negative space (Wikipedia)
Net Promoter Score (Wikipedia)
Participatory Design (Wikipedia)
Peak-End Rule (Wikipedia)
Poka-yoke (Wikipedia)
Progressive disclosure (Wikipedia)
Recall (Memory) (Wikipedia)
Recognition Memory (Wikipedia)
Responsive Web Design (Wikipedia)
Search engine optimization (Wikipedia)
Service Design (Wikipedia)
Storyboard (Wikipedia)
Stroop Effect (Wikipedia)
System Usability Scale (Wikipedia)
Thread (online communication) (Wikipedia)
Typography (Wikipedia)
Undo (Wikipedia)
Usability Engineering (Wikipedia)
Usability Testing (Wikipedia)
Visual Hierarchy (Wikipedia)
WAI-ARIA (Wikipedia)
Web Accessibility (Wikipedia)
Web Accessibility Initiative (Wikipedia)
Web Colors (Wikipedia)
Web Content Accessibility Guidelines (Wikipedia)
Web navigation (Wikipedia)
Web Typography (Wikipedia)
White space (visual arts) (Wikipedia)

#preattentive-processing

1 page tagged with this

Sources

Preattentive Processing in UX Design, or the Magic of Making Things Pop Out visual-hierarchy · perception · attention

UX Knowledge Base

All rights reserved fuguUX Copyright© 2026

Contact Us

support@fuguux.com

Privacy Policy · FAQ