Design Principles

Your constantly-updated definition of Design Principles and collection of videos and articles
1,900 shares

What are Design Principles?

Design principles are guidelines, biases and design considerations that designers apply with discretion. Professionals from many disciplines—e.g., behavioral science, sociology, physics and ergonomics—provided the foundation for design principles via their accumulated knowledge and experience.

Design Principles – Laws with Leeway

Design principles are fundamental pieces of advice for you to make easy-to-use, pleasurable designs. You apply them when you select, create and organize elements and features in your work. 

Design principles represent the accumulated wisdom of researchers and practitioners in design and related fields. When you apply them, you can predict how users will likely react to your design. “KISS” (“Keep It Simple Stupid”) is an example of a principle where you design for non-experts and therefore minimize any confusion your users may experience.

Show Hide video transcript
  1. Transcript loading…

Franks Spillers’ design checklist is an example of customized design principles for mobile user experience (UX) design.

In user experience (UX) design, minimizing users’ cognitive loads and decision-making time is vital. The authors of Universal Principles of Design state that design principles should help designers find ways to improve usability, influence perception, increase appeal, teach users and make effective design decisions in projects.

You need a firm grasp of users’ problems and a good eye for how users will accept your solutions to apply design principles effectively. For instance, you don’t automatically use a 3:1 header-to-text weight ratio to abide by the principle of good hierarchy. That ratio is a standard rule. Instead, a guideline you might use to implement a good hierarchy is “text should be easy to read.” You should use discretion whenever you apply design principles to anticipate users’ needs – e.g., you judge how to guide the user’s eye using symmetry or asymmetry. Consequently, you adapt the principles to each case and build a solid experience as you address users’ needs over time.

“Design is not a monologue; it’s a conversation.”

—Whitney Hess, Empathy coach and UX design consultant

Illustration of design principles including unity, Gestalt, hierarchy, balance, contrast, scale and dominance.

Illustration of visual design elements and principles that include unity, Gestalt, hierarchy, balance, contrast, scale and dominance.

© Interaction Design Foundation, CC BY-SA 4.0

Types of Design Principles

Designers use principles such as visibility, findability and learnability to address basic human behaviors. We use some design principles to guide actions. Perceived affordances such as buttons are an example. That way, we put users in control of seamless experiences.

Usability kingpin Jakob Nielsen identified ten “commandments”:

  1. Keep users informed of system status with constant feedback.

  2. Set information in a logical, natural order.

  3. Ensure users can easily undo/redo actions.

  4. Maintain consistent standards so users know what to do next without learning new toolsets.

  5. Prevent errors if possible; wherever you can’t do this, warn users before they commit to actions.

  6. Don’t make users remember information – keep options, etc., visible.

  7. Make systems flexible so novices and experts can choose to do more or less on them.

  8. Design with aesthetics and minimalism in mind – don’t clutter with unnecessary items.

  9. Provide plain-language error messages to pinpoint problems and potential solutions.

  10. Offer easy-to-search troubleshooting resources, if needed.

Empathy expert Whitney Hess adds:

1. Don’t interrupt or give users obstacles – make apparent pathways that offer an easy ride.

2. Offer few options – don’t hinder users with nice-to-haves; give them needed alternatives instead.

3. Reduce distractions – let users perform tasks consecutively, not simultaneously.

4. Group related objects together.

5. Have an easy-to-scan visual hierarchy that reflects users’ needs, with commonly used items handily available.

6. Make things easy to find.

7. Show users where they’ve come from and where they’re headed with signposts/cues.

8. Provide context – show how everything interconnects.

9. Avoid jargon.

10. Make designs efficient and streamlined.

11. Use defaults wisely – when you offer predetermined, well-considered options, you help minimize users’ decisions and increase efficiency.

12. Don’t delay users – ensure quick interface responses.

13. Focus on emotion – the pleasure of use is as vital as ease of use; arouse users’ passion for increasing engagement.

14. Use “less is more” – make everything count in the design. If functional and aesthetic elements don’t add to the user experience, forget them.

15. Be consistent with navigational mechanisms, organizational structure, etc., to make a stable, reliable and predictable design.

16. Create an excellent first impression.

17. Be trustworthy and credible – identify yourself through your design to assure users and eliminate the uncertainty.

Learn More about Design Principles

Several Interaction Design Foundation courses closely examine design principles, including Visual Design: The Ultimate Guide.

Whitney Hess examines Design Principles in her article Guiding Principles for UX Designers.

Find out more about the importance of Design Principles in mobile experiences in the article Mobile UX Design: Key Principles.

Questions related to design principles

What are the principles of design in art?

The principles of design in art are foundational concepts that guide the creation and evaluation of artworks, ensuring visual harmony, balance, and cohesion. These principles include balance, contrast, emphasis, movement, pattern, rhythm, and unity/variety. Each principle plays a pivotal role in organizing or arranging the visual elements in a design, ultimately shaping the viewer's experience. For a deeper understanding and exploration of how these principles relate to visual aesthetics in art and design, refer to the chapter on Visual Aesthetics from the Encyclopedia of Human-Computer Interaction. This comprehensive resource provides insights into the interconnectedness of design principles in various mediums.

