In UX design, site maps (also called content maps), provide a bird’s eye view of the structure of a website or app. Each box represents a page or screen, and lines (when they are used), with or without arrows, generally indicate direct navigation between pages/screens. The way the boxes and lines are arranged on the page represents hierarchy. In the design process, the site map can help clarify a project’s scope (how many pages?) and help project managers, designers, writers, and developers track progress. It is an important tool for collaboration on multidisciplinary teams. The site map evolves throughout the design process.
Here is a collection of site maps I have created over the years: