Dieci anni fa, molti utenti di Internet consultavano con impazienza Smashing Magazine per leggere gli ultimi articoli di web design. Molti veri web designer hanno scoperto la loro passione per la creazione di siti web attraverso questi post. Era un periodo in cui i principi del web design determinavano un dibattito produttivo tra i designer, sia principianti che esperti.
Al giorno d’oggi ci sono molte meno discussioni sui principi di progettazione. La passione per il buon design è morta? Credo che designer, blogger e sviluppatori non abbiano più tempo per queste discussioni.
Abbiamo accesso a tantissimi costruttori di siti web, modelli di siti, sistemi di gestione dei contenuti (CMS) e altri strumenti per creare siti web. In questa abbondanza di alternative, creiamo sempre più siti, ma ne ignoriamo il design.
Credo che tutti abbiano bisogno di un aggiornamento sui fondamenti del web design di tanto in tanto. Dai un'occhiata a queste idee!
La semplicità è nel design
Sei stanco di innumerevoli post sul blog che mettono in risalto la sensualità della semplicità? È totalmente comprensibile. Ma la dura realtà è che il 99% dei siti sono più o meno gravati da elementi inutili.
I proprietari di siti web desiderano aiutare gli utenti fornendo quanti più dati possibili nel minor spazio possibile. Tuttavia, devono trovare il punto giusto, perché troppi dati infastidiscono gli spettatori. Il web design è in parte scienza, in parte arte!
A differenza di dieci anni fa, quando gli smartphone erano utilizzati solo da una piccola percentuale della popolazione, oggi ci sono più utenti mobili che utenti desktop. In questo contesto la semplicità è ancora più importante. Un layout semplice si carica più velocemente e non infastidisce gli utenti.
La semplicità va di pari passo con la velocità di caricamento. Al giorno d'oggi, un sito a caricamento rapido è obbligatorio. Non dimenticare la teoria di Steve Jobs: il design non è come appare ma come funziona.
Controlla ogni articolo sul tuo sito. Non è necessario? Se è così, cancellalo. È in qualche modo necessario? Se è così, cancellalo. È necessario? Se è così, cancellalo! È estremamente necessario? Se è così, tienilo!
Non far riflettere gli utenti
Steve Krug ha scritto un libro con questo titolo nel 2000 e i designer lo hanno molto apprezzato. Le intuizioni di Krug sono valide anche adesso, quasi due decenni dopo. Un buon web designer non fa riflettere gli utenti. E questa idea non è offensiva per gli utenti.
Le persone hanno una capacità di attenzione più breve di quella di un pesce rosso ! La capacità di attenzione media di un essere umano era di 12 secondi nel 2002 e solo di otto secondi nel 2012. Oggi probabilmente hai meno di otto secondi per convincere gli utenti dell'utilità del tuo sito.
È probabile che un layout semplice non faccia riflettere gli utenti, ma ci sono molti altri aspetti da tenere in considerazione. Inizia con un livello scansionabile: gli utenti scansionano, non leggono. Assicurati che il tuo slogan e la tua tagline siano facili da notare. Le persone dovrebbero sapere dove sono arrivate e lo scopo della pagina web fin dal primo secondo.
L'architettura del sito dovrebbe consentire agli utenti di navigare dalla home page a qualsiasi altra pagina in meno di tre clic. Eventuali clic aggiuntivi solleveranno domande. Più domande ha un utente, minore sembra essere la qualità del sito web.
Gerarchia visiva
Non tutto in una pagina web è ugualmente importante. Fai sapere alle persone qual è il tuo messaggio più forte sfruttando la gerarchia visiva. Ecco perché il pulsante di invito all'azione dovrebbe essere grande, audace e posizionato in un punto per attirare immediatamente l'attenzione.
La gerarchia visiva si ottiene con posizionamento, dimensione e colore. Progetta il layout tenendo presente che le persone solitamente scansionano una pagina web seguendo uno schema "F" o "Z" .
Inoltre, gli elementi più grandi della pagina web sono associati a ruoli più importanti. Ha senso avere uno slogan importante, non è vero?
Infine, i colori modellano anche la gerarchia visiva, motivo per cui un buon pulsante di invito all’azione è in forte contrasto con lo sfondo.
Leggi della progettazione gestaltica
La psicologia della Gestalt mira a determinare le leggi della percezione umana in un mondo apparentemente caotico. Esistono alcune leggi che aiutano i designer a creare progetti più user-friendly.
Legge di prossimità
Secondo questa legge, gli oggetti vicini tra loro sono percepiti come un gruppo unificato. Applica questa legge, ad esempio, alla progettazione di un buon menu di navigazione.
Gli utenti non percepiranno il menu nel suo insieme se i suoi elementi non sono raggruppati di conseguenza, e ciò danneggerà notevolmente l'esperienza dell'utente. Raggruppa tutte le voci del menu e cerca la simmetria e la somiglianza per realizzare un elemento estetico.
Legge di somiglianza
Questa legge afferma che oggetti simili tendono a essere percepiti come un gruppo unificato. Come la legge precedente, consiglio di progettare voci di menu simili.
Legge di simmetria
Gli oggetti simmetrici tra loro sono percepiti come un gruppo unificato. Le persone preferiscono la simmetria all'asimmetria, quindi punta alla simmetria nel design del tuo layout.
Legge di continuità
Secondo questa legge, il cervello umano tende a unificare gli oggetti vicini tra loro secondo un percorso lineare. Dai un'occhiata a questo articolo per scoprire come funziona la legge di continuità nell'arte. Tieni presente questa legge quando progetti layout che contengono forme irregolari e linee curve.
Ci sono alcune altre leggi della Gestalt che hanno un’influenza minore sul lavoro di progettazione. Non ignorare la psicologia umana durante la progettazione di siti Web.
I colori parlano
Giocare con i colori è bello, ma è un gioco rischioso! I costruttori di siti Web come Wix, l'editor Gutenberg e altri costruttori di pagine WordPress consentono agli utenti di modificare l'intera combinazione di colori di un sito in un attimo.
È sicuramente un'ottima funzionalità, ma allo stesso tempo potrebbe avere un impatto negativo sul design del sito web.
Un sito di successo è centrato sull’utente, quindi la combinazione di colori dovrebbe essere comoda per gli utenti e non la scelta preferita del gestore del sito web.
Scegliere la combinazione di colori corretta non è semplice. Come regola generale, più di quattro colori sono troppi, ma dipende dallo scopo e dalla complessità del sito. I colori dovrebbero integrare le immagini e aiutare a trasmettere un messaggio unitario.
Infine, non dimenticare mai i vari significati dei colori in tutto il mondo . Fortunatamente per noi, ci sono tantissime app web che ti aiutano a trarre ispirazione e a scegliere le combinazioni di colori adeguate.
Leggibilità
In media, un lettore su due di questo post lo sta leggendo su un dispositivo portatile. Le dimensioni dello schermo e i sistemi operativi sono diversi, ma il contenuto è lo stesso. Il tipo e la dimensione del carattere dovrebbero adattarsi a ciascun dispositivo per fornire il miglior ambiente di lettura.
Inutile dire che le persone lasceranno il tuo sito se i tuoi contenuti non sono leggibili e una scelta inadeguata dei caratteri potrebbe rovinare un buon sito web. Testa ogni scelta di carattere prima di implementarla sul tuo sito.
Prova, prova, prova
Non solo è cambiata la tecnologia negli ultimi dieci anni, ma anche il modo di creare e mantenere un sito. Un sito web era solo una presenza online dieci anni fa. Oggi fa parte di un'azienda o dell'azienda stessa.
Le persone giudicano i tuoi servizi in base al tuo sito. Di conseguenza, un sito non è più un'istanza statica: è un'entità vivente. I proprietari dei siti collaborano con i designer e lavorano continuamente per migliorare i loro siti.
Il test non è un principio del web design, ma una parte del processo di creazione e miglioramento di un sito web.
Concludendo
WordPress, Bootstrap e Wix offrono agli utenti una potenza illimitata per creare un sito Web senza codifica. Sono meravigliosi, ma gli utenti inesperti potrebbero essere tentati di creare siti Web in linea con le loro preferenze e non basati su buoni principi di web design.
I suggerimenti sopra riportati rappresentano solo la superficie, ma sono un utile riepilogo delle idee di base. Mi sono perso un consiglio importante? Per favore lascia un commento con le tue opinioni. Aspettiamo con impazienza il tuo contributo.
Lascia un commento