Der klassische Designprozess kommt im RWD-Zeitalter an die Grenzen. Der RWD-Workflow fordert eine iterative und inkrementelle Herangehensweise an Design und das daraus entstehende Frontend, das als Prototyp früh zu Verfügung stehen soll. Atomic Design ist ein sinnvoller und erprobter Ansatz, um dies zu realisieren. Der Vortrag geht dazu auf alle Aspekte von Atomic Design ausführlich ein und zeigt anhand eines Praxisbeispiels die konkrete Umsetzung.
Keynote: Von Scrum und Tütensuppen - Warum Scrummaster die besseren Köche sin...
Atomic Design – Die Einheit von Frontend und Design im RWD-Zeitalter - webinale 2016 - pluswerk
1. ATOMIC DESIGN
DIE EINHEIT VON FRONTEND
UND DESIGN IM RWD-ZEITALTER
PATRICK LOBACHER | +PLUSWERK AG | 30.05.2016 | WEBINALE BERLIN
2. 2
Patrick Lobacher
Vorstandvorsitzender
+Pluswerk AG
Consultant
Trainer
(Agile) Coach
Autor
Fullservice Agentur für digitale Transformation
12 Niederlassungen in DACH, Polen & Kapstadt
130+ Mitarbeiter
999+ Projekte in den letzten 20 Jahren
5. 5
DIE GUTEN ALTEN ZEITEN…
Alle Agenturen welche es in die
Grundauswahl geschafft haben,
werden dann in der nächsten
Phase dazu aufgefordert einen
Designvorschlag zu erstellen.
6. 6
DIE GUTEN ALTEN ZEITEN…
Planung Wireframes Design Entwicklung Content
Qualitäts-
sicherung
1 -24 Monate
25. 25
FRAMEWORKS?
• Vorteile liegen auf der Hand
• Rapid Prototyping
• Viele Beispiele / Best Practices
• Hohe Browserkompatibilität
• Stetige Weiterentwicklung durch Vendor
• Aber
• Festlegung auf Konventionen, Benennung & Struktur
• „one-size-fits-all“ / individuell
• Viel zu viel nicht benötigter Code
• schlecht skalierbar
27. 27
“One of the biggest advantages atomic
design provides is the ability to traverse
between abstract and concrete. We can
simultaneously see our interfaces broken
down to their atomic elements and also see
how those elements combine together to
form our final experiences.”
Brad Frost