The five golden rules of web design are consistency, simple navigation, clear feedback, easy error recovery, and user control. They come from Ben Shneiderman’s eight golden rules of interface design and work as a checklist for any San Antonio business website. Test each rule on a phone: open three pages, find your contact page, submit a form, make a mistake, and try to undo it.
Last Updated: October 20, 2026
Table of Contents
- Where Do the Golden Rules of Web Design Come From?
- Step 1: Keep Your Design Consistent on Every Page
- Step 2: Make Navigation Simple to Follow
- Step 3: Give Clear Feedback for Every Action
- Step 4: Help Visitors Recover From Errors
- Step 5: Keep Visitors in Control
- Which Mistakes Break the Golden Rules Most Often?
- How to Audit Your Website Against the Five Golden Rules
- Put the Five Golden Rules to Work on Your Website
- Frequently Asked Questions
Visitors can usually tell within a few clicks whether a website is easy to use. When pages look different, buttons give no response, or a form wipes out everything after one typo, many of them leave for another site.
The five golden rules of web design give you a short, tested way to catch those problems before your visitors do. They come from interface research refined over three decades, and you can check each one on your own site in minutes.
At Texas Web Design, we’re a San Antonio web design and digital marketing agency, and we design every site from scratch to load fast and read well on phones. This guide explains where the rules come from, how to apply each one in order, and how to audit your site against all five.
Where Do the Golden Rules of Web Design Come From?
The golden rules of web design come from Ben Shneiderman of the University of Maryland’s computer science department. He first published golden rules of interface design in 1985, and our five are the ones from his current eight (in the 2016 sixth edition of *Designing the User Interface*) that a business website needs most.
| Our Rule | Shneiderman Rule | What It Looks Like on a Business Site |
|---|---|---|
| 1. Consistency | Strive for consistency | The same header, buttons, colors, and menu order on every page |
| 2. Simple navigation | Reduce short-term memory load | The menu stays visible, so visitors never have to remember where things are |
| 3. Clear feedback | Offer informative feedback; Design dialogs to yield closure | Buttons react when tapped, and forms end on a clear confirmation message |
| 4. Error recovery | Prevent errors | Forms flag the one wrong field and keep everything else the visitor typed |
| 5. User control | Permit easy reversal of actions; Keep users in control | Visitors can close popups, pause video, and undo a cart change in one tap |
| Part of every step | Seek universal usability | Every check runs on a phone as well as a desktop |
Shneiderman says his rules need tuning for each design domain, so we fold three of them into the other five. Our San Antonio web design team builds every site from a blank page, the easiest point to apply all five.
Step 1: Keep Your Design Consistent on Every Page
Consistency means the same header, colors, fonts, buttons, and menu order on every page of your site. Shneiderman’s first rule asks for identical terminology and consistent color, layout, and fonts throughout, so visitors learn your site once instead of relearning it on each page.
Google’s Cumulative Layout Shift (CLS) score measures how much a page jumps while loading, a related check on visual stability. If you’re still picking a platform with shared templates, here is why WordPress is still a smart choice.
Check it:
- Open 3 different pages and compare the header, footer, and buttons side by side.
- Confirm colors, fonts, and spacing match across the site.
- Load each page on a phone and note anything that jumps after it appears.
Step 2: Make Navigation Simple to Follow
Simple navigation lets a first-time visitor find what they need without stopping to think. Shneiderman’s rule on short-term memory load says website locations should remain visible, so keep your menu where people expect it and label each link by what the page holds.
Our guide on how to improve website navigation covers menus and labels in detail. On phones, menus must work for a thumb, which is one reason responsive web design matters. The W3C’s WCAG 2.2 standard sets a 24 by 24 CSS pixel minimum for tap targets.
Check it:
- Time how long a new visitor takes to reach your contact page.
- Read each menu label and ask whether it says what the page contains.
- Tap every menu item on a phone.
Step 3: Give Clear Feedback for Every Action
Every click, tap, and form submission should get a visible response, such as a button that changes state, a loading indicator, or a confirmation message. Shneiderman adds that a group of actions should end with closure, like the confirmation page at the end of an online checkout.
Google measures part of this with Interaction to Next Paint (INP), which replaced First Input Delay as a Core Web Vital on March 12, 2024.
Check it:
- Submit your contact form and confirm a clear thank-you message appears.
- Tap your main buttons on a phone and watch for a visible change.
- Join your newsletter and see whether the result is obvious.
Step 4: Help Visitors Recover From Errors
Good error recovery stops mistakes before they happen and makes the rest easy to fix. Shneiderman’s example is a form that flags an invalid zip code and lets the visitor repair only that field, instead of retyping the whole name and address.

