Circa sette secondi: è il tempo che molti visitatori concedono a una pagina prima di decidere se restare o andarsene. In quel breve intervallo i buoni esempi di design di siti web fanno più lavoro dei tuoi testi di vendita. La chiarezza visiva ti fa guadagnare i secondi in più che ti servono per spiegare la tua offerta.
I buoni esempi di design di siti web usano una navigazione chiara, testi leggibili, un marchio coerente e passi successivi evidenti. Questo capitolo spiega che cosa significa in parole semplici, perché incide sul tuo sito e sul tuo marketing e come applicarlo senza perderti nel gergo. Vedrai anche come il layout di un sito web rientri nello stesso quadro. Procediamo passo dopo passo.
Come si presenta un buon design di sito web
I buoni esempi di design di siti web usano una navigazione chiara, testi leggibili, un marchio coerente e passi successivi evidenti.
Studiare esempi riusciti allena l'occhio più in fretta delle sole regole astratte.
Il design del sito di una piccola impresa spesso vince con la chiarezza, più che con animazioni vistose.
Da che cosa partire per sistemare
Raccogli tre siti che ti piacciono nel tuo settore ed elenca tre elementi che hanno in comune.
Fai uno screenshot della tua pagina su smartphone e su computer, poi segna i primi tre elementi che ti confondono o ti rallentano.
Usa il costo del design di un sito web come checklist mentre lavori ai miglioramenti.
Una checklist pratica da usare oggi
Raccogli tre siti che ti piacciono nel tuo settore ed elenca tre elementi che hanno in comune.
Quando rivedi una pagina, chiediti se il buon design si nota già al primo scorrimento su smartphone. In caso contrario, riordina le sezioni prima di rifinire i dettagli.
Salva gli screenshot prima e dopo ogni modifica, così capisci che cosa ha fatto davvero la differenza per il design del tuo sito.
Condividi questa checklist con chiunque aggiorni il tuo sito, così il layout del sito web resta coerente sulle nuove pagine.
Scegli una metrica da tenere d'occhio questo mese, come il tempo sulla pagina o gli invii dei moduli iniziati, così le modifiche al design si collegano ai risultati dell'attività e non solo al gusto.
Come questo tema si collega al resto del tuo marchio
Le scelte visive raramente restano su una sola pagina. Il design del sito di una piccola impresa spesso vince con la chiarezza, più che con animazioni vistose.
I tuoi post social, le tue email e i materiali stampati dovrebbero richiamare la stessa gerarchia, gli stessi colori e le stesse regole tipografiche che usi sul web.
Quando l'aspetto del marchio si sfilaccia, i clienti avvertono una stonatura sottile anche se non sanno spiegarla.
Usa cos'è la grafica per confrontare appunti con un capitolo collegato di questo modulo.
Studiare esempi riusciti allena l'occhio più in fretta delle sole regole astratte.
Domande che molti trascurano
Termini secondari come layout di un sito web e design del sito di una piccola impresa ti aiutano a cercare esempi più approfonditi e a confrontare il tuo lavoro con gli standard più comuni.
Il design del sito di una piccola impresa spesso vince con la chiarezza, più che con animazioni vistose.
Scrivi una modifica con un prima e un dopo che metterai alla prova su una pagina online questa settimana. Piccole modifiche misurate valgono più di piani vaghi.
Insegnare al tuo team un vocabolario comune sui buoni esempi di design di siti web riduce i giri di revisione con designer e agenzie.
Strumenti che rendono più facili gli aggiornamenti visivi
Per sistemare molti problemi di layout e di stile non serve codice su misura. Un editor visivo ti permette di regolare spaziatura, colori e tipografia mentre guardi l'anteprima su smartphone e su computer.
WEMASY include un creatore di siti con modifica visiva, così puoi pubblicare le modifiche senza aspettare uno sviluppatore per ogni ritocco. Apri il creatore di siti quando sei pronto a mettere in pratica quello che hai imparato.
Quando pubblichi gli aggiornamenti, rileggi il design sbagliato di un sito web e il costo del design di un sito web, così il modulo resta collegato nella tua mente.
Ora hai una lente di lettura pratica per i buoni esempi di design di siti web. Usala quando controlli il tuo sito, approvi materiali di marketing o dai istruzioni a un designer. Continua con il costo del design di un sito web e cos'è la grafica per mantenere lo slancio in questo modulo.
Domande frequenti
Quanto tempo ci vuole per migliorare il design del tuo sito sul modello dei buoni esempi?
Con poche sessioni mirate la maggior parte delle piccole imprese ottiene pagine più chiare, una volta applicate le basi di questo capitolo. Parti dalla home page, poi estendi le stesse regole alle pagine dei servizi e dei contatti.
Serve un designer per lavorare sui buoni esempi di design di siti web?
Un designer aiuta nei rebranding complessi, ma molti interventi sul design del sito si possono fare da soli, una volta che sai che cosa guardare. Usa il design sbagliato di un sito web insieme a questo capitolo per avere indicazioni collegate.
WEMASY può aiutarti ad applicare i buoni esempi di design di siti web al tuo sito?
WEMASY include un editor visivo nel creatore di siti, così puoi cambiare layout, colori e tipografia senza codice. Apri il creatore di siti per aggiornare i modelli e vedere l'anteprima delle modifiche su smartphone.
Qual è l'errore più comune con i buoni esempi di design di siti web?
Molti cercano di sistemare tutto in una volta invece di procedere una pagina alla volta. Scegli una sola priorità, come la leggibilità o il contrasto, poi consulta il costo del design di un sito web per il miglioramento successivo.
Che legame c'è tra i buoni esempi di design di siti web e la SEO?
Una gerarchia visiva chiara e un testo leggibile tengono i visitatori più a lungo sulla pagina, e questo sostiene i segnali di coinvolgimento che i motori di ricerca osservano. Abbina le correzioni di design a una buona struttura dei contenuti per ottenere i risultati migliori.
Che cosa studiare dopo i buoni esempi di design di siti web?
Continua con il design sbagliato di un sito web e il costo del design di un sito web in questo libro, per costruire un sistema visivo completo per il tuo marchio online.