Come presentare un web design al cliente

Il successo del tuo design non dipende solo dalla tua capacità di creare qualcosa di visivamente accattivante, ma anche dalla tua capacità di venderlo.

Come designer professionista, dovresti sapere come comunicare con il tuo cliente e presentare il tuo prodotto nel miglior modo possibile. Migliore è la tua presentazione, maggiori sono le possibilità che il tuo progetto venga approvato.

In questo articolo condivideremo alcuni segreti per una presentazione efficace e alcuni trucchi per far innamorare i tuoi clienti del tuo lavoro. Inizieremo con il numero di opzioni che dovresti presentare al tuo cliente.

Quante opzioni di design dovrei presentare?

Sheena Iyengar, esperta di fama mondiale sulle scelte e sul processo decisionale, afferma che una varietà di scelte può attirare l'attenzione dei consumatori ma allo stesso tempo sopraffarli e confonderli. Cioè, dato che troppi consumatori sceglieranno qualcosa anche se potrebbe non essere l'opzione migliore.

Perché presentare più opzioni, comprese quelle di cui non sei così sicuro? Se offri troppe opzioni, il tuo cliente potrebbe benissimo ignorare il tuo design preferito. Per questo consigliamo di presentare solo il prototipo definitivo.

Questo non significa che dovresti mostrare solo un'immagine, però. Racconta l'intera storia dall'inizio, fornendo istantanee del tuo progetto in varie fasi. Spiega le decisioni che hai preso e come soddisfano gli obiettivi di business del tuo cliente. Guida il tuo cliente attraverso tutte le iterazioni che hai attraversato per trovare una soluzione al suo problema. Questo parlerà alla tua esperienza e dimostrerà che non hai semplicemente ridisegnato un progetto esistente, ma piuttosto hai eseguito una grande quantità di lavoro.

Il protagonista della tua storia di design sei tu. I clienti ti guarderanno e ti giudicheranno in base alle tue parole e azioni. Pertanto, faresti meglio a pensare in anticipo a ciò che dirai.

Come affascinare i clienti con la tua presentazione

A volte, quando presenti il ​​tuo progetto, puoi scatenare una raffica di speculazioni, rivelare troppe informazioni o annoiare il tuo cliente. Ovviamente, non è quello che vuoi davvero fare. Se vuoi offrire una presentazione fluida, prova a organizzarla seguendo questi cinque passaggi:

# 1. Formulare il problema