Write error messages that say what to fix, such as “Please check your email address” instead of “Error 422.” Dropdowns and date pickers prevent many errors in the first place.
Check it:
- Submit your form with a wrong email format and read the error message.
- Confirm everything else you typed is still there after the error.
- Look for helper text beside tricky fields like phone numbers.
Step 5: Keep Visitors in Control
User control means visitors decide what happens on the page. Give them popups they can close, video that stays silent until they press play, and actions they can undo, since Shneiderman notes that reversible actions relieve anxiety and encourage people to explore unfamiliar options.
Auto-playing sound, slideshows that advance while someone is reading, and tiny close buttons all take that control away.
Check it:
- Close every popup and notice with one tap on a phone.
- Remove an item from the cart and confirm you can add it back.
- Check that any background video has a visible pause or mute button.
Which Mistakes Break the Golden Rules Most Often?
The mistakes we see most often on small-business websites are PDF menus, competing calls to action, video that plays with sound, and button styles that change between pages. Each one breaks a single golden rule, which tells you what to fix first.
- PDF menus: Slow and hard to read on a phone, which breaks simple navigation.
- Competing calls to action: Four offers asking at once hide the next step.
- Video with sound: Takes control away before the visitor chooses to watch.
- Changing button styles: A green Add to Cart button that turns gray at checkout breaks consistency right before the sale, as our guide to designing e-commerce sites that convert explains.
How to Audit Your Website Against the Five Golden Rules
To audit your website against the five golden rules, run the check under each step on a phone and write down every issue. Then confirm the numbers in PageSpeed Insights or the Core Web Vitals report in Google Search Console, and fix what affects the most visitors first.
Google’s web.dev guidance calls a page good when it meets all three targets at the 75th percentile of page loads:
- Largest Contentful Paint (LCP): 2.5 seconds or less, for loading speed.
- Interaction to Next Paint (INP): 200 milliseconds or less, for feedback.
- Cumulative Layout Shift (CLS): 0.1 or less, for visual stability.
Our San Antonio SEO services build on the same fundamentals. If your list is long, read when a full website redesign makes sense first.
Put the Five Golden Rules to Work on Your Website
The five golden rules come down to one test: can a visitor use every page without thinking about how it works? Run the checks on a phone, fix what affects the most visitors, and measure your Core Web Vitals again.
At Texas Web Design, we build every site with fast performance, mobile-first layouts, and obvious calls to action. Call us today to plan your next website update, or tell us about your project through our contact form.
Frequently Asked Questions
What are the five golden rules for web design?
The five golden rules for web design are consistency, simple navigation, clear feedback, easy error recovery, and user control. They are drawn from Ben Shneiderman’s eight golden rules of interface design and work as a short checklist for any business website.
What are the 8 golden rules of UI design?
Ben Shneiderman’s 8 golden rules of interface design are: strive for consistency, seek universal usability, offer informative feedback, design dialogs to yield closure, prevent errors, permit easy reversal of actions, keep users in control, and reduce short-term memory load. He first published golden rules in 1985 and revised them through 2016.
What are the 7 principles of web design?
There is no single official list of 7 principles of web design, and the lists you find online vary by source. Most lists share the ideas in Shneiderman’s golden rules: consistency, clear navigation, feedback, error prevention, and user control. Treat any numbered list as a checklist.
What is website design?
Website design is the planning of how a site looks and works: its layout, menus, colors, fonts, buttons, and forms. Good website design lets a visitor find information and take the next step without stopping to think, which is what the five golden rules check page by page.
How do you create a website?
To create a website, decide what each page must help a visitor do, then plan the menu and pick a platform. Design one consistent template, write the pages, and test every page on a phone against the five golden rules. After launch, check Core Web Vitals in PageSpeed Insights.
How do I build a website that is easy to use?
Build an easy-to-use website by keeping one layout on every page, a visible menu with plain labels, and a clear response to every tap. Forms should flag only the field that needs fixing, and visitors should be able to close, pause, or undo most actions.
Why do web design rules matter?
Web design rules matter because they turn opinions into checks anyone can run. Visitors expect every page to work the same way, so a site that follows tested rules lets them finish tasks without relearning the site. Shneiderman’s rules were refined over three decades of experience.
What are the rules for website design?
The core rules for website design are to keep pages consistent, make navigation simple, respond to every action, help visitors fix mistakes, and leave them in control. Beyond those, make each page readable on a phone, fast to load, and clear about the next step.
