I grandi siti web sembrano sempre unire un ottimo design con un grande codice. Dal momento che la creazione di un sito Web è un'operazione piuttosto semplice, molte persone imparano HTML e CSS e capiscono che, se possono apprendere, possono progettare qualsiasi sito Web che desiderano. Mentre tecnicamente riescono, scoprirai spesso che ci sono alcuni errori chiave che fanno perché non desiderano prendersi del tempo per apprendere realmente il design.
I programmatori sono designer a pieno titolo, ma progettano codice e sistemi meravigliosamente architettonici. Progettare qualcosa di visivo è completamente diverso e solo perché hai un buon occhio per il design non significa che hai una buona mente per applicarlo.
Dal momento che così tanti programmatori hanno progetti personali che di solito significa che devono creare i propri siti web. Se sei un programmatore freelance, una delle risorse più grandi che puoi avere è conoscere il processo di sviluppo completo del Web dall'inizio alla fine, incluso il design.
Qui ci sono otto errori che vedo spesso gli sviluppatori fare quando si applica il design a un sito web.
Può essere difficile separare un occhio dal design con la capacità di progettare. È molto simile alle persone che possono guardare alla moda e dirti cosa sembra bello, ma non possono davvero vestirsi allo stesso modo.
I grandi designer sanno semplicemente che cos'è un buon design. Sanno cosa funzionerà e cosa non funzionerà molte volte prima ancora di prendere una matita o aprire Photoshop. Spesso questo è il caso perché hanno passato anni a dipingere diversi design e a provare i disegni stessi. Proprio come nessun artista può prendere una matita e disegnare qualcosa di eccezionale la prima volta, nessuno sviluppatore dovrebbe credere di poter battere il proprio primo progetto direttamente fuori dal parco.
Simile al modo in cui un programmatore potrebbe studiare il codice di un'altra persona, chiunque può studiare un disegno e iniziare a capire perché funziona.
Dando un'occhiata alla bellissima Punchfork puoi vedere cosa rende il design così bello.
Ci sono molte altre parti del design che la rendono così meravigliosa. Quando ti imbatti in un design ti piace prendere il tempo per studiare i singoli elementi, ma anche riconoscere come si inseriscono nel tutto. Un grande elemento di un design non rende grande l'intero design.
La selezione del colore può essere un dolore. Odio dover scegliere i colori perché ce ne sono così tanti tra cui scegliere. Per qualche motivo la maggior parte degli sviluppatori tende ad attenersi a una tavolozza blu e bianca. Forse perché è usato ovunque o quelle sono le impostazioni predefinite del browser, ma un grande design può coinvolgere una gamma di colori. Fortunatamente per noi persone con problemi di colore ci sono un sacco di strumenti là fuori che possono aiutarci a mettere insieme alcune combinazioni di colori meravigliose.
COLOURlovers è una grande comunità in cui le persone creano le loro tavolozze di colori preferite e le condividono. Puoi sfogliare, salvare e votare le tue tavolozze e colori preferiti. In più di un'occasione mi sono rivolto a COLOURlovers per venire a salvare la giornata con la selezione dei colori.
Quando scegli una tavolozza di colori, assicurati di inserirne una che si adatti all'umore del tuo sito e al suo contenuto. Non scegliere una tavolozza semplicemente perché la ami. Arancione e nero potrebbero non essere i colori migliori per un sito intorno al concetto di amore, ad esempio.
Raramente dovrai utilizzare più di 3-4 colori diversi e se decidi di giustificare la tua scelta.
Può essere molto allettante centrare un titolo. Sembra fantastico sui giornali, ma raramente funzionerà bene sul web a meno che tutto non sia centrato. Sappiamo che il testo allineato a sinistra sembra professionale e funziona con il flusso naturale degli occhi, quindi perché andare oltre le linee?
Il testo centrato è usato al meglio per titoli e brevi righe di testo. Gli utenti possono leggerli con facilità perché le linee sono corte, scansionabili e non necessitano di movimenti oculari ripetuti. Il testo centrato può anche dare al tuo layout un aspetto estetico con il suo formato simmetrico. Questo funziona per il testo che va con le immagini centrate. Se le immagini sono allineate a sinistra o a destra, devi allineare a sinistra il testo per renderlo coerente con il layout.
I titoli centrati funzionano sui giornali perché il testo è suddiviso in colonne in modo che il titolo scorra sull'intera storia. Se hai a che fare solo con una colonna di testo, dovresti rispettare un titolo allineato a sinistra.
Quando non sei immerso nel mondo della tipografia, allora Arial assomiglia a Helvetica e Georgia assomiglia a Times New Roman. Sai che ci sono altri tipi di caratteri come Comic Sans, ma non vedi l'importanza di dover pagare un font quando puoi facilmente utilizzare ciò che è a tua disposizione.
Con risorse come Typekit tuttavia, la selezione dei caratteri è diventata stranamente simile alla selezione dei colori. Potrebbero essere necessari giorni di ricerca per trovare la giusta combinazione quando potresti aver facilmente utilizzato un font di base e terminato con il resto.
Non esagerare con i caratteri. Come i colori, una selezione limitata spesso funziona meglio. Quando si tratta di caratteri, uno o due tipi di carattere diversi possono essere sufficienti per produrre un bellissimo design. Ricorda che puoi fare molte cose diverse con i caratteri. Puoi metterli in corsivo, metterli in grassetto, evidenziarli, in maiuscolo o in minuscolo.
Quando sei uno sviluppatore, più informazioni puoi avere su una pagina, meglio è. Quando codice mi piace farlo su più schermi perché mi permette di avere tutto proprio davanti a me. Sfortunatamente questo non funziona nel design. Non dovresti racchiudere tante informazioni in uno spazio ristretto come ritieni opportuno, in quanto il design diventa disfunzionale.
L'occhio può ricevere tante informazioni alla volta e se lo scopo della maggior parte dei progetti è quello di completare un'attività, nasconderlo all'interno di un milione di altre informazioni non aiuterà.
Mentre i siti Web occupati possono essere efficaci, più volte che non lo sono. Lo spazio bianco dovrebbe essere il tuo migliore amico. Hai bisogno di porzioni vuote nel tuo progetto per dare enfasi alle parti del design che sono importanti.
Sappiamo tutti quella meravigliosa sensazione di creare qualcosa e vederlo nel mondo reale. Perché l'abbiamo creato, tende a essere un pregiudizio dietro di esso che ci fa pensare che sia migliore di quello che realmente è. Hai bisogno di ottenere le opinioni degli altri per sapere se il tuo design è efficace e se non lo sei puoi trovare il modo di migliorarlo. Invece, gli sviluppatori sentono che non hanno bisogno di chiedere il parere degli altri perché sanno come funziona il loro design, quindi tutto ha senso per loro.
Scoprirai anche che quando le persone chiedono un'opinione su un design non chiedono una critica, ma l'approvazione. Vogliono giustificare le decisioni che hanno preso e questo non è l'approccio giusto. Fare domande ti aiuta davvero a trovare problemi di usabilità di cui potresti non essere a conoscenza prima. Spesso sei così bloccato nel tuo progetto che tutto ha un senso per te, ma per una nuova persona il tuo design potrebbe essere più complicato di un Cubo di Rubik.
Con grandi disegni può essere difficile notare i piccoli dettagli che lo rendono davvero. Potrebbero essere così sottili che l'osservatore casuale li guarda oltre e continua. Per uno sviluppatore, i piccoli dettagli potrebbero essere una perdita di tempo perché non comprendono l'impatto complessivo che un'ombra esterna può avere su un elemento.
I piccoli dettagli di per sé influiscono solo su un elemento specifico di un design, ma quando tutti si uniscono, si ha un design meraviglioso che scorre. Siti come Dribbble esporre quanto sono grandi i piccoli dettagli possono funzionare in un design più grande. Tuttavia, se non sei un designer per mestiere, concentrarti troppo sui dettagli potrebbe rallentare il processo più di quanto desideri. Tuttavia, questo non significa che non si dovrebbe essere consapevoli di come i dettagli possono influenzare un design.
Quali altri errori comuni fanno gli sviluppatori quando si tratta di progettare? Per favore condividi nei commenti!