Good navigation is the fastest way to earn trust. When visitors can find the right page within seconds—on a phone, tablet, or desktop—they spend less time guessing and more time deciding.
“The question is not what you look at, but what you see.”
If you’re searching for a menu structure, you’re probably asking: How many items should I show? Which pages belong in the top menu? And when should I use dropdowns—or keep it simple?
Navigation problems are one of the most common usability blockers on small business websites. Research-backed usability guidance consistently points to clear information hierarchy and predictable navigation as core drivers of task success—especially on mobile (when screens are smaller and attention is shorter). For practical references, see Nielsen Norman Group’s usability basics and W3C’s guidance on understanding user needs.
In this guide, I’ll show a lean, device-friendly menu approach: how many top-level items to use, which pages usually deserve a spot, when dropdowns help (and when they don’t), and how to label menu items in plain English. You’ll also get a sample menu structure for business, artist, and charity sites.
Table of contents
- The ideal number of top-level menu items for a small site
- Which pages usually deserve a place in the main menu
- When to use dropdowns (and when not to)
- How to label menu items in plain English
- A sample menu structure for business, artist, and charity sites
The ideal number of top-level menu items for a small site
For small sites, the menu should behave like an index—not a catalog. A good decision rule is:
| Site size | Top-level items (main menu) | What this protects |
|---|---|---|
| Very small (1–3 core pages) | 2–4 | Instant clarity on mobile |
| Small business / portfolio (5–10 supporting pages) | 4–6 | Fewer “where is it?” moments |
| Growing content hub (still not enterprise) | 6–8 (only if labels stay obvious) | Navigation doesn’t become a second job |
Decision criteria: if a menu item doesn’t point to a visitor’s most common task (learn, contact, view work, support/donate, or get help), it probably belongs lower on the page or inside a dropdown.
Lean doesn’t mean hiding—place the right page
Lean navigation is not “minimal content.” It’s prioritized content. Visitors don’t have time to interpret a complicated menu; they need the page they came for.
Use internal links to guide choices: start from your home page, then point people to the next logical step, such as about and contact.
Which pages usually deserve a place in the main menu
On most small business, artist, and charity websites, the top menu should include pages that match the visitor’s intent.
1) Home
Home is the default “starting point.” Keep it visible so visitors can reset when they land from search or social.
2) About
About helps visitors decide whether they trust you. Make sure the page answers: What you do, who you help, and how to work with you.
3) Contact
Contact is the “conversion” page for every non-buying intent: questions, partnerships, booking, donations, and support. If you only choose a few pages for the top menu, contact is usually one of them.
4) Services / What you offer
If your site has defined offerings, this belongs in the main menu. A single clear label like Services (or What We Do) is usually better than multiple overlapping items.
Optional, depending on what people need most
- Portfolio / Work (artists, studios, and design-focused businesses)
- Support / Donate (charities and community organizations)
- Latest News (if you publish frequently and it matters for decision-making)
- FAQ (if questions repeatedly block enquiries)
Rule of thumb: every top menu item should answer “Where do I go to do the thing I’m trying to do?” If you can’t answer that in one sentence, it’s a candidate for removal or consolidation.
When to use dropdowns (and when not to)
Dropdowns are useful when you have more pages that belong under a single category—but they add friction if overused. Think of dropdowns as a tool for grouping, not an excuse to increase the number of top-level items.
| Use dropdowns when… | Avoid dropdowns when… |
|---|---|
| You have a clear parent category (e.g., “Services”) | Your menu becomes “hover-dependent” on desktop |
| There are 3–6 subpages that all support one main task | Visitors have to scan many levels to find a simple page |
| Your labels are short and predictable | Sub-items repeat or overlap (people don’t know where to click) |
Mobile test: if the navigation becomes hard to reach or easy to mis-tap on a phone, simplify. Many small sites do better with a straightforward list and one level of grouping.
How to label menu items in plain English
Labeling is where most “menu clutter” is born. Clear labels reduce bounce because people understand what they’ll get before they click.
Use action and intent labels
- Contact (not “Inquiries” if your visitors don’t search that way)
- Services (not “Capabilities” unless your audience uses that language)
- Portfolio or Work (depending on your audience’s expectations)
- Support / Donate (charity intent should be obvious)
Keep labels unique and non-overlapping
Duplicate or near-duplicate labels (“Services” and “Our Services”) don’t help. When labels repeat, visitors assume the pages will overlap—or they don’t bother.
Prefer short names that still feel specific
A menu item should be understandable out of context. If you need a subtitle every time, the label is probably too vague.
A sample menu structure for business, artist, and charity sites
Below are simple, mobile-friendly options that keep navigation lean while still covering common visitor needs.
| Site type | Suggested main menu (4–6 items) | What goes under dropdowns (optional) |
|---|---|---|
| Business (services) | Home • About • Services • Contact | Under Services: “Web Design”, “E-commerce” (only if you truly have distinct pages) |
| Artist / studio (portfolio) | Home • About • Portfolio / Work • Services (commissions) • Contact | Under Portfolio: “Recent work”, “Projects by type” (max 4–5 sub-items) |
| Charity (support + trust) | Home • About • Support / Donate • Programs • Contact | Under Support: “Donate once”, “Volunteer”, “Ways to help” |
Decision check (quick): If your top menu feels crowded, remove the least-used item first—then make sure that removed page is still easy to reach from home and relevant content sections.
Conclusion: pick clarity over completeness
A lean menu isn’t a limitation—it’s a promise: visitors won’t have to hunt for the basics. Aim for 4–6 top-level items, use dropdowns only when you’re grouping related pages, and label everything in plain, visitor-first language.
- Top menu: cover the main intents (learn, view work/services, contact, support)
- Dropdowns: use them for a single category, not for general clutter
- Labels: short, specific, and non-overlapping
- Test: check mobile usability before you lock the menu
If you want a safe next step, choose the scenario that matches your site: business, artist, or charity—and start by drafting just those 4–6 items. Then review whether each one answers the visitor’s “what’s next?” question on a phone.
Further reading: Usability fundamentals (Nielsen Norman Group), W3C guidance on understanding user needs, and MDN: What is accessibility.