notes
1 min read

What a directory can teach you about hierarchy

A list of links is one of the oldest interfaces on the web. It's also one of the hardest to get right.

  • Design
  • Web

A directory is just a list. That’s the whole trick, and the whole difficulty. There’s no carousel to hide behind, no card grid to pad things out. Just names, one after another, and the quiet question of what deserves your eye first.

I keep coming back to directories because they expose hierarchy better than almost any other layout. If the order is wrong, you feel it immediately. If the spacing is off, the page feels cheap. There’s nowhere to hide.

Rank is a design decision

The moment you number a list, you’ve made an editorial claim. Number one isn’t just first — it’s best, or most popular, or most recommended. Readers treat it that way whether you intended it or not.

That means the ranking rule has to be visible. Popularity, recency, price, difficulty — each one tells a different story about the list. A directory that hides its logic ends up feeling arbitrary, no matter how good the entries are.

Spacing does the sorting

In a good list, the eye lands on the name, then the metadata, then the next name. That rhythm comes almost entirely from spacing, not from font size. A little more air above a group, a little less inside a row, and suddenly the page reads itself.

The best lists I’ve seen use type sparingly:

  • One size for the primary label.
  • One smaller, quieter size for metadata.
  • A single accent reserved for the active state.

Everything else is alignment and restraint.

One row, one decision

The final lesson is about interaction. A directory row should do one thing when you interact with it. Not open a preview, not expand, not play a video in place. Just take you there.

The web is full of interfaces that forget this. Every added behaviour costs a little clarity. A list that respects the single decision feels faster than it is — and it’s usually the one people bookmark.