Cosa dovresti fare prima? Stabilisci le aspettative per il tuo pubblico: annuncia cosa stanno per vedere i tuoi clienti e cosa ne trarranno. Formula il problema posto al tuo primo incontro, il compito su cui hai lavorato (ad esempio per creare un design veloce e ottimo per un'app di fitness web) e gli approcci che hai utilizzato per gestire questo problema.

In alternativa, puoi iniziare con un breve riepilogo di ciò che i tuoi clienti hanno già visto: l'ultimo design, un prodotto esistente o un articolo riprogettato. Puoi anche toccare l'ultimo feedback fornito dai tuoi clienti. In questo modo, getterai le basi per la tua presentazione principale ed eviterai domande inutili.

#2. Rivolgiti all'attività del tuo cliente

Cerca di rendere la tua presentazione più personale. Discuti del marchio del tuo cliente e del suo pubblico di destinazione. Il tuo obiettivo è dimostrare di comprendere l'attività del tuo cliente. Supponiamo che tu stia progettando un sito Web per l'azienda Soft Blankets. Questo sito Web deve riflettere la gamma di prodotti e prezzi dell'azienda, nonché trasmettere una sensazione di calore e intimità ai clienti.

Puoi arricchire sia i tuoi mockup che il design finale con le foto dell'azienda del tuo cliente anziché con le fotografie d'archivio. Ad esempio, se stai costruendo un sito web di beneficenza, le foto reali di un'asta di beneficenza organizzata dall'azienda avranno un impatto molto maggiore sui tuoi clienti e sui loro potenziali sostenitori.

#3. Descrivi il processo di progettazione

Fornisci una breve descrizione di ogni singola fase del tuo processo di progettazione e parla delle informazioni che hai acquisito. Dovresti anche sottolineare i modi in cui hai sfruttato queste informazioni per migliorare il design generale. Qui è molto importante presentare i componenti del design come vantaggi per l'attività del cliente. Ad esempio, potresti spiegare che hai utilizzato più rosso per un sito Web di fast food poiché aumenta l'appetito di un cliente e potrebbe incoraggiare i clienti a ordinare più cibo. Ora il segreto di McDonald's e KFC è stato svelato.

#4. Tieni una conversazione

Una presentazione di design è una conversazione. Se vuoi ricevere un feedback informato, rispondi alle domande quando si presentano e spiega tutto ciò che il tuo cliente ha perso. Assicurati che la tua presentazione sia chiara per il tuo cliente e di essere sulla stessa pagina. Inoltre, il dialogo costruttivo può portare nuove idee e soluzioni.

#5. Raccogli feedback

L'ultimo e probabilmente più importante passaggio è ottenere un feedback. Dai ai tuoi clienti un po' di tempo per valutare il tuo lavoro. Il tempo che devi aspettare dipende dal tuo cliente, dal suo carico di lavoro e dalle dimensioni del tuo progetto. Ovviamente, i grandi progetti richiedono più tempo per essere esaminati rispetto a quelli piccoli. Non farti prendere dal panico se il tuo cliente non risponde nei primi tre giorni. Il sito Web che hai progettato è una parte importante dell'attività dei tuoi clienti e devono essere sicuri che conquisterà il loro pubblico.

Come raccogliere feedback nel modo giusto

A volte, tuttavia, potresti lavorare sodo e ricevere comunque feedback inutili o che non riesci a gestire correttamente, oppure la risposta potrebbe richiedere mesi. Come puoi evitare una situazione del genere e impostare la giusta direzione per i tuoi clienti? Basta seguire questi suggerimenti.

1. Pianifica in anticipo

Ti consigliamo di chiarire tutti i problemi prima di raccogliere feedback. Imposta una data specifica in cui il tuo cliente fornirà un feedback sul tuo lavoro. Prendi sul serio questa data. Sarebbe bello da parte tua ricordare al tuo cliente la data del feedback con qualche giorno di anticipo. Dovresti anche concordare la forma del feedback, sia tramite chiamata, e-mail o di persona.

2. Poni domande mirate

Molto spesso, le presentazioni di design si trasformano interamente in discussioni sui contenuti. Chiaramente, sono previste alcune discussioni sui contenuti, ma il tuo cliente non dovrebbe dedicare tutto il suo feedback a questo tema. Se desideri ricevere feedback utili, poni domande specifiche e indirizza una conversazione su ciò di cui vorresti davvero ricevere feedback.

Non chiedere ai tuoi clienti "Cosa ne pensi?" Invece, chiedi loro se questo concetto soddisfa i loro obiettivi di business o in che modo non riesce a farlo, oppure chiedi loro se la tavolozza dei colori si adatta al posizionamento del marchio.

3. Cogli il vero significato

Mentre commentano il tuo progetto, i clienti spesso propongono soluzioni piuttosto che sottolineare il problema: “Puoi ingrandire questo pulsante? Puoi aggiungere altro verde?" Il tuo compito è identificare il problema principale o la sfida che si nasconde in quel feedback.

Chiedi loro sempre perché: “Perché vuoi che questo pulsante sia più grande? Perché pensi che più verde sarà migliore per il tuo sito web?" Dustin Curtis, fondatore di Svbtle, pone almeno tre domande ai suoi clienti sulle loro opinioni.

4. Applicare la logica e citare marchi famosi

Se non condividi la stessa opinione del tuo cliente, non iniziare a criticarlo e screditarlo. Sostieni invece le tue argomentazioni con fatti, studi e ricerche. Lascia che questi fatti parlino da soli. Inoltre, puoi citare aziende famose come esempi.

Immagina che il tuo cliente ti abbia chiesto di ridurre la dimensione del carattere da 22pt a 12pt. In questo caso, potresti rispondere con qualcosa del tipo "Questo è un punto interessante. Ma sai, di recente ho letto uno studio che mostra che dimensioni dei caratteri più grandi possono suscitare connessioni emotive più forti con un marchio. A proposito, anche Medium utilizza il carattere 22pt.

E non usare frasi che rientrano nello stile "Te l'avevo detto". Cerca di mostrare empatia: "Sì, sono rimasto scioccato anche io quando l'ho sentito".

5. Rispetta l'opinione del tuo cliente

Anche se probabilmente hai molta più esperienza nel web design, il tuo cliente conosce ancora la sua attività meglio di te. Sono loro che utilizzeranno il design quotidianamente. Quindi devono sentirsi a proprio agio con il sito Web che hai progettato.

Se il tuo cliente rimane insoddisfatto del tuo design, rivedi insieme il tuo lavoro. Cerca di trovare un compromesso e adatta il design in base al feedback del tuo cliente. Ricorda che la simbiosi delle conoscenze del tuo cliente e della tua esperienza può portare a un prodotto di vero successo.

Ora conosci già la parte teorica: come agire e cosa dire mentre presenti il ​​tuo lavoro di progettazione. Eppure non è chiaro in quale forma dovresti inquadrare il tuo design. Come dovrebbe essere il tuo prototipo?

Che tipo di prototipo dovrei scegliere?

Non possiamo darti una risposta universale e dire "disegnalo in questo modo". Ma possiamo facilitare il tuo lavoro offrendoti alcuni suggerimenti utili sul flusso di prototipazione. Ti consigliamo di scegliere il tipo di prototipo e gli strumenti che utilizzi per crearlo in base alla fase di progettazione in cui ti trovi attualmente, sia la fase iniziale che quella finale. Diamo un'occhiata più da vicino a entrambe queste fasi.

Fase iniziale

La fase iniziale è quando si pensa alla logica e alla funzionalità del sito Web: layout, funzionalità, connessioni e transizioni. Tenendo presente il tuo pubblico di destinazione, formi elementi che renderanno il sito Web intuitivo per gli utenti. Il tuo obiettivo principale è verificare l'operatività del prodotto.

Pertanto, in questa fase, è possibile presentare un prototipo a bassa fedeltà sotto forma di semplici schermi schematici solitamente con colori di base e senza effetti visivi o dettagli.

Per progettare un prototipo a bassa fedeltà, puoi provare i seguenti strumenti:

• Wireframe.cc – Uno degli strumenti più basilari che i progettisti possono utilizzare per creare wireframe. I suoi principali vantaggi sono la sua semplice interfaccia e la possibilità di iniziare a progettare wireframe immediatamente senza alcuna registrazione.
• Moqups.com – Un'app web che ti aiuta a creare wireframe, mockup e prototipi. Moqups offre una libreria integrata con migliaia di set di icone, archiviazione basata su cloud e funzionalità di commenti e feedback.
• Pencil Project (pencil.evolus.vn) – Uno strumento di prototipazione gratuito e open source per piattaforme desktop e mobili. Pencil Project fornisce raccolte integrate (forme, elementi del diagramma di flusso, ecc.), supporto per il disegno di diagrammi e collegamenti tra le pagine.

Con un prototipo a bassa fedeltà devi stare attento, poiché puoi affrontare incomprensioni e commenti negativi da parte del tuo cliente: “Perché gli schermi sono così semplici? Perché hai usato una combinazione di colori così scadente?" Se ciò accade, prenditi del tempo per spiegare al tuo cliente cos'è l'UX e quanto è importante per il loro prodotto – che l'UX è il cuore e l'anima del loro futuro sito web – e che questo prototipo è lontano dalla versione finale.

Fase finale

Nella fase finale, devi consegnare un prototipo ad alta fedeltà al tuo cliente: aggiungi elementi interattivi come micro interazioni, navigazione da schermo a schermo e altre animazioni.

Un prototipo ad alta fedeltà è una rappresentazione interattiva basata su computer realizzata il più vicino possibile al progetto finale (in termini di dettagli e funzionalità) per consentire al cliente di esaminare l'usabilità del prodotto e trarre conclusioni sul comportamento dell'utente.

I prototipi ad alta fedeltà ti consentono di percepire le transizioni e le funzioni del sito Web in modo più realistico rispetto a quelli a bassa fedeltà e rivelano potenziali bug o difficoltà in questa fase prima di creare l'interfaccia utente.

Se non sei sicuro di quali strumenti utilizzare per animare il tuo prototipo, prova questi:

• InVision (invisionapp.com) – Una piattaforma di progettazione di prodotti digitali che consente di creare prototipi interattivi in ​​pochi minuti. Usando InVision, puoi creare fogli di stile e generare codice reale per qualsiasi elemento di design. Inoltre, InVision consente ai tuoi clienti, membri del team e stakeholder di commentare direttamente i tuoi progetti.
• Adobe XD (adobe.com/products/xd.html) – La soluzione UI/UX all-in-one che ti aiuta a trasformare il tuo layout statico in un prototipo interattivo con un clic. Usando Adobe XD, il tuo prototipo si aggiorna automaticamente ad ogni modifica che apporti: nessuna sincronizzazione richiesta.
• Principio (principleformac.com) – Uno strumento di prototipazione che ti consente di progettare interfacce utente animate e interattive, indipendentemente dal fatto che tu stia progettando il flusso di un'app multischermo o nuove animazioni e interazioni.

Sei pronto a presentare il tuo web design?

La forma in cui presenti il ​​tuo progetto dipende dal tipo di prodotto, dai componenti del design che stai presentando (ad es. layout o funzionalità) e dalla fase del processo di progettazione in cui ti trovi. -prototipi di fedeltà, mentre la fase finale richiede di avvicinarsi al prodotto finale il prima possibile e di fornire un prototipo interattivo ad alta fedeltà.

Naturalmente, il successo della tua presentazione risiede nella tua fiducia e nei dati che possiedi: tieni a portata di mano fatti e argomenti basati sulla logica per supportare le tue opinioni. E non aver paura di chiedere al tuo cliente "perché?".

Hai provato qualcuno di questi suggerimenti? Conosci altri segreti per una presentazione vincente? Condividi i tuoi pensieri nei commenti qui sotto.