Is color a principle of design?

Color is not traditionally classified as a principle of design in art. However, color is essential in creating visual interest and evoking emotions in design. As Joann Eckstut, co-author of What Is Color? 50 Questions and Answers on the Science of Color and an interior designer, points out, the perception of color can change based on various factors like the light source and surrounding colors. 

Show Hide video transcript
  1. Transcript loading…

For example, daylight constantly alters how we perceive colors, and different light sources like incandescent, LED, or fluorescent can shift color appearances. Also, colors can appear different depending on their background, a phenomenon known as simultaneous contrast. For an in-depth exploration of color's impact on design, watch the insightful video by Joann Eckstut on the topic.

What are Don Norman’s design principles?

Don Norman, a pioneer in user-centered design, emphasized creating strategies that align with how people think and function. Initially concerned about the complexity of early computer systems, he highlighted the significance of intuitive design. For instance, the early Unix systems had a text editor where users could lose work hours if they forgot to save. Norman's experience extended beyond computer systems to areas like nuclear power and aviation safety, where poor design could lead to grave consequences. His collaboration with NASA, a leading authority in aviation safety, underlined the importance of designing for the end user. To delve deeper into Don Norman's philosophy and principles, check out his detailed discourse in the video provided:

Show Hide video transcript
  1. Transcript loading…

What is emphasis in principles of design?

Emphasis in design principles refers to intentionally highlighting specific elements to draw attention and create a focal point. By manipulating contrast, color, size, or placement, designers can guide the viewer's eye to the most crucial parts of a composition. Emphasis ensures that certain design elements have more visual weight, allowing them to stand out and capture interest. This principle helps convey the main message, evoke emotions, or guide user behavior. For a deeper understanding of how designers create meaningful connections through emphasis and other principles, explore the article on empathizing in design at interaction-design.org.

What is balance in principles of design?

Balance in design principles refers to the distribution of visual weight within a composition. It ensures that elements are arranged in a way that doesn't make one side feel heavier than another. 

Balance can be achieved symmetrically, where elements mirror each other on either side of a central axis, or asymmetrically, where elements provide equilibrium without mirroring. Achieving balance creates stability, harmony, and cohesion in a design. It ensures that viewers can engage with the content without feeling overwhelmed or distracted. For a deeper dive into the intricacies of visual composition, including balance, refer to the article on the building blocks of visual design at interaction-design.org.

What is unity in principles of design?

Unity in design principles refers to the cohesive arrangement of elements that ensures all parts of a composition work together harmoniously. It's achieved when each element appears to be an integral part of the overall design, resulting in a complete and aesthetically pleasing piece. 

Unity helps guide the viewer's attention and ensures a consistent, integrated visual experience. The absence of unity can make a design feel disjointed or chaotic. To comprehend unity and other fundamental aspects of design, consider exploring the building blocks of visual design on interaction-design.org.

What is hierarchy in design?

Hierarchy in design refers to the arrangement of elements in a way that signifies importance. It guides viewers' eyes, ensuring they focus on primary information first, followed by secondary and tertiary details. Designers establish a visual hierarchy by employing size, contrast, color, and spacing, directing attention and aiding comprehension.

As outlined in the visual hierarchy article on interaction-design.org, effective use of hierarchy follows natural eye movement patterns, enhancing user experience and making content more accessible and engaging. Properly implemented hierarchy ensures clarity and a seamless flow in design.

Why are principles of design important?

Design principles are crucial as they provide a foundation for creating compelling, organized, and impactful visuals. They guide how elements interact, ensuring consistency, proximity, and visual hierarchy, as highlighted in this video with Frank Spillers, CEO of Experience Dynamics. 

Show Hide video transcript
  1. Transcript loading…

For instance, consistency ensures that controls remain uniform throughout a design, while proximity suggests related items be grouped. Visual hierarchy places importance on presenting the most vital information at the top. By understanding and applying these principles, designers can create intuitive, aesthetically pleasing, and practical designs that cater to user needs and preferences.

Where to learn more about design principles?

To dive deeper into design principles, consider enrolling in specialized courses offered by interaction-design.org. The Visual Design: The Ultimate Guide course provides comprehensive insights into visual elements and principles. For those new to the field, User Experience: The Beginner's Guide provides a foundational understanding of UX design principles. Furthermore, explore the intricate relationship between design and psychology with the Gestalt Psychology and Web Design: The Ultimate Guide course. These courses equip learners with knowledge and practical skills, ensuring a holistic grasp of design principles and their application.

Answer a Short Quiz to Earn a Gift

Question 1

What is the main goal of design principles?

1 point towards your gift

Question 2

What does the principle of "contrast" help achieve in design?

1 point towards your gift

Question 3

What role does "alignment" play in design?

1 point towards your gift

Question 4

How does the principle of "proximity" organize content?

1 point towards your gift

Question 5

What is the primary purpose of "hierarchy" in design?

1 point towards your gift

