Esistono diversi software per wireframing, nell’ambito del web design. Parlando con Alberto, mi ha detto che nella loro società usano produttivamente Omnigraffle per Mac. Per Windows c’è Microsoft Visio. Andando più sul professionale c’è Axure, mentre una soluzione multipiattaforma è InDesign di Adobe.

Per le mie esigenze però alla fine ho trovato Mockups di Balsamiq: sketchy, simpatico e semplice da usare. Il software è a pagamento, ma c’è una bella demo web e una  installabile, per Adobe Air, perfettamente funzionante anche su Linux.

Per Alessia: dai che non è difficile questo!

Veniamo al sodo: sappiamo essere praticamente impossibile che il cliente accetti il design del sito alla prima proposta. Questo per diversi motivi.

In primis, il design e’ soggettivo: puo’ piacere o non piacere. Uno dei problemi, da questo punto di vista, e’ che i designer sono coinvolti emotivamente nella realizzazione del loro “bambino”, e questo rende difficoltoso guardare con oggettivita’ al lavoro che si sta proponendo.

Inoltre, i layout presentati al cliente non sono interattivi, quindi e’ difficile spiegargli come il sito funzionera’. Soprattutto le parti innovative puo’ essere difficili da capire per un navigatore non navigato.

Come fare quindi a facilitare l’accettazione? Larissa, in maniera molto metodica,  stila una serie di 12 regole da imparare a memoria:

Diventate amici del cliente, tentando di dimenticare che vi fornisce denaro! Vi aiutera’ a essere sinceri in quello che fate e dite.

Fate un sacco di domande, sugli obbiettivi del cliente, ad esempio.

Fate ancora piu’ domande, su chi saranno gli utenti del sito per esempio. Spesso gli obbiettivi del cliente sono diversi dal quello degli utenti.

Utilizzate i wireframes, senza esserne peraltro troppo legati. Specificate priorita’ e posizionamenti generali. Fate in modo che il WF sia scalabile. Conducete il cliente nella navigazione del WF. Utilizzate delle legende per nomenclare le sezioni. Piccoli cambiamenti nel design finale sono comunque consentiti.

Parlate del design prima di creare il layout. Discutete riguardo ai colori, ai font, a siti di riferimento.

Proponete design di una sola tipologia. Se il cliente si trova di fronte due layout di struttura differente, si sentira’ autorizzato a chiedervi di mischiarli.

Proponete il layout direttamente tramite il browser. E aggiungete delle note: probabilmente la vostra persona di riferimento dovra’ mostrare il layout a qualcun altro.

Prototipate quanto serve. Aiutera’ il cliente a capire meglio i concetti innovativi (e qui e’ stato caldamente consigliato Fireworks)

Pretendete feedback. Ogni componente del processo deve essere sicuro della direzione che si sta seguendo. Ma troppe persone coinvolte significa perdita di qualita’! Aiutate il cliente a focalizzare sui propri obbiettivi. E chiedete dettagli precisi quando dice “c’e’ qualcosa che non mi convince”.

Siate confidenti nel vostro lavoro. Tenete traccia di tutte le decisioni che prendete, e ricordate, VOI siete gli esperti!

Il tempo e’ galantuomo. Aspettate che il cliente si abitui al design process, e vedrete che sara’ tutto piu’ semplice.

Traete il massimo da una situazione difficile. Siate positivi! Il cliente apprezzera’. Soddisfate le sue richieste, ma tenendo sempre a mente che il fruitore del servizio sara’ l’utente.

Sicuramente, un bel po’ di informazioni interessanti per uno come me, a cui il compito del web designer ha sempre affascinato per quanto riguarda l’aspetto creativo, ma d’altra parte terrorizzato al pensiero del processo realizzativo!

