Various design-related concepts — Image by Author

INNOVATING DESIGN PRACTICE

Design [_____]?

How design thinking, design goals, design principles, design heuristics, design language, design patterns, design systems, and design execution relate. Oh my!

Karl Mochel
Jul 30, 2019 · 8 min read

What is the difference? Why does it matter? When does it matter? Where do I use them? Who cares?

Design Thinking

Design Thinking is a process that any team can use to come up with innovations for their business, product, or process. Conceived in the early 1960s, popularized in the 1990s, and “diluted” in the 2000s design thinking is a tool that businesses use when they want their company or team to be more “innovative.” [1]

Source: https://dschool.stanford.edu/executive-education/dbootcamp

Design Thinking provides a framework for innovation. Often teams do not have tools for finding and evaluating new opportunities. Design Thinking offers a process that teams can follow to explore and develop new directions.

Design Thinking can be used for strategic direction within an organization or down to teams finding direction within a project. The important thing about doing a design thinking exercise is to scale the time appropriately to the needs of the research and development needed to attain a meaningful result.

The rest of these Design [WORD] phrases are design-team specific but essential to design teams’ ability to be effective with other teams. Defining and promoting the following tools minimizes personal subjectivity and focuses conversations on what an organization considers meaningful.

Design goals, principles, and heuristics tend to exist on a continuum and are used interchangeably by some. This article provides a point of view for differentiating them.

Design Goals

Design Goals are statements a team makes about the quality of experience they would like a product to attain.

Design goals are targets for design work. — [John Spacey 2018]

Design Goals are meant to be reached (blue target), some with more effort than others (line length).

Design Goals are used to make decisions when choosing among design options. Take efficient as a design goal. If three options are designed for a feature, the option that lets the user finish in fewer steps should be chosen over one that may be easier to learn.

When the team sets the goals, they should also set metrics for measuring whether the goal has been reached. They can either set quantitative goals like “User will be able to complete task 10% faster,” or qualitative goals like, “User feels the task is faster to accomplish.”

Design Principles

Design Principles are words or statements that set direction. Like design goals, they point to an expected result, but there isn’t an expectation of being reached. They are directionally correct but may never be reached.

Design Principles have a priority (order) and take differing effort (length) to reach the goal (right side | circle).

Design principles are also used to make decisions. Depending on the priority of the principles, the team will pick the design that meets the most principles in the order of priority. As the arrows in the diagram indicate, some design principles take more effort (longer lines), and some are less important (not reaching the goal).

Design Principles have a continuum between table stakes like useful, usable, and consistent and those that drive differentiation or innovation, like trustworthy, approachable, or cinematic.

Sometimes priority will shift depending on the context of the feature. If a project had efficiency, trustworthy, and delightful as the design principles, prioritized in that order, you might apply them differently between login (+trustworthy) and the primary experience (+efficiency).

Design Heuristics

Where design goals and principles point to a specific outcome, design heuristics are strategies or “rules of thumb.” They articulate a general way to approach design.

Design Heuristics as a form of intermediate-level knowledge that may explain how designers build on existing knowledge of “design moves” — non-deterministic, generative strategies or heuristics — during conceptual design activity. [Gray 2016]

Often design heuristics are statements used to specify how to accomplish design principles or design goals (the design moves) — bold statement below.

  • Trustworthy — be transparent about how the product calculates results.
Design Heuristics point in a direction, often supporting design goals or principles.

There is some confusion between usability heuristics and design heuristics. Design heuristics are applied while creating the product. Usability heuristics are used to assess the product to see if it meets specific goals. The best-known usability heuristics are from Neilsen/Norman [5]. They cover particular issues.

Design Language

Design Language is the combination of Design Heuristics (black) uniquely defining Design Goals and/or Principles (gray arrows) that embodies an overall design philosophy (larger arrow).

