Navigation Design
13 articles
Navigation Design
The Guardian UX Teardown: Color-Coded Stories and a $12 Ask at Both Ends of the Visit
A UX teardown of The Guardian's signed-out reading flow: kicker colors that follow the type of story, a $12 reader-support ask above every page we opened, and a header where the only visible 'Search' is a jobs link.
TYPENORMLabs · 6 min · October 1, 2026
Information Architecture
Mobbin UX Teardown: The Answer Is Always One Click Down
A UX teardown of Mobbin's signed-out browse flow: a platform switcher that leaves the model alone, a topic that gets three names in three hops, and a flow gallery that hides the one annotation worth paying for.
TYPENORMLabs · 7 min · September 14, 2026
Information Architecture
Stripe Docs UX Teardown: Everything Is Executable Until the Lights Go Out
A UX teardown of Stripe's signed-out documentation flow: a sandbox key in the hero, an AI block that buries the code example, a sample that breaks its own rule on line 5, and an API reference that changes every rule without saying so.
TYPENORMLabs · 6 min · September 20, 2026
Navigation Design
Quick Links: Designing Shortcut Navigation
A quick links module is a shortcut to the handful of destinations people actually came for. How to choose what goes in it, how many slots to give it, where it sits, and when to take it away.
TYPENORMLabs · 8 min · September 20, 2026
Interaction Design
Mobile App Design Patterns That Work
The mobile app design patterns that hold up in daily use: bottom navigation, thumb-sized targets, bottom sheets, honest loading states, permission timing and forms that respect a phone keyboard.
TYPENORMLabs · 8 min · September 19, 2026
Information Architecture
GitHub UX Teardown: Search to Source File in Five Screens
A UX teardown of GitHub's signed-out repository browse flow: an exact repository name that still returns 4.8k results, a latest-commit row at every level of the tree, a folder listed twice, and an edit button on a generated file.
TYPENORMLabs · 5 min · September 19, 2026
Information Architecture
WIRED UX Teardown: One Category Template, Three Different Jobs
A UX teardown of WIRED's category pages: the same template runs Business, Science and Reviews, and what each one puts in its first rail gives away what the section is actually for.
TYPENORMLabs · 5 min · August 31, 2026
Visual Hierarchy
Washington Post UX Teardown: An Honest Offer, Parked on the Headline
A UX teardown of The Washington Post's signed-out reading flow: the subscription card publishes both prices and the renewal terms, then centres itself over three lines of the headline it's selling.
TYPENORMLabs · 5 min · September 9, 2026
Information Architecture
Netflix UX Teardown: Selling the Interface by Withholding It
A UX teardown of Netflix's signed-out product: the public title page is the member detail page with the play button swapped for an email field — and the one place the technique stops working.
TYPENORMLabs · 5 min · September 1, 2026
Navigation Design
Zara UX Teardown: The Homepage That Doesn't Scroll
A UX teardown of Zara's public store: a homepage one screen tall, navigation reduced to grey hairlines, and a catalog that won't quote a price until you type into the search box.
TYPENORMLabs · 7 min · August 16, 2026
Information Architecture
What Is a Taxonomy in Information Architecture?
A taxonomy is the agreed set of categories and labels a product files things under. What it is, how it differs from an ontology and a folksonomy, the three shapes it can take, and how to build one from card sorts instead of a whiteboard.
TYPENORMLabs · 7 min · July 31, 2026
Navigation Design
Mega Menus — When and How to Use Them
A mega menu shows a site's whole structure in one panel. Here's when a mega menu earns that space, when a plain dropdown wins, and how to build one that's fast, scannable, and accessible.
TYPENORMLabs · 6 min · July 15, 2026
Navigation Design
Breadcrumb Navigation — Patterns & Best Practices
Breadcrumbs show a user where they are and how they got there. Here are the three breadcrumb patterns, when each earns its place, and the accessibility and SEO details most teams miss.
TYPENORMLabs · 6 min · July 16, 2026
In the TYPENORMSchool library
- Breadcrumb · Patterns
- Pagination · Patterns
- Table of contents · Patterns
- Jakob's Law · UX laws
Explore the map
Related industries