Es ist jedem passiert. Sie verbringen unzählige Stunden damit, eine schöne, pixelgenaue Komposition zu produzieren, nur um sie vom Kunden abgelehnt zu bekommen, weil es nicht das ist, was sie sich vorstellten. Es ist das gefürchtete "Ich werde es wissen, wenn ich es sehe" fluchen.

Du wirst zurück an das Zeichenbrett geschickt, dein Ego und dein Budget werden getroffen und alle sind frustriert von dem Prozess. Nachdem dies ein paar Mal passiert ist, wird Ihnen klar, dass es sehr viel Einfluss auf das Ergebnis Ihrer Designpräsentationen haben kann, wenn Sie den Kunden früher in den Prozess einbeziehen.

Als Designer denken wir oft, dass wir alle Antworten haben. Es ist unsere Aufgabe zu wissen, was gut aussieht und wir nehmen diese Verantwortung ernst! Aber selbst wenn Sie talentiert sind und Ihre Arbeit erstklassig ist, können Sie die Kundenerwartungen leicht falsch verstehen. Worte versagen kläglich beim Versuch, Designkonzepte zu übersetzen. Was eine Person als "kantig" bezeichnet, könnte ein anderer als chaotisch sehen.

Und wenn Ihr Kunde nicht gerade sehr darauf bedacht ist, wie seine neue Website aussehen soll, ist es noch schwieriger, die Marke auf einen Schlag zu treffen. Bilder vermitteln Dinge, die Worte nicht können. Ein Bild sagt mehr als tausend Worte und Moodboards sind ein großartiges Werkzeug, um dieses Bild für Ihren Kunden zu erstellen.

Bilder sagen mehr als tausend Worte

Was genau ist ein Moodboard?

Moodboards (manchmal auch Inspiration Boards genannt) werden in einer Vielzahl von Disziplinen verwendet. Sie haben zweifellos gesehen, dass sie dafür benutzt wurden Innenarchitektur , wo Stoffmuster und Farbmuster auf einem Plakat zusammengefasst sind, um einem Hausbesitzer zu zeigen, welche Art von Atmosphäre das neue Dekor schafft. Sie werden auch häufig in Mode um Trends und Stile hervorzuheben. Im Wesentlichen sind sie eine Zusammenstellung von inspirierenden Elementen, die von Designern verwendet werden, um Ideen zu Beginn eines Designprojekts auszuarbeiten.

Ein Moodboard ist sehr nützlich, um das ästhetische Gefühl einer Website zu bestimmen. Es passt normalerweise nach Drahtbildern und vor Design-Modellen in den Prozess. Dinge, die im Moodboard erkundet werden können, umfassen den Stil der Fotografie, Farbpaletten, Typografie, Muster und das gesamte Erscheinungsbild der Website. Weich oder hart? Grungy oder sauber? Dunkel oder Licht? Eine grobe Collage aus Farben, Texturen und Bildern genügt, um einen bestimmten Stil oder ein bestimmtes Gefühl hervorzurufen.

Das Moodboard ist absichtlich lässig; es lässt den Designer mit breiten Strichen beginnen und bekommt Feedback, bevor zu viel Zeit in die falsche Richtung investiert wird. Betrachten Sie es als schnelles visuelles Prototyping.

Farbpalette

Wie erstelle ich einen?

Das erste, was Sie tun sollten, ist das Projekt zu bewerten und den Moodboard-Stil auszuwählen, der am besten funktioniert. Es gibt viele verschiedene Möglichkeiten, ein Moodboard zu präsentieren. Die von Ihnen gewählte Richtung richtet sich nach der vorgegebenen Zeit, den persönlichen Arbeitsgewohnheiten und vor allem nach der Persönlichkeit Ihres Kunden.

Stil 1: Lose Collage

Wenn sie große Denker sind, die nicht von den Details besessen sind, werden sie wahrscheinlich diesen Teil des Prozesses lieben und keine verfeinerten Moodboards benötigen. Eine lose Collage wird gut funktionieren, um die Art von Look and Feel zu vermitteln, die Sie anstreben. Ein Beispiel für diesen Stil ist unten:

Collage Stil Mood Board

Dies ist der einfachste Weg, um ein Moodboard zu erstellen, da es schnell zusammengewürfelt werden kann und Sie nicht zwingt, Entscheidungen über kleinere Details wie Schriftarten oder bestimmte Farben zu treffen. Ergreifen Sie Inspirationen von überall, wo Sie möchten. Scannen Sie Dinge, die Sie in Ihrer Nähe finden, oder suchen Sie online nach geeigneten Bildern und Texturen. Manchmal ist es hilfreich, Screenshots von anderen Websites mit einem ähnlichen Erscheinungsbild zu erstellen.

Obwohl dies der zeiteffizienteste und amüsanteste Stil ist, kann es leider verwirrend und ablenkend für Kunden sein, die die Idee nicht vollständig verstehen.

Stil 2: Raffinierte Vorlage

Wenn Ihr Kunde nicht mit vielen Designern oder Marketingmitarbeitern zusammengearbeitet hat oder wenn er extrem detailorientiert ist, sollten Sie einen formaleren Ansatz wählen. In diesem Stil wird eine Vorlage erstellt, um die verschiedenen Elemente zu präsentieren. Ein Beispiel für diesen Stil ist unten:

Vorlage Stil Mood Board

Eine Farbpalette wird definiert, Schriftartbehandlungen wie eine Überschrift und eine Zwischenüberschrift werden ausgewählt und Elemente wie Schaltflächenstile und Fotografie können ebenfalls bearbeitet werden. Eine standardisierte Vorlage hilft Ihrem Kunden, sich auf die vorgestellten Elemente zu konzentrieren.

