User interface design rules sound abstract until you see a form that wipes your answers or a button that does nothing. The most trusted list is Jakob Nielsen’s 10 usability heuristics. They are broad rules of thumb, not strict guidelines, and they still fit websites and apps today.
This guide explains each of the ten in plain words, with a practical tip for each. A short made-up example and a checklist show how to use them on a real page.
Nielsen’s 10 usability heuristics are broad rules of thumb for interface design. They cover feedback, familiar language, undo, consistency, error prevention, recognition over recall, flexibility, minimal design, helpful error messages and help content. Use them as a checklist when you review any page or screen.
⚡ Key Takeaways
- The ten heuristics are rules of thumb, not specific usability guidelines.
- Always tell users what is happening, and do it quickly.
- Use the words your users use, not internal jargon.
- Make it easy to undo and to leave an action.
- Prevent errors first, and write plain error messages for the rest.
What Are the 10 Usability Heuristics?
Jakob Nielsen first published the list in 1994. Nielsen Norman Group (NN/g) last reviewed it in January 2024. The group calls them heuristics because they are broad rules of thumb and not specific usability guidelines.
You can apply them to a website, a mobile app or a piece of software. Review one screen at a time, and ask which rule it breaks.
UI Design Rule 1: Show the Status of the System
Keep users informed about what is going on, with feedback within a reasonable time. NN/g says no action with consequences should happen without telling the user. Feedback should come as fast as possible, ideally at once.
In practice, that means loading indicators, confirmation messages and clear progress steps in a checkout.
UI Design Rule 2: Match the Real World
The design should speak the users’ language. Use words and ideas they know, not internal jargon. Follow real-world habits so that information appears in a natural order.
So, never assume that your words match your users’ words. User research shows which terms people actually use.
UI Design Rule 3: Give Users Control and Freedom
People click things by mistake. They need a clearly marked exit that does not force a long process. NN/g suggests undo and redo. It also suggests a clear way to leave the current step, such as a Cancel button.
Also, make that exit easy to find and clearly labeled.
UI Design Rule 4: Stay Consistent and Follow Standards
Users should not wonder whether different words or actions mean the same thing. NN/g describes two kinds of consistency. Internal consistency applies inside your own product. External consistency follows habits people know from other products.
For example, a shopping cart icon should look and behave the way people expect.
UI Design Rule 5: Prevent Errors
Good error messages matter, but the best designs prevent problems in the first place. Remove error-prone conditions, or check for them and ask for confirmation before the user commits.
NN/g separates slips from mistakes. Slips are unconscious errors. Mistakes come from a mismatch between the user’s mental model and the design. It advises preventing high-cost errors first, then small frustrations.
UI Design Rule 6: Favor Recognition Over Recall
Reduce the memory load by making elements, actions and options visible. Users should not have to remember information from one screen to use another. Field labels and menu items should be visible or easy to retrieve.
In fact, offering help in context beats a long tutorial that people must memorize.
UI Design Rule 7: Support Flexibility and Efficiency
Shortcuts that are hidden from beginners can speed things up for experts. NN/g lists keyboard shortcuts and touch gestures as examples, along with personalization.
As a result, one design can serve both new and experienced users.
UI Design Rule 8: Keep the Design Minimal
Interfaces should not contain information that is irrelevant or rarely needed. Every extra item competes with the useful ones and reduces their visibility. This does not mean you must use a flat style. It means keeping content and visuals focused on the essentials.
UI Design Rule 9: Help Users Recover From Errors
Error messages should use plain language with no error codes. They should state the problem and suggest a fix. NN/g also recommends clear visuals, such as bold red text, so that people notice them.
Compare “Error 4021” with “That card has expired. Check the date or use another card.” The second one helps.
UI Design Rule 10: Provide Help and Documentation
It is best if the system needs no extra explanation. Still, some help may be needed. Keep it easy to search, focused on the user’s task, concise, and written as concrete steps.
How the Rules Affect Conversions and Accessibility
Clear feedback, simple forms and helpful errors reduce friction. That is why these rules show up in conversion work. This guide on how to improve conversion rate with great UX applies them to sales pages.
However, several rules also overlap with accessibility, such as clear labels and recoverable errors. See the WCAG steps for WordPress for the technical side.
Worked Example (Made-Up)
Imagine a small online shop. Its checkout form clears all fields when a card is declined. It shows “Error 4021”. It has no way back to the cart. That form breaks several rules at once.
| Problem | Rule | Fix |
|---|---|---|
| Form clears after an error | Rule 5: Prevent errors | Keep the entered data and mark only the failed field |
| “Error 4021” message | Rule 9: Recover from errors | Write a plain message with the next step |
| No way back to the cart | Rule 3: Control and freedom | Add a clear link to return to the cart |
| No sign that payment is processing | Rule 1: System status | Show a processing message and disable the button |
This shop is made up. It shows how the ten rules turn a vague feeling into a concrete to-do list.
UI Design Rules Checklist
- Tell users what is happening, and do it quickly.
- Use your users’ words, not your team’s jargon.
- Give every action an undo or an exit.
- Follow familiar conventions, and stay consistent inside your product.
- Prevent costly errors before they happen.
- Show options instead of asking people to remember them.
- Offer shortcuts for experts without hiding the basics.
- Remove anything that does not support the main goal.
- Write plain error messages that suggest a fix.
- Keep help short, searchable and task-focused.
Conclusion
The 10 usability heuristics are old, and they still work, because people have not changed. So, pick one key page, walk through the ten rules, and fix the worst problem first. Then, test with real users.
Teams that want a second opinion can bring in dedicated UI and UX designers for a review.
Frequently Asked Questions About UI Design Rules
What are the 10 usability heuristics?
They are Jakob Nielsen’s ten broad rules for interaction design. They cover status, real-world language, control, consistency, error prevention, recognition, flexibility, minimal design, error recovery and help.
Are the heuristics strict rules?
No. Nielsen Norman Group calls them broad rules of thumb and not specific usability guidelines.
When were the heuristics published?
Jakob Nielsen published them in 1994. Nielsen Norman Group last reviewed the article in January 2024.
How do I use them on my website?
Review one screen at a time against the ten rules, list the problems, and fix the most costly first. Then check with real users.
Do the rules apply to mobile apps?
Yes. They are general principles for interaction design, so they apply to websites, apps and software.
