6 essential articles from the Nielsen Norman Group Information Architecture (IA) knowledge base. It starts with a clear definition of IA: IA is the practice of organizing, categorizing, and labeling content and designing relationships between content (it is not a single deliverable, but an ongoing optimization process). There are three core axes: ① The three models of IA — Visible Navigation (Front Stage, including menus/links/breadcrumbs/accordions, aligned with users' mental models) / Underlying IA Structure (Back Stage, the blueprint of full-site page relationships ≈ Sitemap) / Taxonomies & Metadata (concept relationship maps that organize 'concepts' rather than 'content', more technical); it also clarifies IA vs sitemap (IA is the overall practice including Content Inventory, Content Audit, IA UX research such as Card Sorting/Tree Testing, and taxonomy labels, while a sitemap is only its visual output, with nngroup.com as an example using 3 levels of blue/green/yellow nodes). ② Structural choices — Flat vs Deep Hierarchies: flat structures offer strong visibility and low interaction cost but cause information overload; deep structures keep the top level concise but increase cognitive load and lengthen click paths; examples include the New Zealand government's flat structure with 15 top-level categories vs Ernst & Young's deep structure with 5 top-level categories (11 subcategories under Services, 10 further subdivisions under Consulting); the conclusion is to avoid extremes, moderately flat structures outperform moderately deep structures, and user research is key. ③ Navigation and content page implementation — Left-Side Vertical Navigation (accommodates multiple categories, is extensible, easy to scan, users devote 80% of their attention to the left half of the screen; Abel Restaurant uses 13 categories, Slack/Gmail also use it; counterexamples include Accenture hiding everything under a single 'Services' item, Nua Bicycles with a content-to-chrome ratio changing from 5:1 to 12:1; 5 best practices: prominent left alignment / no duplicate navigation / icons paired with text / long menu optimization / mobile adaptation); full Taxonomy workflow (Controlled Vocabulary, hierarchical, non-extensible, supports Faceted Navigation as used by the US Library of Congress and search suggestions as used by the World Bank; compared with Thesaurus and Ontology, 8-step construction method at BARTOC.org); 5 common mistakes on privacy policy/terms of service pages (obscure language, lack of overview, poor typography with font size below 14pt, incomplete navigation, placement not matching user expectations; positive examples include LinkedIn/eBay/Google, counterexamples include Forever21/Ameren/Spotify using all caps). Target audience: product managers, with in-line explanations of jargon, decision-oriented (when to use/how to choose/counterexamples).
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).
