Det har hänt med alla. Du spenderar otaliga timmar som producerar en vacker, pixel-perfekt komp bara för att få den avvisad av klienten, eftersom det inte är vad de tänkte i sitt sinne. Det är den fruktade "Jag vet det när jag ser det" förbannar.

Du skickas tillbaka till ritbordet, ditt ego och budgeten tar en träff, och alla är frustrerade av processen. Efter det händer några gånger inser du att att få kunden att vara involverad tidigare i processen kan göra en stor skillnad i resultatet av dina designpresentationer.

Som designare tror vi ofta att vi har alla svaren. Det är vårt jobb att veta vad som ser bra ut och vi tar det ansvaret på allvar! Men även om du är begåvad och ditt arbete är det inte lätt att felläsa kundens förväntningar. Ord misslyckas då man försöker översätta konceptkoncept. Vad en person kallar "edgy" en annan kan se som kaotisk.

Och om din klient inte har varit väldigt kommande om vad de vill att deras nya sajt ska se ut är det ännu svårare att slå märket i ett skott. Visuella kommunicerar saker som ord inte kan. En bild är värt tusen ord, och humörbrädor är ett bra verktyg för att skapa den bilden för din klient.

Bilder är värda tusen ord

Vad är exakt ett humörbräda?

Mood boards (ibland kallade inspirationskort) används i en mängd olika discipliner. Du har ingen tvekan sett dem används för Inredningsdesign , där tygprov och färgprofil grupperas ihop på en affisch för att visa en husägare vilken typ av atmosfär den nya inredningen kommer att skapa. De används också ofta i Mode att markera trender och stilar. I grund och botten är de en sammanställning av inspirerande element som används av designers att utarbeta idéer i början av ett designprojekt.

En stämningsbräda är extremt användbar för att skapa en estetisk känsla för en webbplats. Det passar vanligtvis i processen någonstans efter wireframes och före designmockups. Saker som kan undersökas i stämningsbrädet är fotograferingsstil, färgpaletter, typografi, mönster och webbplatsens övergripande utseende. Mjuk eller hård? Grungy eller ren? Mörk eller ljus? En grov collage av färger, texturer och bilder är allt som krävs för att framkalla en specifik stil eller känsla.

Humörbrädan är avsiktligt avslappnad; det låter konstruktören börja med breda slag och få feedback innan alltför mycket tid investeras i fel riktning. Tänk på det som snabb visuell prototypning.

Färgpalett

Hur skapar jag en?

Det första du bör göra är att utvärdera projektet och välja stämningsbrädans stil som fungerar bäst. Det finns många olika sätt att presentera en stämningsbräda. Den riktning du väljer kommer att baseras på den tilldelade tiden, personliga arbetsvanor och viktigast av allt kundens personlighet.

Stil 1: Loose Collage

Om de är stora tänkare som inte är besatta med detaljerna är chansen att de kommer att älska denna del av processen och kommer inte att kräva raffinerade stämningsbrädor. En lös collage fungerar bra för att förmedla den typ av utseende och känsla du ska ha på. Ett exempel på denna stil är nedan:

Collage Style Mood Board

Det här är det enklaste sättet att skapa en stämningsbräda eftersom den snabbt kan kastas och tvinga dig inte att fatta beslut om mindre detaljer, t.ex. teckensnitt eller specifika färger. Ta bitar av inspiration från var som helst du väljer. Skanna i saker som du hittar runt dig eller sök på nätet efter lämpliga bilder och texturer. Ibland är det bra att inkludera skärmdumpar av andra webbplatser med liknande utseende.

Även om detta är den mest tidseffektiva och roliga stilen att göra, kan det tyvärr vara förvirrande och distraherande för kunder som inte helt förstår idén.

Stil 2: Raffinerad mall

Om din kund inte har arbetat med många designers eller marknadsförare, eller om de är extremt detaljorienterade, kanske du vill ta ett mer formellt tillvägagångssätt. I denna stil skapas en mall för att visa de olika elementen. Ett exempel på denna stil är nedan:

Mall Style Mood Board

En färgpalett definieras. Fontbehandlingar som en rubrik och underrubrik väljs och objekt som knappar och fotografier kan också arbeta in. En standardiserad mall hjälper din klient att fokusera på de presenterade elementen.

