NNGroup Interaction Patterns · Navigation and Search (25 patterns · Global Navigation/Local Navigation/Breadcrumbs/Hamburger Menu/Contextual Menu/Menu 17 Guidelines/Tabs/Accordions/Footer/Sticky Header/Table of Contents/In-Page Links/Spatial Memory/Site Search/SERP/Filters/Pagination/Tree Testing)
Nielsen Norman Group navigation and search interaction pattern knowledge base: 25 curated articles clustered into 7 thematic sections, targeted at product managers, with inline term explanations and decision-oriented guidance (when to use/how to choose/counterexamples). ① Global and wayfinding navigation: Breadcrumbs (11 guidelines · supplement not replace · show hierarchy not session path · last item unclickable · not for flat sites · full path on desktop, only parent level on mobile)/Local Navigation (sibling + child levels · inverted-L layout · switch to breadcrumbs beyond 2–3 levels · do not outshine global navigation)/Spatial Memory (stable layout + repeated interaction · neighborhood-level vs house-number-level · avoid adaptive interfaces · wide shallow hierarchy · minimap/thumbnail overviews). ② Menu forms: Hamburger Menu (2015 old judgment of reduced usability → now recognized but still adds one extra step cost · standard three horizontal lines + top-left corner + add Menu label · 11 guidelines)/Contextual Menus (kebab vertical three dots/meatball horizontal three dots · only place secondary non-critical actions · close to content · ≤10–12 items · no gear icon no hamburger trigger · use tooltip if content is invisible before click)/Magnifying-Glass Icon (saves space on mobile but reduces discoverability on desktop · keep text box ≥27 characters on desktop · top-right corner · support both Enter key and click to submit)/17 UX Guidelines for Menu Design (show navigation on large screens · indicate current location · click better than hover · avoid multi-level cascades, use mega menus · fix menu on long pages). ③ In-page content organization: Tabs (do not mix navigation tabs and in-page tabs · clear selected state · tab list above panel · 1–2 words · sort by frequency, default to first position)/Accordions (progressive disclosure · reduces clutter and page length · fragmented access + poor discoverability · suitable for FAQs/step-by-step flows/mobile long pages · not for full reading/short content/deep hierarchy/continuous reading)/Tabs vs Accordions choice (few long sections use Tabs · many short sections use Accordions · neither suitable for cross-block comparison)/In-Page Links (anchor links/jump links · only worthwhile on long pages · label 'Table of Contents/On this page' · comparison with collapsible panels/tabs as alternatives)/Table of Contents (ToC) (decision tree: main body vs sidebar · sticky vs non-sticky · vertical/horizontal/multi-column · clear labels · link labels match section titles · include back to top · boost SERP sitelinks). ④ Global elements: Footers 101 (7 component types: utility links/doormat navigation/secondary tasks/sitemap/testimonials & awards/sub-brands/user engagement + infinite scroll mini footer + contextual footer · hierarchy ≤2 levels · do not collapse into accordion footers)/Sticky Headers (fully sticky vs partially sticky · maximize content proportion 16pt/1cm · opaque high contrast · animation 300–400ms to avoid stalker menu · evaluate if truly needed)/Mobile Subnavigation (collapsible panels <6 subcategories/section menus 6–15/category landing pages >15 · sequential menus cause disorientation + physical back button trap). ⑤ Search behavior: Keyword Foraging (search before searching · not knowing term names · faceted systems teach terms · do not invent branded neologisms like SmartClean)/Search Engines Shape Gaze: Google vs Baidu (SERP evolution · Baidu right sidebar low relevance causes banner blindness · changing mental models takes ~1 year). ⑥ Search results and features: Complex SERP Pinball Pattern (shift from linear scanning to jumping · first position click rate 51%→28% · top three 59% · sixth 36% · research tasks 20% clicks below the fold · page two only 2%)/Three Major SERP Features: Featured Snippets + People Also Ask + Knowledge Panels (signposts/attention grabbers/query refinement/quick answers · site search can learn from them · featured snippets 74% attention rate)/Enriched Suggestions (only used 7 times out of 60 · misaligned with search mindset · slow loading · banner blindness · mistaken for promotions · keep plain-text autocomplete)/Intranet Search (high expectations low trust · explicit search box not icon · single search box · separated results · date metadata · fixed results · pagination not infinite scroll · equal emphasis on design and process). ⑦ Filtering and evaluation: Filter Categories and Values (two components: category + value · appropriate/predictable/jargon-free/prioritized · layered filtering · add tooltips for terms)/Alternatives to Pagination (infinite load vs show more · use infinite only for <40 items · show total/loaded/remaining counts · remember position for bounce back · Amazon still uses traditional pagination for massive catalogs)/Tree Testing (unmoderated task testing for IA labels · success rate <40 poor/61–80 good/>90 excellent · directness · first click · Polyhierarchy · vs card sorting).