A Design Language is a set of precepts or general rules — usually formed out of Design Principles and characterized by Design Heuristics — that describe how you make decisions when designing a system. The priority of which guides teams on visual and interaction style choices. The strongest examples of these, such as Apple’s Human Interface Guidelines, Google’s Material Design, and IBM’s Design Language describe a company’s overall design philosophy as design principles, as well as how to apply them.

Design Principle — design heuristic.

  • Trustworthybe transparent about how the product calculates results.
  • Approachabledon’t overwhelm the user with details, have the details unfold as the user shows interest.
  • Cinematicvisual aspects and interactions should embody a sense of storytelling and richness.

Design Patterns

Coming out of Christopher Alexander’s A Pattern Language, design patterns transitioned the idea of architectural patterns into the user experience design space.

Design Patterns are reusable sets of constructs.

Common user experience design patterns include such constructs as the shopping cart, carousel, search, and Cut, Copy and Paste on an Edit menu.

Every aspect of an experience that is used more than twice can be considered for a design pattern. Grouped into pattern libraries design patterns provide reusable components and then structures needed to build consistent experiences. This reuse and thus consistency lowers the effort to design by removing decisions about things that should be the same and focusing on what makes the experience unique. For users, the consistency design patterns enable reduces the cognitive load because similar experiences look and act the same.

Look for existing patterns outside of your company walls that users understand already…those might only be used once in your product, but achieve what you describe here for the very reason that they are familiar to new users of the product. — Jon Innes

Often design patterns come from outside a company, from existing products that have similar experiences. A company may appropriate these and then change the visual style to meet their company’s branding and add features to meet their users’ specific needs.

Read What is the Content of “Design Thinking”? Design Heuristics as Conceptual Repertoire [6] to see Design Thinking tied to Donald Schön’s relfective practitioner and Christopher Alexandar’s pattern language and design heuristics.

Design System

A Design System is the constructs or code that embodies a design language and its design patterns. Like design patterns, a quality design system starts a the atomic level — labels, fields, etc. and builds up to constructs like page templates, flows, and information architectures.

A Design System is the assembly of atomic components into and up through more complex constructs.

A design system is a bridge between design patterns and a developed experience. It is a kit of parts, made of code snippets that incorporate the visuals and interactions of the design patterns that engineering uses to quickly put together the common parts of an experience. This offloads repetitive development work and reduces quality assurance effort, leaving more time to concentrate on new and unique capabilities.

A design system will usually have a design specification — often provided from the design team as symbols from a program like Sketch, coded examples — so that engineering is reusing a consistent library, and usage guidelines to help designers and product management understand when to use what parts.

Why do these matter?

All of these constructs are to be used by design teams and the groups they interact with to more quickly reach consensus and execute the delivery of products that meet the users’ and the organization’s needs and goals.

Design [Words] are tools to help communication within the design team, and outside. They encourage critical, focused thinking on design issues. They can help educate outside stakeholders and create a common understanding/vocabulary (and they make us look smart). — Alex Carroll

Design issues are mitigated by using design tools.

Design Execution

Design Execution is the activities the design team takes to make sure a quality product reaches its audience. It encompasses the negotiations, support, and follow-through required to achieve for a pixel-perfect product.

More on that in an article for another day…

If decisions are doors to be opened and navigated through, design tools are the affordances that make decisions easier to open and navigate through — within a design team, between design teams, and between a design team, project management, and engineering. Make sure you are creating high-quality door handles. — KM

If you are interested in more about applying design practices to help your company innovate check out Designing for Innovation.

The Startup

Get smarter at building your thing. Join The Startup’s +786K followers.

Sign up for Top 10 Stories

By The Startup

Get smarter at building your thing. Subscribe to receive The Startup's top 10 most read stories — delivered straight into your inbox, once a week. Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Karl Mochel

Written by

User Experience Architect - Design effects every part of life. Life is designed. But design is not life.

The Startup

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +786K followers.

Karl Mochel

Written by

User Experience Architect - Design effects every part of life. Life is designed. But design is not life.

The Startup

Get smarter at building your thing. Follow to join The Startup’s +8 million monthly readers & +786K followers.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store