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 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.
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 visual design elements and principles that include unity, Gestalt, hierarchy, balance, contrast, scale and dominance.
© Interaction Design Foundation, CC BY-SA 4.0
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”:
Keep users informed of system status with constant feedback.
Set information in a logical, natural order.
Ensure users can easily undo/redo actions.
Maintain consistent standards so users know what to do next without learning new toolsets.
Prevent errors if possible; wherever you can’t do this, warn users before they commit to actions.
Don’t make users remember information – keep options, etc., visible.
Make systems flexible so novices and experts can choose to do more or less on them.
Design with aesthetics and minimalism in mind – don’t clutter with unnecessary items.
Provide plain-language error messages to pinpoint problems and potential solutions.
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.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
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.
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.
Do you want to improve your UX / UI Design skills? Join us now
You earned your gift with a perfect score! Let us send it to you.
We’ve emailed your gift to name@email.com.
Do you want to improve your UX / UI Design skills? Join us now
Here’s the entire UX literature on Design Principles by the Interaction Design Foundation, collated in one place:
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!
