Kategorie-Archiv: Design Pattern

Design Systems 101 – Teil 5: Anatomie der OTTO Pattern Library

In den beiden vorangegangenen Artikeln drehte sich alles um die Grundlagen von Patterns. So ging es zum Beispiel um das Identifizieren und Strukturieren von Patterns sowie die Erschaffung eines flexiblen und eindeutigen Naming-Schemas. Dieser Artikel soll nun als Case Study zeigen, wie wir auf Basis dieser Grundlagen die heutige OTTO-Pattern-Library konzipiert haben. Damit schließt er auch die im zweiten Teil beschriebene Entwicklungsgeschichte unserer Library ab.

← Zum Anfang der Serie

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns

25 Konferenz-Tipps für Produktmanager, Designer und UX-Experten

Als UXer, Interaktionsdesigner oder Produktmanager ist es unabdingbar, fachlich auf der Höhe der Zeit zu sein. Neben vielen Möglichkeiten zur Weiterbildung sind Konferenzen und Meetups eine gute Möglichkeit, neue Themen zu entdecken, Wissen zu vertiefen, das eigene Netzwerk auszubauen und im Idealfall auch noch eine ganze Menge Spaß zu haben. Nur welche Konferenz ist die Richtige für euren nächsten Entwicklungsschritt?

Wie in den letzten Jahren haben wir von produktbezogen darum wieder eine Konferenzvorschau für euch kuratiert. Wobei wir nicht, wie die meisten anderen Konferenz-Vorschauen, einfach eine Liste mit Events zusammengestellt haben, die uns so spontan eingefallen sind. Wir haben auch keine Google-Tabelle mit 212 weltweiten Design-Konferenzen zusammengenagelt. Stattdessen haben wir wieder eine ganze Riege an Köpfen aus der UX- und Product-Szene gebeten, uns zu ihrer persönlichen Lieblingskonferenz eine kurze Empfehlung zu schreiben.

Da wir damit nur die Empfehlenden zusammenstellen, aber nicht was empfohlen wird, ist das Ergebnis auch für uns jedes Jahr wieder überraschend: In diesem Jahr haben insgesamt 26 Experten aus unserem Netzwerk ihre persönlichen Tipps zu 25 Konferenzen und Meetups beigesteuert. Die folgende Liste umfasst ein Spektrum von Produktmanagement, Interaktionsdesign, Startups, Agilität, Design-Systeme bis zu Medienkunst und Locations von Lissabon bis nach Kiew und von Malmö bis in die Lüneburger Heide. Da ist sicher auch was für eure Planung dabei.

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns

Design Systems 101 – Teil 4: Ein flexibles Naming-Schema für Patterns

Neben vielen weiteren Vorteilen sollen Pattern Libraries und Design Systeme für ein gemeinsames Verständnis und effiziente Kommunikation zwischen Designern, Entwicklern, Produktmanagern und allen anderen Beteiligten der Produktentwicklung sorgen. Um dieses zu erreichen, bedarf es aber eines eindeutigen Schemas zur Bezeichnung der Patterns. Spricht man zum Beispiel von einem „Button“ ist nicht unmissverständlich klar, ob ein Button im allgemeinen oder exakt eines der definierten Button-Patterns gemeint ist (und wenn ja, welches).

Nachdem wir im letzten Teil der Serie gelernt haben, wie sich Patterns für den Aufbau einer Library identifizieren und strukturieren lassen, will ich als nächsten Schritt unseren Weg zu einem eindeutigen und sehr flexiblen Naming Schema für OTTOs Design Patterns aufzeigen.

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns

Design Systems 101 – Teil 3: Patterns identifizieren und strukturieren

Zum Aufbau einer Pattern Library oder eines Design System braucht man Patterns. Natürlich. Im ersten Teil haben wir gelernt was ein Pattern ist. In diesem Teil soll es nun darum gehen, welche Arten von Patterns es gibt, wie man diese in seinem Produkt identifiziert und wie man mit den gefundenen Patterns ein verständlich strukturiertes Design System aufbaut.

Darüber hinaus möchte ich einige pragmatische Ansätze zeigen, wie man mit neu entstehenden Patterns umgeht und wann man entscheidet, dass ein Element kein Pattern ist.

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns

Design Systems 101 – Teil 2: Auf der Suche nach der perfekten Pattern Library

Design Patterns sind wenig wert ohne Struktur, die sie auffindbar macht und erklärt. Sie brauchen eine Pattern Library oder ein Design System. Im ersten Teil der Artikelserie habe ich gezeigt, warum Design Patterns wichtig sind. In diesem Teil werde ich zeigen, wie wir für die Patterns von OTTO.de eine effektive und praktikable Pattern Library aufgebaut haben, die auch heute – fünf Jahre nach dem Launch – immer noch ein wichtiges Werkzeug in unserer Produktentwicklung ist. Besonders möchte in dieser Case Study auf die ersten beiden Versuche eingehen, die zwar mehr oder minder gescheitert sind, bei denen wir aber viele wertvolle Dinge gelernt haben.

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns

Design Systems 101 – Teil 1: Warum braucht man eine Pattern Library?

Wer Design Patterns keinerlei Beachtung schenkt, landet früher oder später in Teufels Küche. Versprochen! Design Patterns sind wichtig für ein nutzerfreundliches Produkt. Insbesondere große Produktteams können mit einer Design Pattern Library bzw. einem Design System Inkonsistenzen, Wildwuchs und unnötige Doppelarbeit vermeiden. In dieser Artikelserie will ich euch den Umgang mit Design Patterns näher bringen und zeigen, wie in den letzten fünf Jahren bei OTTO eine sehr leistungsstarke Pattern Library entstanden ist, die zum Erfolg des Produkts otto.de nachhaltig beträgt.

Als erster Teil, wird dieser Artikel vor allem auf die Grundlagen eingehen: Wie entstehen inkonsistente Produkt-Erlebnisse, wie kann eine Pattern Library helfen dieses Problem zu vermeiden und was ist überhaupt ein Design Pattern?

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns

Let’s Talk Design Patterns – produktbezogen im Gespräch mit Peter Boersma

Wie ihr sicher aus meiner Artikelserie Bauanleitung für eine Pattern Library wisst, beschäftige ich mich ausgiebig mit dem Thema Pattern Libraries, Design Systems und Styleguides. In diesem Rahmen treffe ich auch immer wieder auf interessante Experten. Einer dieser Experten ist Peter Boersma, der vielen aus der Szene sicher von der ein oder anderen Konferenz bekannt ist. Peter beschäftigt sich schon sehr lange mit dem Thema (long before it was cool) und ich freue mich, dass Peter die Zeit für ein Interview gefunden hat.

Lest nachfolgend über seine Erfahrungen zum Einsatz von Patterns im Unternehmens- und im Agenturkontext, was er von den unterschiedlichen Bezeichnungen von Styleguide bis Design System hält, wie man Management und Kunden vom Mehrwert überzeugt und einiges mehr.

Weiterlesen auf produktbezogen.de

produktbezogen.de – Der Blog für Produktmanagement und User Experience Design
Aktuelle Artikel | Buchempfehlungen | Jobs | Über uns