Ich erstelle normalerweise 3 Moodboards für jedes Designprojekt. Abhängig von der Art, verbringe ich 1 bis 3 Stunden auf jedem. Bevor ich anfange, erstelle ich eine Liste von Adjektiven für jedes Brett. Ein Beispiel könnte sein:

  • Dunkel, glänzend, glatt, modern, kantig, hart, aggressiv
  • Weich, gedämpft, rund, geschichtet, elegant, realistisch
  • Bunt, rau, flüchtig, hell, Illustration

Diese Adjektive dienen als Richtlinien, wenn ich die Elemente zusammenziehe. Die Wörter (und Boards) sollten starke Unterschiede haben. Eine große Auswahl an Stilen ist wichtig, um diesen Prozess optimal zu nutzen.

Wie präsentiere ich es?

Bereiten Sie Ihren Kunden vor, indem Sie erklären, wie das Moodboard in Ihren Prozess passt. Sagen Sie ihnen, was Sie hoffen, aus der Überprüfung herauszukommen, und lassen Sie sie wissen, dass jedes Feedback an dieser Stelle willkommen ist.

Präsentieren Sie Ihren Kunden bei der Präsentation die Inspiration hinter jedem Ihrer Boards . Ihre Starterliste mit Adjektiven ist hier hilfreich. Erinnere sie daran, dass nichts auf den Brettern in Stein gemeißelt ist und dass sie einfach ein Werkzeug sind, um den Designprozess zu fokussieren.

Sie werden feststellen, dass ein Kunde in den meisten Fällen innerhalb von Sekunden wissen wird, welches Moodboard sich für sie am besten anfühlt. Wenn sie ein paar zusätzliche Optionen sehen müssen, ist es in diesem Stadium schnell und schmerzlos.

Was sind die Vorteile?

Schnellere Modellproduktion

Einige Kunden werden argumentieren, dass sie nicht für Moodboards bezahlen wollen und lieber direkt zu Modellen gehen, aber ein paar kurze Stunden im Voraus können unzählige Stunden auf der ganzen Linie sparen . Mit einem visuellen Leitfaden erstellt und eine klare Vision von dem, was Sie vorhaben, ist es viel einfacher, direkt in den visuellen Prototyping-Prozess zu springen. Es gibt kein leeres Leinwandsyndrom und kein nagendes Gefühl, dass Sie Ihre Zeit mit einem Konzept verschwenden, das ihnen nicht gefällt. Das Beste von allem, es gibt keine großen Überraschungen . Seitdem ich Moodboards verwende, muss ich noch auf ein Projekt stoßen, das ein komplettes Do-Over war.

Glatterer Kunden-Buy-In

Darüber hinaus macht die frühe Kundenbeteiligung sie zu einem größeren Teil des Projekts. Wenn sich Kunden betroffen fühlen, vertrauen sie eher Ihnen. Moodboards machen deutlich, dass Sie ihnen zuhören und ihren Input berücksichtigen . Sie erhalten auch einen Einblick in das Denken hinter Ihren Entscheidungen und zerstreuen die allzu allgemeine Vorstellung, dass Designer alles aus einer Laune heraus wählen. Wenn Sie wissen, warum Sie etwas ausgewählt haben, werden Ihre persönlichen Präferenzen (dh die Lieblingsfarbe des Kunden ist violett, damit sie dies als Hintergrund sehen kann) häufig als Änderungswünsche beibehalten.

Weniger Frust, mehr Spaß

Moodboards machen so viel Spaß, sie fühlen sich kaum wie Arbeit an. Durch das lose Entwerfen können Sie mit verschiedenen Stilen experimentieren, experimentieren und experimentieren ohne all die Einschränkungen, die ein Layout (und Codierungsrealitäten) später mit sich bringt. Sie halten auch die Revisionszyklen auf ein Minimum, was jeder Designer zu schätzen weiß.

Beispiele

Jetzt, wo Sie wissen, warum sie nützlich sind, ist es an der Zeit, sie zu einem Teil Ihres Prozesses zu machen. Nicht ganz bereit zu springen? Schauen Sie sich einige Beispiele an, um Ihre kreativen Säfte fließen zu lassen.

Unten, eine Collage Mood-Board für einen Online-Shop für Baby-Kleidung und Accessoires.

Collage Stil Mood Board

Adjektive, die sie wählen, um ihre Marke zu beschreiben, gehören stilvoll, freundlich und modern. Die Collage suggeriert ein blau-braunes Farbschema, eine Mischung aus handgeschriebenen und serifen Schriften, abgerundeten Knöpfen und einigen handgefertigten Elementen.

Zum Vergleich, hier ist ein Beispiel für eine Vorlage Mood Board für das gleiche Projekt:

Vorlage Stil Mood Board

Die Vorlage nimmt eine straffere Herangehensweise vor und lässt die handgemachten Elemente fallen, behält aber das blaue und braune Farbschema bei. Die Farbpalette, Muster, Typ Behandlungen und Foto-Nutzung sind alle expliziter.

Wenn Sie mehr Ideen brauchen, die Flickr Inspirationstafeln Gruppe hat eine große Sammlung von Designern aller Art.

Versuchen Sie Moodboards in Ihrem nächsten Projekt zu verwenden. Sie sind eine lustige, effiziente und effektive Möglichkeit, große Designideen zu kommunizieren.

Von Mindy Wagner exklusiv für WDD geschrieben. Sie ist Webdesignerin bei Vget Labs und hat über 8 Jahre in Print und Webdesign gearbeitet. Sie hat einen Abschluss in Elektronischer Medienkunst und Kommunikation vom Rensselaer Polytechnic Institute.

Hast du Moodboards benutzt oder überlegst du sie? Bitte teilen Sie Ihre Kommentare unten.