Site map

A site map shows how the pages of a website or app are organized. In the example, Home branches into Classes, About and Help, each with its own pages.

It gives designers and developers a shared overview of the structure before they design individual screens.

Base the groups and labels on how users think about the content, for example by running a card sort.