È successo a tutti. Passi innumerevoli ore a produrre una bella composizione pixel-perfetta solo per averla respinta dal cliente perché non è ciò che stavano immaginando nella loro mente. È la maledizione temuta "Lo saprò quando la vedrò".

Si viene rimandati al tavolo da disegno, il tuo ego e il budget diventano un successo, e tutti sono frustrati dal processo. Dopo che questo accade alcune volte ti rendi conto che coinvolgere il cliente prima nel processo può fare una grande differenza nel risultato delle tue presentazioni di design.

Come designer, spesso pensiamo di avere tutte le risposte. Il nostro compito è sapere cosa sembra buono e prendiamo seriamente questa responsabilità! Ma anche se hai talento e il tuo lavoro è di prim'ordine è facile interpretare male le aspettative dei clienti. Le parole falliscono miseramente quando provano a tradurre concetti di design. Quello che una persona chiama "tagliente" un altro potrebbe sembrare caotico.

E se il tuo cliente non è stato molto disponibile su ciò che vuole il loro nuovo sito sembra che sia ancora più difficile colpire il bersaglio in un colpo solo. Le immagini comunicano cose che le parole non possono. Un'immagine vale più di mille parole e le moodboard sono un ottimo strumento per creare quell'immagine per il tuo cliente.

Le immagini valgono più di mille parole

Che cosa è esattamente un mood board?

Le tavole dell'umore (a volte chiamate tavole di ispirazione) sono usate in una varietà di discipline. Sicuramente li hai visti usati per Interior design , dove campioni di tessuto e campioni di chip di vernice sono raggruppati su un poster per mostrare a un proprietario di abitazione quale tipo di atmosfera creerà il nuovo decoro. Sono anche usati frequentemente in Moda per evidenziare tendenze e stili. In sostanza si tratta di una raccolta di elementi ispirativi utilizzati dai designer per arricchire le idee all'inizio di un progetto di design.

Una mood board è estremamente utile per stabilire l'aspetto estetico di un sito web. Di solito si adatta al processo da qualche parte dopo i wireframe e prima dei prototipi di progetto. Le cose che possono essere esplorate nella moodboard includono lo stile fotografico, le tavolozze dei colori, la tipografia, i modelli e l'aspetto generale del sito. Morbido o duro? Grungy o pulito? Buio o chiaro? Un ruvido collage di colori, trame e immagini è tutto ciò che serve per evocare uno stile o un sentimento specifico.

Il moodboard è intenzionalmente casuale; consente al designer di iniziare con ampi tratti e ottenere feedback prima che troppo tempo venga investito nella direzione sbagliata. Pensalo come una rapida prototipazione visiva.

Palette dei colori

Come posso crearne uno?

La prima cosa che dovresti fare è valutare il progetto e scegliere lo stile moodboard che funzionerà al meglio. Ci sono molti modi diversi per presentare un mood board. La direzione scelta sarà basata sul tempo assegnato, sulle abitudini di lavoro personali e, soprattutto, sulla personalità del cliente.

Stile 1: collage sciolto

Se sono grandi pensatori che non sono ossessionati dai dettagli, è probabile che ameranno questa parte del processo e non avranno bisogno di tavole affini. Un collage sciolto funzionerà bene per trasmettere il tipo di aspetto e sensazione che stai cercando. Ecco un esempio di questo stile:

Collage Style Mood Board

Questo è il modo più semplice per creare una mood board perché può essere lanciata rapidamente e non ti obbliga a prendere decisioni su dettagli più piccoli come font o colori specifici. Afferra i pezzi di ispirazione da qualsiasi luogo tu scelga. Esegui la scansione delle cose che trovi intorno a te o cerca online immagini e trame appropriate. A volte è utile includere screenshot di altri siti con un aspetto simile.

Sebbene questo sia lo stile più efficiente dal punto di vista del tempo e divertente da fare, sfortunatamente può essere fonte di confusione e di distrazione per i clienti che non ne comprendono appieno l'idea.

Stile 2: modello raffinato

Se il tuo cliente non ha lavorato con molti designer o persone di marketing, o se sono estremamente orientati ai dettagli, potresti voler adottare un approccio più formale. In questo stile, viene creato un modello per mostrare i diversi elementi. Ecco un esempio di questo stile:

Template Style Mood Board

Si definisce una tavolozza di colori, si scelgono trattamenti di carattere come intestazione e sottotitolo, e si possono anche lavorare elementi come stili di pulsanti e fotografie. Un modello standardizzato aiuterà il cliente a concentrarsi sugli elementi presenti.

