Resources
UX FundamentalsBeginner3 min read

Organize a Page Around the Decisions It Supports

Use a service-directory example to connect information hierarchy, comparison, and wayfinding without forcing every page into the same marketing layout.

By Design Audit Team · Updated

Give the page a job more specific than “engagement”

Imagine a directory of local repair services. Visitors need to establish whether a provider covers their area, handles their appliance, and offers a suitable appointment. A large introductory story may be attractive but cannot replace these answers.

Write down the decisions in sequence. For this page: identify eligible providers, compare relevant differences, inspect a provider, then request an appointment. That sequence gives the layout a reason for its order.

Group by the question being answered

A card that scatters service area, supported appliances, and availability across separate decorative regions makes comparison laborious. Group the eligibility information together and present equivalent facts consistently across providers.

Do not impose the same hierarchy on every page. A provider detail page needs more explanation than the directory; a booking confirmation needs status and next steps rather than another persuasive introduction. Coherence comes from supporting the task, not repeating the same composition.

Keep context visible as people move

After opening a provider and returning to the directory, a visitor should be able to understand where they are and continue their comparison. Losing the selected filters or current results can create unnecessary reconstruction work.

Selected filters, result counts, meaningful headings, and recognizable provider names help maintain that context. An empty result should explain whether no provider matches the criteria and offer a relevant way to adjust them.

Check the structure with realistic content

Review providers with long names, incomplete information, and different availability. If the comparison depends on every card having exactly three short lines, it may not survive ordinary content changes.

Then ask someone unfamiliar with the page to find a provider for a concrete scenario. Observe where they look and what information they still need. Their route through the page can reveal a mismatch that a tidy layout alone will not expose.

Review checklist

  • Name the decisions the page supports.
  • Keep comparable facts in consistent locations.
  • Preserve context when someone moves between results and details.
  • Use realistic long, missing, and conflicting content.
  • Check whether a person can find an eligible option for a concrete scenario.

References and further reading

Apply the guidance to a public page

Choose relevant evaluations and inspect the captured evidence before deciding what to change.