Design principles.

Ideas for making things useful, understandable, and meaningful—from products and interfaces to visual communication.

Dieter Rams · Ten principles

Good design.

Developed through a lifetime of industrial design at Braun and Vitsœ, Rams’s principles ask us to consider an object’s usefulness, integrity, and place in everyday life.

  1. Innovative

    Good design uses new technology or ideas meaningfully rather than novelty for its own sake.

  2. Useful

    Meet practical, psychological, and aesthetic needs; avoid elements that detract from use.

  3. Aesthetic

    Visual quality matters because people live with products and interfaces daily.

  4. Understandable

    Clarify the product’s structure and operation; make it self-explanatory where possible.

  5. Unobtrusive

    Good design is neutral and restrained, leaving space for the user rather than demanding attention.

  6. Honest

    Design should never manipulate, exaggerate, or mislead users about what something does.

  7. Long-lasting

    A design should avoid trends so it remains relevant and useful over time.

  8. Thorough

    Every detail should be intentional, considered, and resolved.

  9. Environmentally friendly

    Conserve resources and reduce physical and visual pollution throughout the product’s lifecycle.

  10. As little design as possible

    The best design removes everything that is not essential.

IDEO / IDEO.org

Start with
people.

A human-centered field guide

A practical selection of methods and mindsets for learning with people, making ideas tangible, and improving through iteration.

  1. Empathy first

    Begin by deeply understanding the people you are designing for, not the problem you assume exists.

  2. Define the right problem

    Reframe challenges as human needs before generating solutions.

  3. Desirability, viability, feasibility

    Good design sits at the intersection of what people want, what is technically possible, and what is financially sustainable.

  4. Diverge before converging

    Generate many possibilities before narrowing; premature judgment kills good ideas.

  5. Prototype to think

    Build rough, quick representations of ideas to make thinking tangible and testable.

  6. Test with real people

    Test assumptions with the people affected, in realistic contexts, and revise them in response to evidence.

  7. Embrace failure as learning

    Use unsuccessful prototypes to test assumptions and guide the next iteration.

  8. Design with, not for

    Involve the people affected by a design in its creation rather than designing on their behalf.

  9. Systems thinking

    Solutions exist within larger ecosystems; understand upstream and downstream effects.

  10. Optimize for impact

    The measure of a design is meaningful change in people's lives, not aesthetic or technical achievement alone.

Jakob Nielsen / Nielsen Norman Group

10 usability
heuristics

Ten broad rules of thumb for interface design, each paired with a small interface that follows it.

First developed with Rolf Molich in 1990 and refined by Jakob Nielsen in 1994.

  1. Visibility of system status

    Keep people informed through appropriate feedback within a reasonable time.

    Progress and time left answer “how long?”

  2. Match between system and the real world

    Interfaces should use concepts and language familiar to users.

    The words of a real shop, nothing new to learn.

  3. User control and freedom

    Users should be able to undo actions and escape unwanted states easily.

    A slip costs one click, not a conversation.

  4. Consistency and standards

    Follow platform and industry conventions so familiar things behave consistently.

    Cancel and Discard sit where people expect them.

  5. Error prevention

    Design should prevent problems before they occur rather than fixing them afterward.

    Past dates can’t be picked at all.

  6. Recognition rather than recall

    Interfaces should minimize memory load by making options visible.

    Pick from recent files instead of remembering names.

  7. Flexibility and efficiency of use

    Systems should support both beginners and experts efficiently.

    The menu helps beginners; shortcuts speed up experts.

  8. Aesthetic and minimalist design

    Interfaces should avoid irrelevant information that competes for attention.

    One field, one button, nothing else.

  9. Help users recognize, diagnose, and recover from errors

    Error messages should be clear, human, and actionable.

    Says what’s wrong and how to fix it.

  10. Help and documentation

    Assistance should be easy to find, concise, and task-focused when needed.

    One line explains it; the full article is a click away.

Don Norman

Everyday things,
understood.

The Design of Everyday Things

Six concepts that help explain how people understand objects, discover possible actions, and make sense of the results.

  1. A cup handle shaped to accommodate fingers, illustrating an action the object affords.

    CONCEPT 01

    Affordances

    The relationship between an object’s properties and a person’s capabilities determines which actions are possible.

  2. A push plate with a PUSH label, making the action visible.

    CONCEPT 02

    Signifiers

    Clear signals should indicate where and how to act.

  3. Four stove controls arranged to match four burners.

    CONCEPT 03

    Mapping

    Controls should relate spatially or logically to their effects.

  4. An off and on state with a visible response to a switch.

    CONCEPT 04

    Feedback

    Provide timely, perceivable information about an action’s result and the system’s state.

  5. A simple circuit connecting a battery, switch, and light.

    CONCEPT 05

    Conceptual models

    A design should convey how it works through its structure.

  6. A memory card with a keyed corner that limits insertion orientation.

    CONCEPT 06

    Constraints

    Limiting possible actions prevents errors and guides correct use.

Gestalt psychology / Perception studies

Let patterns
emerge.

Principles of visual perception