Better luck next time!

0 out of 5 questions answered correctly

Do you want to improve your UX / UI Design skills? Join us now

Congratulations! You did amazing

5 out of 5 questions answered correctly

You earned your gift with a perfect score! Let us send it to you.

Letter from IxDF

Check Your Inbox

We’ve emailed your gift to name@email.com.

Do you want to improve your UX / UI Design skills? Join us now

Literature on Design Principles

Here’s the entire UX literature on Design Principles by the Interaction Design Foundation, collated in one place:

Learn more about Design Principles

Take a deep dive into Design Principles with our course User Experience: The Beginner’s Guide .

If you’ve heard the term user experience design and been overwhelmed by all the jargon, then you’re not alone. In fact, most practicing UX designers struggle to explain what they do!

“[User experience] is used by people to say, ‘I’m a user experience designer, I design websites,’ or ‘I design apps.’ […] and they think the experience is that simple device, the website, or the app, or who knows what. No! It’s everything — it’s the way you experience the world, it’s the way you experience your life, it’s the way you experience the service. Or, yeah, an app or a computer system. But it’s a system that’s everything.”

— Don Norman, pioneer and inventor of the term “user experience,” in an interview with NNGroup

As indicated by Don Norman, User Experience is an umbrella term that covers several areas. When you work with user experience, it’s crucial to understand what those areas are so that you know how best to apply the tools available to you.

In this course, you will gain an introduction to the breadth of UX design and understand why it matters. You’ll also learn the roles and responsibilities of a UX designer, how to confidently talk about UX and practical methods that you can apply to your work immediately.

You will learn to identify the overlaps and differences between different fields and adapt your existing skills to UX design. Once you understand the lay of the land, you’ll be able to chart your journey into a career in UX design. You’ll hear from practicing UX designers from within the IxDF community — people who come from diverse backgrounds, have taught themselves design, learned on the job, and are enjoying successful careers.

If you are new to the Interaction Design Foundation, this course is a great place to start because it brings together materials from many of our other courses. This provides you with both an excellent introduction to user experience and a preview of the courses we have to offer to help you develop your future career. After each lesson, we will introduce you to the courses you can take if a specific topic has caught your attention. That way, you’ll find it easy to continue your learning journey.

In the first lesson, you’ll learn what user experience design is and what a UX designer does. You’ll also learn about the importance of portfolios and what hiring managers look for in them.

In the second lesson, you’ll learn how to think like a UX designer. This lesson also introduces you to the very first exercise for you to dip your toes into the cool waters of user experience. 

In the third and the fourth lessons, you’ll learn about the most common UX design tools and methods. You’ll also practice each of the methods through tailor-made exercises that walk you through the different stages of the design process.

In the final lesson, you’ll step outside the classroom and into the real world. You’ll understand the role of a UX designer within an organization and what it takes to overcome common challenges at the workplace. You’ll also learn how to leverage your existing skills to successfully transition to and thrive in a new career in UX.   

You’ll be taught by some of the world’s leading experts. The experts we’ve handpicked for you are:

  • Alan Dix, Director of the Computational Foundry at Swansea University, author of Statistics for HCI: Making Sense of Quantitative Data

  • Ann Blandford, Professor of Human-Computer Interaction at University College London

  • Frank Spillers, Service Designer, Founder and CEO of Experience Dynamics

  • Laura Klein, Product Management Expert, Principal at Users Know, Author of Build Better Products and UX for Lean Startups

  • Michal Malewicz, Designer and Creative Director / CEO of Hype4 Mobile

  • Mike Rohde, Experience and Interface Designer, Author of The Sketchnote Handbook: The Illustrated Guide to Visual Note Taking

  • Szymon Adamiak, Software Engineer and Co-founder of Hype4 Mobile

  • William Hudson, User Experience Strategist and Founder of Syntagm

Throughout the course, we’ll supply you with lots of templates and step-by-step guides so you can start applying what you learn in your everyday practice.

You’ll find a series of exercises that will help you get hands-on experience with the methods you learn. Whether you’re a newcomer to design considering a career switch, an experienced practitioner looking to brush up on the basics, or work closely with designers and are curious to know what your colleagues are up to, you will benefit from the learning materials and practical exercises in this course.

You can also learn with your fellow course-takers and use the discussion forums to get feedback and inspire other people who are learning alongside you. You and your fellow course-takers have a huge knowledge and experience base between you, so we think you should take advantage of it whenever possible.

You earn a verifiable and industry-trusted Course Certificate once you’ve completed the course. You can highlight it on your resume, LinkedIn profile or website.

All open-source articles on Design Principles

Please check the value and try again.
  • 1
  • 2
  • 1 of 2

Open Access—Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!

Share Knowledge, Get Respect!

Share on:

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this page.

Interaction Design Foundation - IxDF. (2016, June 5). What are Design Principles?. Interaction Design Foundation - IxDF.

New to UX Design? We’re Giving You a Free ebook!

The Basics of User Experience Design

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
316,393 designers enjoy our newsletter—sure you don’t want to receive it?