Avatar-Foto

Artikel von Thomas Piribauer

Thomas ist Mitgründer und Managing Director von intuio. Am liebsten und schon seit mehr als 20 Jahren denkt, konzipiert und entwickelt er interaktive Lösungen, die gut funktionieren und noch besser bedienbar sind.

Card Studio – Design Systeme in der Praxis strukturieren

Design Systeme enthalten – wie ihre Verwandten, die Pattern Libraries – geteilte UI-Komponenten und Design-Prinzipien. Es geht also nicht nur darum, Entwickler_innen eine Anlaufstelle fürs Copy & Paste zu geben. Gute Design Systeme erlauben Menschen aus den verschiedensten Berufskategorien ein gemeinsames Verständnis einer Designsprache zu bekommen.

Deshalb ist es wichtig, beim Start eines neuen Design Systems Benennungen und Kategorien zu finden, die ein gemeinsames Gespräch zwischen Design, Entwicklung und Produktmanagement erlauben. Egal ob das eigene Medium Sketch, HTML oder Excel ist: wenn von einem Akkordeon gesprochen wird, sollten sich alle auf die gleiche Komponente beziehen.

Um in kurzer Zeit zu einem Vokabular zu kommen, das für heterogene Gruppen funktioniert, haben wir zu diesem Zweck den Informationsarchitektur-Klassiker Card Sorting mit der kollaborativen Designmethode Design Studio kombiniert.

Und das Ergebnis konsequenterweise Card Studio getauft.

Weiterlesen →

Responsive by Design, Successful by Chance – Wo steht RWD 2015?

Responsive Now

Die gute Nachricht zuerst. Wer 2015 responsive werden will, hat dafür mehr vorgefertigte Bausteine als je zuvor: es gibt kaum eine Template-Sammlung, in der sich nicht auch 1-2 responsive Varianten finden. Mit etwas Glück sogar mit Parallax-Effekt. Allerdings stoßen Templates schnell an ihre Grenzen, weil sie dann doch nicht viel Raum für eigene Business-Logik bieten und es schmerzt, wenn man im gleichen Gewand wie die Konkurrenz im Netz steht.

Also greift man dann doch zu kleineren Bausteinen und baut mit Hilfe von responsiven Frameworks wie Bootstrap oder Foundation. Keine schlechte Idee, denn diese Frameworks sind erprobt, und das auch auf Geräten, die sich in den meisten Device-Sammlungen nicht finden. Aber auch hier ist der Preis für die Bequemlichkeit mangelnde Flexibilität, denn jedes Framework trifft gewisse Design-Entscheidungen, die sich nachträglich nur schwer ändern lassen. Zum Beispiel welche Browser unterstützt werden oder wie viele Spalten ein Grid haben sollte.

Weiterlesen →