Designmethodenfinder: Vom Axis Mapping bis zur Walt-Disney-Methode

Die rich­tige Designmethode kann die Qualität eines Designjobs, Projektplanung und Kundenkommunikation maßgeb­lich verbes­sern. Umso wich­tiger ist es, eine geeig­nete Methode sicher zu erkennen und effektiv einzu­setzen. Methodensicherheit gewinnt daher im Gestaltungsprozess mehr und mehr an Bedeutung. Vier Studenten des ersten Mastersemesters Communication Planning and Design an der Hochschule für Gestaltung Schwäbisch Gmünd haben sich der Aufgabe gewidmet, eine über­sicht­liche, benut­zer­freund­liche, prak­ti­kable und effi­zi­ente Sammlung der wich­tigsten Methoden im Arbeitsumfeld eines Designers zu erstellen. So entstand www​.design​me​tho​den​finder​.de, die erste webba­sierte Methodensuche für Designer.

Alles begann damit, dass Wolfram Nagel, Valentin Fischer, Tino Söffing und Marcel Ottmann im Hauptkurs »Prozessanalytisches Projekt« auf Anraten ihres betreu­enden Professors Hans Krämer Methoden fest­halten sollten (z. B. in einem Notizbuch), die sie während des Semesterprojekts anwenden. Methodenorientiertes Arbeiten gehört zur Ausbildung im Masterstudiengang. »Da das Projekt noch nicht defi­niert war, haben wir uns einfach dazu entschlossen Designmethoden zum Hauptprojekt zu machen und uns intensiv mit dem Thema zu beschäf­tigen.« erläu­terten sie gegen­über Fontblog den auslö­senden Moment.

»Während der Recherche haben wir fest­ge­stellt, dass man in unter­schied­lichsten Quellen Informationen zu Designmethoden findet. Wir haben Informationen zu über 300 Designmethoden gefunden. Diese sind teil­weise schwer zugäng­lich, sehr umfang­reich und/oder unüber­sicht­lich und auf keinen Fall einheit­lich – und deshalb sehr schwer zu erfassen.« Die meisten Quellen, die Designmethoden behan­deln, beschreiben seiten­lang wie die Methode durch­zu­führen ist. »Was uns als Designer aller­dings inter­es­siert ist zunächst nicht die Methode, sondern wie wir eine Aufgabe lösen können. Deshalb war es für uns wichtig, dass man die Applikation mit den Bestandteilen eines Problems füttern kann und daraufhin Methoden vorge­schlagen bekommt, die bei der Lösung helfen.« Das Ziel der vier Studenten war zunächst eine benut­zer­freund­liche und voll­stän­dige Sammlung der wich­tigsten Methoden im Arbeitsumfeld eines Designers zu erstellen. Um den Umfang über­schaubar zu halten, wählten sie für ihr Projekt 60 popu­läre Methoden aus.

»Wir hatten rund drei Monate Zeit für das Projekt, von der Idee bis zur Finalisierung. Von Anfang an war uns wichtig, dass wir nicht nur ein Interface entwerfen (wie es in Studienprojekten oft der Fall ist), sondern dass die Applikation am Ende auch tatsäch­lich benutzt werden kann.« Hierfür waren Konzeption, Realisierung und Inhalte notwendig. Grob geschätzt hat das Quartett alleine in Methodenrecherche, Inhalte und Verschlagwortung rund 100 Manntage inves­tiert. Sie haben rund 300 wich­tige Begriffe defi­niert und mussten für die Verschlagwortung jede einzelne Methode mit jedem dieser Tags gegen­prüfen. Das sind auch jene Begriffe, die über die Auto-Suggest-Funktion vorge­schlagen werden. Eine Volltextsuche ist zusätz­lich imple­men­tiert. Zu diesem Aufwand für den Inhalt kamen dann noch Konzeption, Layout, Design und Umsetzung hinzu.