Perceptual studies inspired by the work of Wertheimer, Köhler, and Koffka. These principles describe tendencies in how we organize visual information.

  1. Proximity

    Elements near each other tend to be perceived as a group.

    Three separated clusters of violet dots group by proximity.

  2. Similarity

    Elements that look alike tend to be grouped together.

    An evenly spaced grid groups into rows through shared color.

  3. Good continuation

    We tend to perceive smooth, continuous paths through intersecting or interrupted contours.

    Dotted contours suggest smoothly continuing paths.

  4. Closure

    We can perceive a complete form even when portions of its boundary are missing.

    Partial contours suggest a complete triangle.

  5. Figure / ground

    We organize a visual field into figures and backgrounds; that relationship can be ambiguous or reversible.

    A contrasting negative-space arrow appears between solid shapes.

  6. Common fate

    Elements moving together tend to be perceived as a group.

    Before and after snapshots indicate a group moving in a common direction.
    Static snapshots illustrate coordinated movement.

  7. Prägnanz (simplicity)

    Perception tends toward stable, regular, simple organization under the prevailing conditions.

    Three overlapping circle outlines are seen as whole circles rather than a cluster of curved fragments.

weimar · dessau · berlin

school of design

1919—1933

bauhaus

Art. Craft.
Everyday life.

Founded in 1919, the school brought art and craft into dialogue, later emphasizing industrial technology. These themes reflect a diverse, evolving school.

  1. Function and form

    Let purpose inform form. The earlier phrase “form follows function” comes from Louis Sullivan, in 1896.

  2. Reduction to essentials

    Unnecessary elements should be removed to reveal core structure.

  3. Unity of art, craft, and technology

    Design should integrate aesthetics, skill, and engineering.

  4. Geometric clarity

    Simple geometric forms create order and legibility.

  5. Truth to materials

    Materials should be used honestly rather than disguised.

  6. Design for real life

    Design should be practical, reproducible, and accessible to everyday users.

Josef Müller-Brockmann

Visual communication
10 selected ideas

Grid
systems.

Müller-Brockmann’s Grid Systems in Graphic Design (1981) offers a systematic approach to arranging type and image. These selected ideas explore that discipline.

  1. The grid as structure

    An underlying mathematical grid creates order, legibility, and coherence across a composition.

  2. Visual hierarchy

    Size, weight, and position should establish a clear reading order that guides the eye without confusion.

  3. Typographic discipline

    Type is not decoration; its proportions, spacing, and alignment carry communicative responsibility.

  4. Whitespace as element

    Empty space is active and intentional, giving content room to breathe and be understood.

  5. Objective communication

    Organize information to support clear communication, while recognizing that every presentation involves choices.

  6. Constructive reduction

    Remove elements that obstruct the message; retain the context and structure people need to understand it.

  7. Consistent rhythm

    Repeated proportions, spacing intervals, and column widths create visual harmony across a layout.

  8. Alignment as meaning

    Elements aligned to a common axis are perceived as related; misalignment should be purposeful, never accidental.

  9. Typography and image in tension

    The relationship between type and image should be deliberate, balanced, and mutually reinforcing.

  10. Reproducibility and universality

    A visual system should work across scales, formats, and contexts without losing integrity.

Edward Tufte

Thinking with evidence

Selected principles of information design

Ideas drawn from The Visual Display of Quantitative Information, Envisioning Information, and Beautiful Evidence. Each margin figure is redrawn from a real, published dataset.

  1. Above all else, show the data.

    Design exists to reveal data clearly and truthfully, not to decorate it.

  2. Show comparisons.

    Comparisons help readers interpret values, changes, and differences.

  3. Show explanation and mechanisms.

    Graphics should help explain how and why patterns occur, not merely display correlations.

  4. Show multivariate data.

    Show multiple variables when they help explain the relationships relevant to the analytical task.

  5. Integrate words, numbers, and images.

    Explanations, labels, and data should live together in one coherent visual argument.

  6. Document sources, methods, and uncertainty.

    Credibility requires transparency about data origins, processing, and limitations.

  7. Maintain graphical integrity.

    Visual representations must not distort quantities, scale, or relationships.

  8. Reduce nonessential ink.

    Reduce visual clutter when doing so improves understanding; retain useful labels, context, and structure.

  9. Use high data density.

    Dense displays pack meaningful information into compact space, respecting the viewer's ability to read complexity.

  10. Use small multiples.

    Repeating the same graphic structure across slices of data invites direct comparison and reveals patterns.

  11. Escape flatland.

    Use layering, annotation, and contextual depth to add informational dimensions without distorting the data.

Eight perspectives, revisited.

  1. Dieter Rams

    Make useful, honest products with care for every detail and their lasting impact.

  2. IDEO / IDEO.org

    Learn with people, make ideas tangible, and improve them through experimentation.

  3. Jakob Nielsen

    Make interfaces clear, consistent, forgiving, and easy to navigate.

  4. Don Norman

    Help people understand what they can do, how to do it, and what happened.

  5. Gestalt psychology

    Use grouping, continuity, and figure–ground relationships to make visual structure legible.

  6. Bauhaus

    Bring art, craft, materials, and technology into the design of everyday life.

  7. Josef Müller-Brockmann

    Use grids, typography, alignment, and space to give information a clear order.

  8. Edward Tufte

    Let evidence lead: show comparisons, preserve context, and explain without distortion.