Jag skapar vanligtvis 3 stämningsbrädor för något designprojekt. Beroende på stilen spenderar jag 1 till 3 timmar på vardera. Innan jag börjar börjar jag en lista med adjektiv för varje styrelse. Ett exempel kan vara:

  • Mörk, blank, glatt, modern, kantig, hård, aggressiv
  • Mjuk, dämpad, rund, skiktad, elegant och realistisk
  • Färgrik, grov, sketchy, ljus, illustration

Dessa adjektiv fungerar som riktlinjer när jag sammanför elementen. Orden (och styrelserna) borde ha stora skillnader. Inklusive ett brett sortiment av stilar är viktigt för att få ut det mesta av denna process.

Hur presenterar jag det?

Förbered din klient genom att förklara hur mood board passar in i din process. Berätta för dem vad du hoppas få ut av granskningen och låt dem veta att alla återkopplingar välkomnas vid denna tidpunkt.

När du presenterar, vinka din klient till inspirationen bakom varje styrelse . Din startlista med adjektiv är till hjälp här. Påminn dem om att ingenting på brädorna är satt i sten och att de helt enkelt är ett verktyg som används för att fokusera designprocessen.

Du kommer att upptäcka att en klient i de flesta fall vet vilken stämningskort som känns rätt till dem inom några sekunder. Om de behöver se några ytterligare alternativ, är det snabbt och smärtfritt att göra revisioner på detta stadium.

Vad är fördelarna?

Snabbare mockupproduktion

Vissa kunder kommer att hävda att de inte vill betala för stämningsbrädor och hellre skulle gå direkt till mockups, men några korta timmar spenderade framåt kan spara otaliga timmar längs linjen . Med en visuell guide skapad och en klar vision om var du är på väg är det mycket lättare att hoppa direkt in i den visuella prototypprocessen. Det finns inget blank-canvas syndrom att hantera, och ingen gnagning känner att du slösar bort din tid på ett koncept som de kanske inte gillar. Bäst av allt finns inga stora överraskningar . Sedan jag har använt stämningsbrädor har jag ännu inte kommit i ett projekt som var ett komplett överdrag.

Mjukare inköp av kunder

Dessutom gör tidigt kunddeltagande dem en större del av projektet. När kunder känner sig involverade är de mer benägna att lita på dig. Mood boards gör det klart att du lyssnar på dem och överväger deras inmatning . De får också inblick i tanken bakom dina beslut, fördriver det alltför vanliga begreppet att designers väljer allt på ett infall. Att veta varför du valde något kommer ofta att hålla personliga preferenser (dvs / klientens favoritfärg är lila så att hon skulle vilja se den som bakgrund) från att krypa in som förändringsförfrågningar.

Mindre frustration, roligare

Mood boards är så roliga, de känner sig knappast som arbete. Att konstruera löst låter dig brainstorma, utforska och spela med olika stilar utan alla de begränsningar som en layout (och kodande verkligheter) senare kommer att införa. De håller också revideringscykler till ett minimum, något som varje designer kan uppskatta.

exempel

Nu när du vet varför de är användbara är det dags att göra dem till en del av din process. Inte riktigt redo att hoppa in? Kolla in några exempel för att få dina kreativa juice att flyta.

Nedan skapades en collage mood board för en onlinebutik som säljer barnkläder och accessoarer.

Collage Style Mood Board

Adjektiv de valde att beskriva deras varumärke inkluderar stilfulla, vänliga och moderna. Kollagen föreslår ett blått och brunt färgschema, en blandning av handskriven och serif typsnitt, rundade knappar och några handgjorda element.

För jämförelse, här är ett exempel på en mall mood styrelse för samma projekt:

Mall Style Mood Board

Mallen tar ett mer strömlinjeformat tillvägagångssätt, släpper de handgjorda elementen men håller det blå och bruna färgschemat. Färgpalett, mönster, typbehandlingar och fotoanvändning är allt tydligare.

Om du behöver fler idéer, Flickr Inspiration Boards gruppen har en bra samling från alla slags designers.

Försök använda stämningsbrädor i ditt nästa projekt. De är ett roligt, effektivt och effektivt sätt att kommunicera stora designidéer.

Skriven uteslutande för WDD av Mindy Wagner. Hon är webbdesigner på Viget Labs och har arbetat i både tryck och webbdesign i över 8 år. Hon har en examen i elektronisk media konst och kommunikation från Rensselaer Polytechnic Institute.

Har du använt humörbrädor eller funderar du på dem? Vänligen dela dina kommentarer nedan.