8 errori di design fatti da uno sviluppatore

Pubblicato il 13/02/2008 da Matteo Moro in analisi, design, errori, teoria

Un buon sito web deve mantenere un certo equilibrio fra un bell’aspetto e un’ottimo codice. Per questo, ci si trova spesso di fronte a designer che scrivono codice e a programmatori che si occupano della grafica. Parlando da sviluppatore che ha trascorso gli anni dell’università in mezzo ad altri sviluppatori, posso dire con certezza che un programmatore non è un designer. Siamo stati abituati a creare codice riutilizzabile e a conoscere i le metodologie della programmazione OO, ma non all’estetica. Al giorno d’oggi, però, uno dei maggiori vantaggi che un programmatore può avere, è qualche base di design.

Ora, mi rendo conto che un programmatore non potrà mai conoscere tutto sul design (e viceversa), ma ogni sviluppatore ha dei progetti personali, qualche piccolo cliente o un ruolo gestionale che richiedono un po’ di design. Uno dei grandi vantaggi dei liberi professionisti è quello di seguire, agli occhi del cliente, tutte le fasi dello sviluppo del sito web: ecco dunque otto errori comuni di design, fatti da sviluppatori.

ERRORE n.1: “So cosa è bello (e ho Photoshop)”

Non essere un buon designer è accettabile: molto peggio è, invece, pensare di esserlo e sbagliarsi. Ogni buon designer ha dei punti di riferimento, da cui attingere idee per creare buone soluzioni. Bisogna dedicare del tempo ad osservare i lavori degli altri e sfogliare riviste specializzate. Un po’ come un buon programmatore osserva il codice dei colleghi, un buon designer osserva sempre quello che vede in giro, che siano siti web o menu del ristorante. Senza dei buoni punti di riferimento, non ci sarà filtro di Photoshop che potrà salvarti.

ERRORE n.2: “Userò di nuovo il bianco e il blu”

Molti programmatori sorridono all’idea che un designer possa trascorrere delle ore nella scelta dell’esatta combinazione di colori per una pagina web. Proprio i colori, però, sono molto più importanti di quanto si possa pensare ed è spesso difficile modificarli una volta che il lavoro è arrivato alla fine. Come si è visto al punto precedente, osservare le combinazioni di colori utilizzate da altri designer (bravi, possibilmente) aiuta nelle scelte. Uno dei posti migliori dove guardare nella scelta dei colori è certamente COLOURlovers.

ERRORE n.3: “Allineo semplicemente tutto al centro”

Per la maggior parte delle persone, sembra naturale centrare titoli, sottotitoli e parti del testo. Spesso, però, il testo centrato in una pagina web dà un’impressione di “amatoriale”, mentre l’allineamento a sinistra è più sicuro e rende più professionale il sito agli occhi dei visitatori. Inoltre, è bene essere molto precisi con il posizionamento dei blocchi all’interno di una pagina: questo non significa che deve assomigliare a una griglia, ma che l’occhio si accorge immediatamente quando due blocchi dovrebbero essere allineati e non lo sono. Anche un singolo pixel è importante, in questo senso.

ERRORE n.4: “Userò Font gratuiti, vanno già abbastanza bene”

C’è stato un periodo in cui tutti i caratteri di tipo “Serif” mi sembravano uguali e nessuno valeva la pena di essere pagato. Oggi ho cambiato idea su entrambe le cose e ho iniziato a imparare qualcosa sul complesso e meraviglioso mondo della tipografia. Onestamente, se ci fosse un campo in cui vorrei essere un esperto, è la tipografia: puoi creare ottime pagine web con pochi colori e buoni caratteri (il che non è altro che la regola di base per ogni buon progetto grafico). Anche in questo caso, migliorare le proprie conoscenze tipografiche richiede tempo, esercizio e impegno. Dimenticavo, non suddividete i font in “divertente” e “noioso“, per favore…

ERRORE n.5: “Possiamo farci stare ancora qualcosa, in quel blocco”

Avendo lavorato sia con gruppi di programmatori che di designer, un punto frequente di disaccordo è l’uso dello spazio. I programmatori cercano di inserire il maggior numero di informazioni all’interno dello stesso spazio, mentre i designer sostengono che l’occhio non può sostenere tutti quei contenuti. Cercate di trovare un compromesso fra le due posizioni, tenendo conto che:

Le pagine web troppo affollate sono spesso inefficaci
Gli spazi bianchi non sono solo un vezzo dei designer
Le zone vuote sono necessarie per separare gli elementi

ERRORE n.6: “Non sarà mai necessario pagare per una fotografia”

Immagini di scarsa qualità possono rovinare una pagina web; al contrario, buone componenti visuali possono far apparire ottimo anche un progetto semplice. Considerate le risorse disponibili in rete, non ci sono scuse per utilizzare immagini di scarsa qualità. Per siti non commerciali, è possibile cercare su stock.xchng o Flickr, a patto di controllare la licenza con cui il materiale è distribuito. Per progetti commerciali, ci sono molti siti che forniscono materiale grafico, ad esempio iStockPhoto o Veer. E’ anche importante imparare ad essere creativi, perchè utilizzando solo immagini acquistate da terze parti si rischia poi di assomigliare troppo agli altri.

ERRORE n.7: “Non ho bisogno delle opinioni degli altri”

Molto più spesso di quanto si pensi, il principale sostenitore della tua soluzione grafica sei tu stesso. Sarà dunque utile chiedere opinioni ad altri designer, a patto che siano opinioni oneste: purtroppo, molte persone che mi hanno chiesto opinioni in realtà cercavano solo approvazione. Ci sarà un motivo se queste persone sono pagate per fare i designer e tu no: dopo aver ricevuto le opinioni, riflettici sopra e applica le modifiche opportune.

ERRORE n.8: “Non c’è bisogno di scendere troppo nei dettagli”

Così come si può avere del codice mediocre che avrebbe bisogno di qualche miglioramento (ma “funziona”), possono esserci soluzioni di design discrete, ma tutt’altro che ottimali. Spesso capita di osservare una buona soluzione grafica e pensare “Ehi, non sembra qualcosa che possa aver richiesto molto tempo”: in realtà, soprattutto per i designer meno esperti, la realizzazione di buone soluzioni richiede un sacco di tempo. L’utente vede solo il risultato finale, senza avere la consapevolezza della quantità di lavoro dietro le quinte. Rimarrete sorpresi di quanto un singolo dettaglio possa fare un’enorme differenza sul risultato finale.

CREDITS:

Questo articolo è la traduzione dell’ottimo pezzo “8 Web Design Mistakes That Developers Make“, pubblicato su wakeuplater.com da Samuel.

Commenti

2 commenti per “8 errori di design fatti da uno sviluppatore”

diggita.it il 13/02/2008 08:42

8 errori di design fatti da uno sviluppatore…

Un buon sito web deve mantenere un certo equilibrio fra un bell’aspetto e un’ottimo codice. Per questo, ci si trova spesso di fronte a designer che scrivono codice e a programmatori che si occupano della grafica….
Scegliere i colori giusti: strumenti e consigli per non sbagliare : cssblog.it il 14/02/2008 07:46

[...] di ieri, tra gli errori più comuni commessi dagli sviluppatori che si improvvisano designer, abbiamo visto come la scelta dei colori [...]

Commenta il post