A typical pattern describes the problem, the chosen solution, the rationale behind that solution, related patterns that the designer should be aware of, and other relevant details, such as the results of usability testing.– Jared Spool
Die größte Gefahr für Pattern Libraries und Design Systeme ist, nicht mehr aktuell zu sein.
für ein Design Pattern Aktualität viel wichtiger ist, als gründliche Dokumentation
Spart eine Pattern Library keine Zeit oder erzeugt sogar dauerhaft zusätzlichen Aufwand, wird sie automatisch Akzeptanzprobleme bekommen.
Iterationen für Abbildung eines Pattern Library (bei OTTO):
- 2012: Getreu nach Lehrbuch
- 2012-2013: Modularer Ansatz
3, 2013-205: Code Pattern Library = Pattern Library - 2014-2016: Basierend auf den Atomic Design Prinzipien von Brad Frost; responsive patterns, komponenten, templates (bottom-up) oder Grid & breakpoints, content refertence Wireframes, Layout (top-down)
- 2016-heute: ein komplettes tool
A typical pattern describes the problem, the chosen solution, the rationale behind that solution, related patterns that the designer should be aware of, and other relevant details, such as the results of usability testing.– Jared Spool
Another public design system. This one is more complete with micropatterns and token generator.
The design System of Mailchimp is public. Thanks to them.
Another public design system
Thinking of a design system helps to improve its vision! Also it helps to sell it and shows its benefit.
Ready to use design tokens
This system makes it easy to build digital services that meet the needs of Californians.
From the https://design.wonderflow.ai/, here are the Stories of each component.
The design system of Goldman Sachs.