5 proven sets of design principles and how I use them

Tried and true guidelines for crafting high quality designs whether you’re a new designer or seasoned pro

Patrick Morgan
UX Collective

--

Pablo Picasso quote: “Learn the rules like a pro, so you can break them like an artist.”

Articulating why a design is good is always a challenge.

Even the veterans sometimes struggle to find the words!

Luckily, there are a number of common sets of design principles that provide practical starting points for analyzing designs and expressing what’s successful or unsuccessful about them.

While senior designers tend to internalize these principles through years of practice, for everyone else, it’s helpful to have a quick reference you can open up when it’s time to review. This post is meant to provide that reference.

It’s important to note that design principles are not immutable laws of nature; they’re rules of thumb that tend to result in better work.

Think of them as suggestions from a trusted mentor: you should probably take their advice, at least until you’re very confident in your own skills and experience.

The following five sets of principles are the ones I’ve turned to the most in my decade of creating digital products. They aren’t a silver bullet for every scenario you’ll face, but they’re tried and true and have been useful for me.

I hope you find them useful too.

A list of Dieter Rams’ 10 principles for good design
Source: OnlyOnceShop

1. Dieter Rams’ 10 principles for good design

Overview

Industrial designer Dieter Rams was concerned about the poorly designed and unnecessary products that he saw on the rise during the latter half of the 20th century. By capturing his 10 principles, Rams aimed to offer clear guidelines that designers could follow to make their work more effective, responsible, and enduring.

How I use them

Rams’ principles are great for discussing why a design works or doesn’t work at a high level.

I find them particularly useful for making product design analysis approachable for anyone in business (which is why I use them routinely in my articles! 😇).

Few products nail every principle, but if you let one lead the way and build up a couple of others as support, you’re likely headed toward a good design.

The principles

  1. Good design is innovative
  2. Good design makes a product useful
  3. Good design is aesthetic
  4. Good design makes a product understandable
  5. Good design is unobtrusive
  6. Good design is honest
  7. Good design is long-lasting
  8. Good design is thorough down to the last detail
  9. Good design is environmentally friendly
  10. Good design is as little design as possible

Resources

A visual list of Nielsen Norman group’s 10 usability heuristics
Source: Michal Langmajer via UX Collective

2. Nielsen-Norman usability heuristics

Overview

Rooted in decades of user experience research, the Nielsen-Norman heuristics offer a good reference for creating intuitive and user-friendly digital interfaces.

How I use them

I use the Nielsen-Norman heuristics as a first line of defense for sticking the landing with interface usability.

When I’m new to a product it can be helpful to use them as a foundation for auditing how the experience might be improved.

I also find them useful for guiding software engineers toward making smarter user experience decisions even in the absence of much direct design support.

Ultimately, if your software holds up well against these heuristics, you’re probably doing pretty well for yourself.

The principles

  1. Visibility of system status
  2. Match between the system and the real world
  3. User control and freedom
  4. Consistency and standards
  5. Error prevention
  6. Recognition rather than recall
  7. Flexibility and efficiency of use
  8. Aesthetic and minimalist design
  9. Help users recognize, diagnose, and recover from errors
  10. Help and documentation

Resources

A graphic of the four principles of accessibility: perceivable, operable, understandable, robust
Source: Straive

3. W3C accessibility principles

Overview

A cornerstone of inclusive design, the W3C accessibility principles emphasize the importance of creating digital products that work for every user, regardless of ability or impairment.

How I use them

I find the W3C principles to be most useful when I’m trying to communicate tangible reasons why to prefer one design execution over another.

Particularly in environments where I’m either the only designer or one of few, being able to tie visual design executions to compliance standards gives me more support to back up design choices that may otherwise be seen as purely qualitative.

The principles

  1. Perceivable: Information and user interface components must be presented in ways all users can perceive.
  2. Operable: Users must be able to interact and navigate easily.
  3. Understandable: Information and the operation of the user interface must be clear.
  4. Robust: Content must be robust enough to be interpreted by a wide variety of user agents, including assistive technologies.

Resources

A graphic spelling the word Gestalt, where each letter reflects a gestalt principle in action
Source: Toptal

4. Gestalt principles

Overview

Delving into the psychology of perception, the Gestalt principles help designers understand how humans interpret visual information, ensuring that digital interfaces align with innate cognitive patterns.

How I use them

I reference Gestalt principles when I need to get specific about visual design.

By aligning my work with natural human perception, Gestalt principles help me to make interfaces that are more intuitive and approachable. They give me clear levers I can pull to guide my audience’s focus.

These are the most scientific and objective of the principles included in this post, so they’re worth a little extra attention.

The principles

  1. Proximity: Objects close to each other are perceived as a group.
  2. Similarity: Similar objects are often seen as a group.
  3. Continuity: The eye is drawn to continuous lines and shapes.
  4. Closure: We tend to see complete figures even when part of the information is missing.
  5. Figure-ground: We distinguish between a figure (object of focus) and its surrounding background.
  6. Common Fate: Elements moving in the same direction or displaying similar motion are perceived to be more related than those that are stationary or move in different directions.
  7. Symmetry & Order: People will perceive and interpret ambiguous or complex images in the simplest form possible.

Resources

A list of the Tenets of Humane Technology from the Center for Humane Technology
Source: Center for Humane Technology

5. Tenets of Humane Technology

Overview

The Center for Humane Technology’s tenets are an important new set of guidelines for modern product creators.

They push technologists to think beyond engagement metrics and prioritize genuine human well-being.

They leave behind the era of “move fast and break things”, ushering in a future where technology works with, rather than against, our human nature.

How I use them

I use these principles as a guide for considering the ethical impact of choices I make when creating new technologies. They may be lofty, but they’re worth striving for.

The principles

  1. Respect human nature: ”How can technology work with, rather than against, our innate vulnerabilities and biases?”
  2. Minimize harmful externalities: “How do economic forces affect products, and how can product teams reduce harmful side effects?”
  3. Center on values: “How do the conditions of our lives shape our values and how might metric-driven product development be centered on our values?”
  4. Create shared understanding: “How can technology foster the trust and understanding we need to solve complex problems together?”
  5. Support fairness and justice: “How can technology enable a more just world, and integrate the voices of people who experience harm?”
  6. Help people thrive: “How can products help people act in alignment with their deeper intentions, rather than optimizing for engagement?”

Resources

If you got some value from this post, consider sharing it, subscribing to my newsletter, or following me on Twitter.

--

--