E’ stato proprio tramite Patrick ed il suo sito che sono venuto a conoscenza del FOWD, ma, forse per il fatto che non sono un designer, devo dire che il suo intervento ha leggermente deluso le mie aspettative. Non voglio dire di aver trovato alcuni suggerimenti banali, ma.. ho trovato alcuni suggerimenti banali. Ciò non toglie che siano stati 50 minuti godibili.

Secondo Patrick, esistono due tipi di fonti di ispirazione per un designer: quelle dirette, ovvero quelle che hanno a che fare con la grafica, quali riviste, libri (come il suo The Web Designer’s Idea Book), pubblicità su qualsiasi media, e addirittura i menù dei locali più disparati. Blogs & portfolios sono in lista, naturalmente. Le fonti indirette sono quella dalle quali invece si carpiscono idee: arte, storia, e libri, si, ma non inerenti al design. Per esempio, Patrick ha fatto notare come si potesse strutturare il layout di un sito utilizzando la spirale aurea, la stessa spirale utilizzata da Leonardo per le proporzioni della Gioconda.

Ma attenzione, dell’ispirazione non bisogna comunque abusare: esiste un momento per ricercare, e uno per mettere in pratica. E duplicare lavori già fatti.

Interessante poi il discorso riguardo l’incentivazione dell’utente: creare un layout utilizzando prevalentemente bianco e toni di azzurro, con un bottone giallo (il classico ‘Subscribe’) a contrastare; il bottone diventa il focus visivo della pagina, e aiuterete il visitatore a incanalarsi sui binari che preferite voi.

Per finire, una previsione sulle tendenze future. Mentre lo stile attuale (quello comunemente associato al Web 2.0) fa mostra di sè tramite grandi banner, testi chiari e ben leggibili, e in definitiva una tendenza al supersize, il futuro del design web ci riserverà colori tenui e pastellosi (vedere il nuovo sito di Wordpress per credere), scrolling più orizzontale che verticale, e un uso più massiccio di oggetti video incastonati nelle pagine.

Calcolando la mole di siti che Patrick recensisce e cataloga, ci sarà da credergli!

Patrick McNeil – FOWD London 2008 from Future of Web Design on Vimeo.

Trovo che le conferenze siano un ottimo strumento per entrare a contatto con gli esperti del settore, imparare ed ampliare i propri orizzonti. Senza contare che tra gli utenti si aggirano sempre persone interessanti con le quali scambiare idee, opinioni, e perchè no!, anche progetti.

La prima conferenza alla quale ho partecipato è stata (come il titolo suggerisce) il Future of Web Design di Londra.Lo so, non sono un designer, ma ero convinto che da un evento del genere avrei comunque ricevuto un sacco di stimoli ed idee, come poi infatti si è dimostrato. Inoltre era una buona occasione per rivedere Londra e un caro amico, che ringrazio per avermi ospitato e sopportato quattro giorni (grazie Jeanpierre!).

L’evento era spalmato sulle giornate di giovedì 17 e venerdì 18 aprile 2008, la prima contenente diversi interventi e quindi più teorica, la seconda invece di stampo pragmatico, con la possibilità di frequentare due workshop estratti da un ventaglio di otto disponibili.

E proprio per pragmatismo ho deciso di saltare la seconda giornata: troppo costosa per un salto nel vuoto, senza nessun indizio sulla professionalità dei mini-corsi. Comunque, ci ha pensato Microsoft a riempirmi il vuoto del venerdì mattina, organizzando un seminario gratuito su Silverlight. Ringrazio Microsoft, e ricambio la gentilezza evitando di parlare di quell’intervento su queste pagine..

Tempo (non atmosferico) permettendo, nei prossimi giorni proverò a sintetizzare i vari interventi del giovedì. Anticipo comunque che, sebbene le aspettative fossero incerte, l’evento è stato davvero interessante, e sicuramente mi ha dato grandi stimoli per non fossilizzarmi e seguirne di nuovi! Più che buoni – tranne un paio di eccezioni – gli interventi dei relatori, ottimi invece i partecipanti conosciuti!