»Am Anfang haben wir über­legt, wie wir die unter­schied­li­chen Beschreibungen aus unter­schied­lichsten Quellen einheit­lich und über­sicht­lich darstellen können und welche Zugänge für die poten­ti­ellen Anwender sinn­voll sind.« erläu­tert Wolfram Nagel gegen­über Fontblog. Dabei war ihnen wichtig, dass die Informationen auf den Detailseiten der Methodenbeschreibungen schnell erfasst werden können. Der Anwender kann sich inner­halb kürzester Zeit ein Bild von der Methode machen (Headline, Kurzbeschreibung, Bild und Storyboard-Comic). Details erfährt er in den ausführ­li­cheren Beschreibungen oder über weitere Schlagwörter, Vor-/Nachteile und weiter­füh­rende Links.

Um das Layout und die Interaktion zu testen, durften mehrere Versuchspersonen eine Vorversion in Form eines Flash-Prototypen testen, bei dem die Mausbewegungen und Klicks getrackt wurden. Auf Basis dieser Mausbewegungen und des Feedbacks der Testpersonen konnte die Gestaltung und Interaktion verbes­sert werden. »Im gesamten Prozess haben wir bewusst unter­schied­lichste Designmethoden auspro­biert, da dies ja ohnehin zum Kern des Kurses Prozessanalyse gehören.«

In der Applikation gibt es mehrere Zugänge – je nach Kenntnisstand der Benutzer. Für »Anfänger« gibt es die Schublade mit Suchvorschlägen der rele­van­testen Schlagwörter. Man kann aber auch direkt in das Suchfeld Begriffe eintragen. Über Auto-Suggest werden dem Anwender die bereits erwähnten rund 300 getaggten Suchbegriffe vorge­schlagen. Nach jeder Worteingabe bekommt der Anwender direkt Rückmeldung wie viele poten­ti­elle Suchergebnisse sein aktu­eller Such-String liefern würde (die kleine Zahl oben rechts in den Tags und im Suchbutton). Die Suchbegriffe werden im Suchergebnis über kleine Quadrate reprä­sen­tiert. Die Navigation soll Spass machen und dem Anwender höchst­mög­liche Orientierung bieten.

Zusätzlich zur Listenansicht der Suchergebnisse wurden weitere Zugänge geschaffen. »Besonders wich­tige Kriterien zur Auswahl geeig­neter Methoden sind aus unserer Sicht Themenschwerpunkt und das Verhältnis Aufwand/Nutzen. Über die beiden Diagramme lassen sich alter­na­tive Methoden finden, die man bisher evtl. noch nicht kannte oder die einem im ersten Moment nicht einfallen. Wenn ich zum Beispiel eine Methode vorge­schlagen bekomme, mir dieser aber beispiels­weise zu teuer ist, kann ich über die beiden Diagramme beispiels­weise nach einer weniger aufwän­digen Alternative suchen, die mir ähnliche Informationen für mein Projekt liefern kann«.

Die Anwendung ist für eine hohe Auflösung konzi­piert und komplett in Flash reali­siert. Geplant ist eine Umsetzung für iPhone- bzw. Smartphones, alter­nativ auch für das iPad. »Dafür sind wir auf der Suche nach inter­es­sierten Partnern. Die Daten selbst liegen im XML-Format vor und könnten problemlos für mobile Endgeräte und klei­nere Auflösungen verwendet werden. Auf jeden Fall werden wir das Projekt weiter bear­beiten und haben vor weitere Features zu inte­grieren (was die Version 0.9 schon andeutet).«

Momentan ist es noch nicht möglich, nach einem bestimmten Job zu suchen, zum Beispiel Visitenkarte. Auf Metaebene wären es nur wenige Begriffe gewesen (Screen, Print, Produkt, Ausstellung, Installation, etc.), doch im Detail waren es für den Prototypen zu viele. »Wir haben das bislang bewusst draußen gelassen, kann aber sein, dass es irgend­wann noch dazu kommt.« schrieb mir Wolfram Nagel auf Nachfrage.