<!-- Free part of the ihumane UX design module, generated from pro/ux-design/ by scripts/build-free.js. Edit pro/ux-design/, not this file. -->

# 2 · Structure: what goes where, and how people find their way

**Information architecture** is what goes where and what it's called: which
pages exist, how they're grouped, and the words on the menus.
**Navigation** is how people move around that structure, and how they find
their way back. Both are invisible when they work. When they don't, people
say "I can't find it" about something that's right there.

You know the structure because you built it: you know that "Workspace"
holds billing. The person doesn't, and they arrive from a search result or
an email link, not from your home page.

---

> **In ihumane Pro** (https://ihumane.ai/#pricing):
> - N1 · Group and name things the way the person thinks
> - N2 · Each label says clearly what's behind it

### N3 · Every page says where you are
**Rule:** Every page shows, without scrolling:
- **its name**: one heading, matching the menu label (N2) and the browser
  tab's title;
- **its place**: the current item in the navigation is marked, visibly and
  with `aria-current="page"`; pages more than two levels deep also show a
  breadcrumb (the trail of parent pages, like "Projects › Website ›
  Members");
- **its owner**, when it belongs to something: "Members of Website", not
  just "Members";
- **the step**, inside a flow: "Step 2 of 4" or a step list (UI design D3).

A person who lands on the page from a search or a shared link, with no
history, must be able to tell where they are and go up one level.
**Why:** People arrive in the middle more often than at the top. Without
signs of where they are, they can't tell whether this is the page they
wanted, and can't find it again later.
**Agent trap:** the menu highlights items on hover but has no current state.
A deep link to `/projects/42/settings/members` shows a page titled
"Members" and nothing else: members of what? The browser tab says "React
App".
**Check:** open a deep page in a fresh, signed-in tab, with no history.
Can you tell which product, which section and which item you're in, and
how to go up? Run `checks/wayfinding.js`.

> **In ihumane Pro** (https://ihumane.ai/#pricing):
> - N4 · Back up, and back to where they were
> - N5 · The most used things are closest
> - N6 · One home for each thing, many ways to reach it
> - N7 · Every place people come back to has its own address
