Design Tool - Sitemap

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. Does a sitemap show the structure of a website or app?

A False

B True

2. Are sitemaps usually created before or after development begins?

A Before

B After

3. Do sitemaps typically show links between pages?

A False

B True

4. Can a sitemap help identify missing pages in a plan?

A Yes

B No

5. Are sitemaps the same as functional requirements?

A False

B True

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1Boxes representing pages, connected by lines showing links		AHierarchy
2A homepage box with several sub-pages branching beneath it		BSitemap
3A diagram used to plan website structure before development		CSitemaps should show links between pages to represent navigation
4A line connecting two pages to show they are linked		DSitemap
5The team built the website first, then tried to map its structure		EA sitemap should be planned before development, not after
6A sitemap was drawn with no lines connecting any of the pages		FLink

Definitions

Sitemap

Fill in the Blanks

Complete each line of code by filling in the missing parts.

1. _____ 2. Links 3. Hierarchy

1. Pages 2. _____ 3. Hierarchy

1. Pages 2. Links 3. _________

A sitemap shows the _________ of a website

Sitemaps help plan __________ before development

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A A sitemap shows the structure of a website.

B Pages are shown, often connected by lines.

C A sitemap can never show how pages link together.

D It helps plan navigation before development begins.

Question 2

A Sitemaps are usually created early in a project.

B Sitemaps are only ever created after launch.

C They help teams agree on site structure in advance.

D This planning reduces confusion during development.

Question 3

A A homepage is often shown at the top of a sitemap.

B Other pages branch out below it.

C This shows the hierarchy of the site.

D A sitemap must always be drawn as a single straight line.

Question 4

A Sitemaps can help identify missing pages early.

B They also show which pages link to which.

C This can reveal gaps in planned navigation.

D Sitemaps have no relevance to website navigation at all.

Question 5

A A sitemap can be drawn as a simple diagram.

B It typically uses boxes to represent pages.

C Boxes are usually connected with lines showing links.

D Sitemaps can only be created using expensive software.

Answer Key

Design Tool - Sitemap

Section A: Quick Questions

B — True

A — Before

B — True

A — Yes

A — False

Section B: Match the Pairs

Boxes representing pages, connected by lines showing links → Sitemap

A homepage box with several sub-pages branching beneath it → Hierarchy

A diagram used to plan website structure before development → Sitemap

A line connecting two pages to show they are linked → Link

The team built the website first, then tried to map its structure → A sitemap should be planned before development, not after

A sitemap was drawn with no lines connecting any of the pages → Sitemaps should show links between pages to represent navigation

Section C: Definitions

Sitemap — A diagram showing the structure of a website or app, displaying pages and how they connect to one another

Section D: Fill in the Blanks

1. Pages
2. Links
3. Hierarchy

1. Pages
2. Links
3. Hierarchy

1. Pages
2. Links
3. Hierarchy

A sitemap shows the structure of a website

Sitemaps help plan navigation
 before development

Section E: Spot the Error

C — A sitemap's main purpose is to show how pages link together, not to hide those connections.

B — Sitemaps are usually created early, before development, not only after launch.

D — Sitemaps are usually drawn as branching diagrams, not as a single straight line.

D — Sitemaps are directly relevant to navigation, since they show how pages connect and how users move between them.

D — Sitemaps can be sketched by hand or created with free tools — they don't require expensive software.