📒
UX Resource for UCSC Genomics Institute
  • Overview
  • Before starting
    • Think about the user
    • Review other tools
    • Write it out
  • During design
    • Create your designs
  • Getting feedback
    • Who, when, why of feedback
    • Step 1: Heuristic Evaluation
    • Step 2: Talk to users and show them your designs
    • How to do surveys
    • How to sort through feedback
  • best practices
    • Best general design
    • Basic visual design
    • Basic accessibility
  • Glossary
Powered by GitBook
On this page
  • Be Consistent
  • Create a Consistent Mental Model
  • More Resources

Was this helpful?

  1. best practices

Best general design

PreviousHow to sort through feedbackNextBasic visual design

Last updated 4 years ago

Was this helpful?

Be Consistent

Consistency is key. If your website behaves in a way consistent with itself (and with things they've seen before) it can help offload the difficult task of understanding how to interact with a tool. If every new page is completely different from the last, the user has to actively think about how to use every page, slowing them down. This consistency can also make your site appear easier to learn, as it will draw on interactions the user already knows.

Consistency isn't just about behavior, but it's also about language, labels, colors, button designs. It's really everything. If you use a word to refer to a particular type of data or a feature in one place, use that same word elsewhere.

Create a Consistent Mental Model

What is a "mental model"? A mental model is a user's internal model of how they think your tool works and what they expect to do with your tool. This model is likely quite different from how your tool works behind-the-scenes. While designing your tool, it is important to keep your user's mental model in mind and keep to it as closely as possible, or otherwise make it clear what the model is for your application.

When making the model for your application visible to the user, it is good to ground it in familiar tasks. These can be from either elsewhere on the web (screen loading bar) or from real life (odometer-like gauge to show how fast something is running).

More Resources

The Principles of Design and Their ImportanceToptal Design Blog
10 Principles Of Good Web Design — Smashing MagazineSmashing Magazine
Logo
https://uxdesign.cc/design-principle-consistency-6b0cf7e7339fuxdesign.cc
Web Page Design: A Comprehensive Guide | Adobe XD IdeasIdeas
Mental Models and User Experience DesignNielsen Norman Group
Logo
Logo
Logo