A Practical Guide To Design Principles
[RSS: www.smashingmagazine.com] Design principles with references, examples, and methods for quick look-up. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly.
A Practical Guide To Design Principles
[RSS: www.smashingmagazine.com] Design principles with references, examples, and methods for quick look-up. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly.
[RSS: www.smashingmagazine.com] Design principles with references, examples, and methods for quick look-up. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly.
We often see design principles as rigid guidelines that dictate design decisions. But actually, they are an incredible tool to rally the team around a shared purpose and document the values and beliefs that an organization embodies.
They align teams and inform decision-making. They also keep us afloat amidst all the hype, big assumptions, desire for faster delivery, and AI workslop. But how do we choose the right ones, and how do we get started? Letโs find out.
Real-World Design PrinciplesIn times when we can generate any passable design and code within minutes, we need to decide better whatโs worth designing and building โ and what values we want our products to embody.
Itโs similar to voice and tone. You might not design it intentionally, but then end users will define it for you. And so, without principles, many company initiatives are random, sporadic, ad-hoc โ and feel vague, inconsistent, or simply dull to the outside world.
Design principles are guidelines and design considerations that designers apply with discretion โ by default, without debating or discussing what has already been agreed upon.
One fantastic resource that I keep coming back to after all these years is Ben Brignellโs Principles.design. It has 230 pointers for design principles and methods, searchable and tagged, covering everything from language and infrastructure to hardware and organizations.
10 Principles Of Good DesignThere is no shortage of principles out there. But the good ones are more than just being visionary โ they have a point of view, and they explain what we donโt do as much as what we do. They also explain what we stand for in the world โ beyond profits, stock prices, and all the hype and noise around us.

Many years ago, I encountered Dieter Ramsโ 10 principles of good design (see above), a very humble, practical and tangible overview of principles that were informing, shaping, and guarding his design work at Braun.
There are no visionary claims, and no big bold statements: just a clear overview of what we do, and where our ambition and care lie for the products we are designing. Itโs honest, sincere, and in many ways beautifully humane.
Examples Of Design Principles
There are plenty of wonderful examples that I keep close:
- Anthropicโs Constitution
- Principles of Product Design, by Joshua Porter
- Guiding Principles for Experience Design, by Whitney Hess, PCC
- Principles of Web Accessibility, by Heydon Pickering
- Humane by Design, by Jon Yablonski
- Designing Voice UX Principles, by Brian Colcord
- Agentic Design Principles, by Linear
- AI Chatbot Design Principles, by Emmet Connolly
- Voice UX Principles, by Ben Sauer
Design Principles In Design Systems
How To Establish Design PrinciplesDesign principles can be personal, but usually they are committed to and shaped by the entire product team. Design principles arenโt just for designers. Userโs experience is everything from performance to support to customer service, and ideally, participants would cover these areas as well.
In practice, though, establishing principles might feel incredibly challenging. They are abstract and fluffy and often ambiguous, and often very difficult to agree upon.
You can get started with a simple 8-step workshop (inspired by Marcin Treder, Maria Meireles and Better):
- Pre-session Research
Study how users speak about the products, what they appreciate, and the words they use. - Get Into Principles Mode
Invite 6โ8 participants, ask them to choose their favorite object, and describe it in 3 words. - Product Analogies
Compare product to tangible items (e.g., โA Porsche 911โ or โa Braun audio systemโ). - Extract Attributes
Individually, in silence, everyone writes 3โ5 initial principles, which are then grouped by theme for review. - Link Attributes To Research
Link attributes to actual user pain points or desires, to make sure they are grounded in reality. - Value Statements
We write โWe want X because of Yโ sentences that express the rationale behind our thinking. - Move to Principles
Remove analogies to create enduring rules that will guide our design process. - Reality Check
Search for both positive and negative examples in our products to see where principles are being met or ignored.

Useful Starter Kits For Principles Workshops
- Design Principles Workshop (Figma Template), by Maria Meireles
- Design Principles Workshop (FigJam Template), by Richard Picot
- How to Create Design Principles (Miro Workshop Template), by NanoGiants
Creating principles is only a small portion of the work; most work is about effectively sharing and embedding them. Itโs difficult to get anywhere without finding ways to make design principles a default โ by revisiting settings, templates, naming conventions, and output.
Principles help avoid endless discussions that often stem from personal preferences or taste. But design should not be a matter of taste; it must be guided by our goals and values. Design principles can help with just that.
Meet โDesign Patterns For AI InterfacesโMeet Design Patterns For AI Interfaces, Vitalyโs new video course with 100s of real-life examples and UX guidelines to design AI features that people actually use โ with a live UX training later this year. Jump to a free preview.
Meet Design Patterns For AI Interfaces, Vitalyโs video course on interface design & UX.
Video + UX Training
$ย 450.00 $ย 799.00 Get Video + UX Training30 video lessons (10h) + Live UX Training.
100 days money-back-guarantee.
Video only
30 video lessons (10h). Updated yearly.
Also available as a UX Bundle with 3 video courses.
- Design Principles Collection, by Ben Brignell
- โHow To Establish Design Principlesโ, by Marcin Treder
- โEstablishing Design Principles for a Design System and What It Taught Usโ, by Better Design Team
- Design Principles, by Jeremy Keith
- Design Principles Collection, by Gabriel Svennerberg
- Design Principles Workshop (Figma Template), by Maria Meireles
- Design Principles Workshop (FigJam Template), by Richard Picot
- How to Create Design Principles (Miro Workshop Template), by NanoGiants
- Modals in Design Systems
Admin
Editor
Comments (0)
No comments yet. Be the first to share your thoughts!