Generalmente creo 3 mood board per qualsiasi progetto di design. A seconda dello stile, trascorro da 1 a 3 ore su ciascuna. Prima di iniziare vengo con una lista di aggettivi per ogni tavola. Un esempio potrebbe essere:

  • Scuro, lucido, lucido, moderno, tagliente, duro, aggressivo
  • Morbido, silenzioso, rotondo, a strati, elegante, realistico
  • Colorato, ruvido, abbozzato, brillante, illustrazione

Questi aggettivi servono come linee guida mentre raccolgo gli elementi. Le parole (e le schede) dovrebbero avere forti differenze. Includere una vasta gamma di stili è importante per ottenere il massimo da questo processo.

Come lo presento?

Prepara il tuo cliente spiegando come il moodboard si adatta al tuo processo. Dì loro cosa speri di uscire dalla recensione e fagli sapere che qualsiasi feedback è accolto a questo punto.

Quando stai presentando, induci il tuo cliente nell'ispirazione dietro a ciascuna delle tue schede . La tua lista degli aggettivi di aggettivi è utile qui. Ricorda loro che nulla sulle tavole è scolpito nella pietra e che sono semplicemente uno strumento utilizzato per focalizzare il processo di progettazione.

Scoprirai che nella maggior parte dei casi un cliente saprà quale tavola dell'umore si sentirà a proprio agio in pochi secondi. Se hanno bisogno di vedere alcune opzioni aggiuntive, fare le revisioni in questa fase è veloce e indolore.

Quali sono i vantaggi?

Produzione di mockup più veloce

Alcuni clienti sostengono che non vogliono pagare per mood board e preferiscono andare direttamente ai prototipi, ma poche ore passate in anticipo possono far risparmiare ore e ore . Con una guida visiva creata e una chiara visione di dove sei diretto, è molto più facile saltare direttamente al processo di prototipazione visiva. Non esiste una sindrome da tela bianca da affrontare e nessuna sensazione di rosicchia che stai sprecando il tuo tempo su un concetto che potrebbero non piacere. Meglio di tutto, non ci sono grandi sorprese . Da quando uso le mood board devo ancora imbattersi in un progetto che è stato un processo completo.

Pagamento del cliente più agevole

Inoltre, la partecipazione iniziale dei clienti li rende parte integrante del progetto. Quando i clienti si sentono coinvolti sono più propensi a fidarsi di te. Le schede Mood chiariscono che le stai ascoltando e considerando il loro contributo . Approfondiscono inoltre il pensiero che sta dietro alle tue decisioni, dissipando l'idea fin troppo comune che i designer scelgano tutto per un capriccio. Sapere perché hai scelto qualcosa manterrà spesso le preferenze personali (cioè / il colore preferito del cliente è viola, quindi vorrebbe vederlo come sfondo) da insinuarsi come richieste di modifica.

Meno frustrazione, più divertente

Le tavole dell'umore sono così divertenti, che difficilmente sentono il lavoro. Progettare liberamente ti consente di fare brainstorming, esplorare e giocare con stili diversi senza tutte le limitazioni che un layout (e le realtà di codifica) imporranno in seguito. Inoltre, riducono al minimo i cicli di revisione, cosa che ogni designer può apprezzare.

Esempi

Ora che sai perché sono utili, è tempo di renderli parte del tuo processo. Non sei ancora pronto per saltare? Dai un'occhiata ad alcuni esempi per far fluire i tuoi succhi creativi.

Sotto, un mood board collage creato per un negozio online che vende abbigliamento e accessori per bambini.

Collage Style Mood Board

Gli aggettivi che hanno scelto di descrivere il loro marchio sono eleganti, amichevoli e moderni. Il collage suggerisce uno schema di colori blu e marrone, un mix di caratteri manoscritti e serif, pulsanti arrotondati e alcuni elementi fatti a mano.

Per confronto, ecco un esempio di un mood board template per lo stesso progetto:

Template Style Mood Board

Il modello assume un approccio più semplificato, eliminando gli elementi fatti a mano ma mantenendo lo schema dei colori blu e marrone. La tavolozza dei colori, i modelli, i trattamenti di tipo e l'utilizzo delle foto sono tutti più espliciti.

Se hai bisogno di più idee, il Flickr Inspiration Boards gruppo ha una grande collezione di designer di tutti i tipi.

Prova a usare moodboard nel tuo prossimo progetto. Sono un modo divertente, efficace ed efficace per comunicare grandi idee di design.

Scritto esclusivamente per WDD da Mindy Wagner. È web designer presso Viget Labs e ha lavorato sia in stampa che in web design per oltre 8 anni. Ha una laurea in Arte e comunicazione multimediale elettronica presso il Rensselaer Polytechnic Institute.

Hai usato le tavole dell'umore o le stai prendendo in considerazione? Per favore condividi i tuoi commenti qui sotto.