Come consegnare al cliente un solo progetto grafico

Se già conosci i wireframe leggi la nota[[Per gli esperti che mi leggono, per favore non linciatemi.Lo sto che sto riducendo tutto in maniera decisamente troppo condensata, ridurre tutto il design solo ad un wireframe usato in maniera tra l’altro impropria, però sono dell’opinione che è tanto meglio procedere per gradi piuttosto che mollare tutto il bloccone di cose tutte assieme.]], altrimenti continua a leggere l’articolo, è tutto per te.

Siamo sinceri, quante bozze (grafiche) avete fatto per gli ultimi vostri clienti? Quante sono piaciute al primo colpo e quante invece sono state respinte? Sapete invece quante ne ho fatte io? Sempre e solo una, e non è mai stata rifiutata. No, non c’entra la fortuna, ma solo tanto lavoro. E studio, of course.

Questo articolo è rivolto in particolare a tutti quelli che ancora non hanno capito il concetto di wireframe ma anche dell’usabilità in generale (e siamo su stime dell’82% del totale dei webdesigner e agenzie[[Dato ottenuto da Simone D’Amico nella sua tesi di laurea.]]).

Come lavorano queste agenzie e professionisti?

Dato che stiamo parlando dell’82% di tutti noi (come categoria), è bene capire quale sono i processi di sviluppo di un sito web “classico”, ovvero la procedura seguita dalla stragrande maggioranza:

• Incontro col cliente
• Bozza in Photoshop
• Correzioni bozza
• Codice e consegna

 

Vi ci trovate? Spero sinceramente di no.
Ora, non per essere cattivo o che, ma questo metodo è folle. È semplicemente folle, anche se è vero che è molto veloce.
E per diversi motivi:

• Perdete del tempo inutilmente, sistemando le varie bozze con già la grafica montata sopra.
• Il sito non è un lavoro di qualità, perché non tiene conto di utenti, bisogni, necessità, niente di niente, quindi il sito non serve a nessuno.
• Il sito sembra economico, ma sembra e basta, perché a meno che al cliente non frega niente, quel sito è -probabilmente- da buttare e rifare come si deve. Sarebbe costato molto di meno farlo bene una sola volta. E di certo (il cliente) non si affida a quelli che gli hanno fatto un lavoro da cani.

Fare un sito come si deve è un procedimento non proprio velocissimo, ci sono un sacco di cose da fare, testare, studiare, verificare, controllare, ecc… Ridurre tutto a una sola bozza grafica è francamente eccessivo.

C’è però metodo molto più semplice di ottenere un lavoro quasi-decente senza doversi mettere a fare, studiare, controllare e quant’altro. Un metodo che vi consente di ottenere comunque il 100% dei responsi positivi alla vostra proposta grafica (e se ciò non accade il cliente ha seri problemi), questo metodo si chiama wireframe. In italiano, bozza. Sembra la scoperta dell’acqua calda, e in effetti non è che serva un illuminato per arrivare a questo, però allora perché l’82% delle agenzie/professionisti-presunti-tali non usa neanche un accenno di tale tecnica?

È arrivato il momento di provare un wireframe.

Che è un wireframe?

In italiano si traduce banalmente con bozza, ma è ben diversa dalle vostre bozze fatte con tutti i lustrini in Photoshop, questa è una bozza grezza, a malapena si vedono quelli che saranno poi i blocchi finali dei sito. Esistono dei programmi apposta per creare queste bozze, sia desktop sia online, a voi la scelta, volendo potreste usare comunque Photoshop, vedete comunque quanto è più facile e veloce creare uno di questi blocchi e modificarlo piuttosto che una grafica fatta e finita.
Si presenta al cliente, si modifica, si presenta al cliente, si modifica, molto semplice e efficace, veloce ed economico. Provateci, non vi costa niente, e il vostro lavoro ne guadagnerà. Certo, siamo ancora ben lontani da un corretto metodo di sviluppo, ma è già qualcosa.

]]>