Ogni nuovo campo di conoscenza e impegno sviluppa il proprio gergo e acronimi. Il web design non è diverso; abbiamo termini come tag, parole chiave, analisi, test degli utenti, primi dispositivi mobili, design reattivo, ecc. Abbiamo anche sigle come SEO, UI e UX. Negli ultimi anni c'è un nuovo termine: UX Design o User Experience Design.
È quasi come se si trattasse di un nuovo concetto: il design più elegante e accattivante è inutile a meno che l'utente non possa navigare facilmente, possa prendere rapidamente le informazioni importanti, interagire senza problemi e accedere alle pagine di conversione senza alcuno sforzo se non con un clic -In breve che i progettisti devono progettare per l'utente, non per se stessi. Ma questo concetto di progettazione per l'utente non è una novità; riviste e giornali lo fanno da anni con un design di stampa accattivante e avvincente.
Parte del design UX, ovviamente, è la parola scritta e come viene presentata all'utente. Il design della stampa era molto prima di Internet, e ha permeato la vita di tutti, proprio come Internet oggi.
Il disegno di stampa era, e lo è ancora, trovato nei volantini rimasti sulle maniglie delle porte e nelle cassette postali; si trova nelle riviste, nei giornali, negli annunci di generi alimentari stampati, nei depliant trovati nelle agenzie di viaggio di mattoni e malta e nei grandi rivenditori di prodotti per la casa. Si trova sui cartelloni pubblicitari. Mentre non ci sono analisi per valutare la sua efficacia, ci sono anni e anni di esperienza sotto le cinture dei designer di stampa. È un'esperienza che i progettisti di web e di stampa dovrebbero certamente prendere in considerazione mentre progettano i siti.
Gli stampatori di giornali e riviste lo sanno da sempre: poiché il contenuto delle pagine è tracciato, esiste un tipo di griglia utilizzato. Questo non dovrebbe essere diverso quando il contenuto viene inserito in una pagina web. L'utilizzo di una griglia fornisce equilibrio e offre un livello di comfort per l'utente.
Se una pagina è divisa in sezioni uguali, i contenuti più importanti possono essere distribuiti in più sezioni sulla griglia che contenuti meno importanti.
Nel design di giornali e riviste, i punti focali sono facili da vedere: i titoli di grandi dimensioni. Lo stesso vale per le pagine web. Ci deve essere un punto focale per catturare il "punto" delle informazioni sulla pagina.
Il punto è che l'utente dovrebbe prima vedere quel punto focale, in modo che la natura del contenuto della pagina sia chiara.
Spazio bianco attorno agli elementi e il testo fornisce "spazio per respirare" agli occhi dell'utente, permettendo a quegli occhi di focalizzarsi su immagini e parole. Questo è uno dei fattori che la carta da giornale non era in grado di fornire, a parte lo spazio tra paragrafi e colonne. Una volta che le immagini sono state aggiunte a giornali e riviste, i progetti di layout prevedevano più spazio bianco, ed è stata una buona cosa.
Oggi, il web design consente ancora più spazio bianco e migliora la UX.
Si tratta di ripetizione. Ciò mantiene l'utente comodo. Una griglia dà coerenza, ma soprattutto, il carattere tipografico e il contenuto lo fanno. I lettori non dovrebbero dovere aggiustare continuamente i loro occhi a diversi tipi di stampa. Coerenza significa anche uso di parole e colori, mantenendo la terminologia allo stesso modo e proiettando la stessa immagine con l'uso del colore. La ripetizione del posizionamento degli stessi elementi può anche portare una coerenza, se possibile.
La stretta coerenza potrebbe non essere sempre possibile; ma un buon design di stampa è il più coerente possibile, specialmente con caratteri tipografici, terminologia e colore.
Le dimensioni e il tipo di carattere sono i mezzi migliori per mostrare l'importanza relativa di diversi pezzi di contenuto. Ci sono due obiettivi qui: vogliamo che il contenuto sia facile da assimilare e che l'utente sappia immediatamente cosa è contenuto nella pagina, e vogliamo anche che gli occhi dell'utente viaggino come vogliamo. Così i titoli sono grandi e audaci, a volte in un colore contrastante; i sottotitoli sono più piccoli e meno audaci, ma ancora più importanti del testo più piccolo che fornisce i dettagli.
Queste cose rendono anche una pagina più leggibile. Se c'è una grande quantità di stampa, suddividendola con i sottotitoli in un grande tipo e punti puntati migliora la leggibilità e, di conseguenza, l'esperienza dell'utente.
Alcuni elementi saranno più grandi di altri in modo che il lettore venga automaticamente disegnato sugli elementi più grandi nel layout e quindi si spostino sugli elementi più piccoli mentre leggono il contenuto. Ciò consente al progettista di "forzare" l'attenzione sugli elementi e sul testo più importanti.
La leggibilità significa solo quello che dice. Il lettore può leggere facilmente il tuo testo senza sforzo? È diviso in blocchi con punti elenco o altri "divisori" in modo che sia analizzabile? Qual è la spaziatura tra le parole e tra le lettere all'interno di quelle parole?
Se lo rendi difficile, il lettore non è a suo agio nel leggere i tuoi contenuti. Ecco alcune cose da considerare:
Quando il colore arrivava alla stampa, era enorme. I designer di stampa hanno avuto molte più opportunità di usare colori e sfumature di colore per attirare l'attenzione e anche per inviare messaggi psicologici. C'è un intero campo del fascino psicologico dei colori, e i bravi designer di stampa studieranno questa ricerca nel fare selezioni di colore.
Decenni decenni fa, i designer di stampa stavano creando layout per giornali e riviste. Hanno imparato il principio di base delle griglie di layout, dei punti focali, della gerarchia di tipo, della leggibilità e, quando è diventato disponibile, del colore.
Tali principi si applicano ancora oggi, siano essi utilizzati nei supporti di stampa tradizionali o nella progettazione di siti Web.
Immagine in evidenza, stampa immagine design via Shutterstock.