5 suggerimenti per semplificare il tuo web design
Regole della semplicità! Rende i siti Web eleganti, riducono la confusione di nagivation e aiuta a raggiungere gli obiettivi desiderati e i risultati (ad es. Più iscrizioni, abbonati e vendite). Ma troppo spesso sembra inafferrabile semplificare la progettazione del tuo sito web. Non importa quanto ci provi, non puoi rendere il tuo lavoro simile a quello di Apple. Che cosa deve davvero fare un designer di siti web? Non preoccuparti, perché ci sono 5 punti di partenza per semplificare la progettazione del tuo sito web.
Un semplice design di un sito Web non dovrebbe essere una dura prova del tutto o niente: puoi semplificare il tuo design facendo piccoli passi. Compiti semplici come mettere l'attenzione solo sugli elementi essenziali del tuo sito web, eliminare inutili, ridurre il numero di pagine del tuo sito, ottenere più contenuti above the fold e limitare il numero di colori che usi. Puoi sempre perfezionare e migliorare il tuo design semplice, ma l'importante è iniziare.
Sei pronto per iniziare a semplificare la progettazione del tuo sito web? Eccezionale. Senza ulteriori indugi, ecco qui 5 punti di partenza per semplificare la progettazione del tuo sito web.
1. Focus solo su elementi essenziali
Questo primo passo probabilmente sembra ovvio: di corsoDovrei concentrarmi sugli elementi essenziali del mio sito, cosa sono io, un idiota? Ma un numero sorprendente di siti Web non riesce a raggiungere questo obiettivo e il risultato è un gran casino di elementi importanti e non importanti sparsi su una pagina. Sono colpevole di farlo in passato come chiunque altro. È difficile essere obiettivi e dare la priorità a ciò che è importante o meno, perché qualunque cosa sembra essenziale. Se vuoi che il design del tuo sito web sia più semplice, identifica cosa deve essere focalizzato, proprio come con qualsiasi buon design visivo o pezzo d'arte. E ciò significa mettere l'attenzione solo sugli elementi essenziali.
Usa la regola 80-20
Quale 20% di ciò che è presente in una pagina fornisce l'80% del valore e del contenuto per cui la gente va lì? Potrebbe essere la copia, alcune prove sociali (snippet di recensioni, testimonianze, badge multimediali) e un modulo di iscrizione o un pulsante di invito all'azione, ad esempio. Questo è il 20% proprio lì. Sul tuo sito web, così come su ogni singola pagina, concentrati sulla visualizzazione solo del 20% degli elementi del sito che forniscono l'80% di tale utilità.
Questo non è un passaggio tecnico, ma un principio che puoi usare come guida per semplificare costantemente la progettazione del tuo sito web. La regola 80-20 aiuterà a semplificare la progettazione del tuo sito web spingendoti a ridurre gli elementi del tuo sito fino all'essenziale. Ciò che è davvero interessante è che la regola 80-20 può anche aiutare ad aumentare i risultati desiderati che speri di ottenere sul tuo sito web. Ad esempio, un aumento del tasso di conversione dei visitatori che si iscrivono, registrano o acquistano. Come? Lo stai facendo in modo che ci siano meno distrazioni e cose per i visitatori per fare clic su per lasciare la pagina.
Come tutti sappiamo, siamo sempre alla ricerca di una scusa per non acquistare qualcosa nel passaggio finale, e qualsiasi motivo per allontanarci è buono. Riduci le ragioni e le opzioni di click-away con la regola 80-20.
Chris Pearson, creatore del famoso framework a tema Thesis WordPress, afferma che questo è esattamente ciò che ha contribuito ad aumentare le vendite sul suo sito web.
2. Sbarazzarsi di tutti gli elementi non necessari
Stiamo continuando con la regola 80-20 qui.
Ora che hai identificato il 20% degli elementi del sito web che ti daranno l'80% dei risultati desiderati, è tempo di farlo sbarazzarsi di tutti gli elementi non necessari. In altre parole, l'80% degli elementi del sito web che ti daranno solo il 20% dei risultati. Potrebbe essere widget di condivisione dei social media, elementi della barra laterale, dettagli dei metadati del blog (data, ora, autore, numero di commenti, ecc.) O collegamenti nel footer (questo è soprattutto un enorme colpevole molte volte, in particolare quando il visitatore sta cercando la scusa di cui sopra per navigare lontano dalla pagina).
3. Ridurre il numero di pagine
Una gran parte della semplificazione della progettazione del tuo sito web è semplicemente quella di avere meno posti da esplorare e fare clic in giro. Puoi farlo da ritagliare il numero di pagine. O liberati di pagine inutili che in fondo a te non sono necessarie o, per lo meno, fondono più pagine in una sola. Voglio dire, tu no veramente è necessario separare le pagine "sul sito" e "su di me".
In primo luogo, entra nella mentalità del visitatore - se dovessi arrivare sul tuo sito web, quali sono le cose chiave che vorresti fare? Per esempio scopri di cosa tratta la tua roba? O contattarti? Il prossimo, assicurati che le tue pagine facilitino ciò che è necessario e nient'altro. Non conservare pagine non necessarie sul tuo sito Web perché ritieni che sia necessario o perché sono presenti in altri siti Web. Quando riduci il numero di pagine sul tuo sito web, non solo è più facile per i tuoi visitatori concentrarsi sui tuoi contenuti perché ci sono meno posti in cui fare clic, ma il tuo menu di navigazione è anche più semplice.
Siamo stati tutti su siti Web con troppe voci di menu di navigazione. Non sappiamo da dove iniziare a navigare perché siamo sopraffatti dalle scelte. E quando siamo sopraffatti dall'essere presentati con troppe scelte, andiamo con la scelta di nulla. Avendo il minor numero possibile di voci del menu di navigazione, rendi il tuo sito Web non solo più semplice ma più invitante e più amichevole per i visitatori.
4. Ottieni più contenuti above the fold
Gli studi hanno dimostrato che la maggior parte delle persone trascorre la maggior parte del tempo sopra le pieghe delle pagine Web (ciò che appare sullo schermo senza scorrere verso il basso). Quindi, se vuoi aumentare l'efficacia del tuo sito web, avere il contenuto principale e gli elementi di invito all'azione above the fold. Puoi fare qualcosa di semplice come accorciare l'altezza dell'intestazione se hai un logo e un menu di navigazione nella parte superiore del tuo sito web.
Ciò non implica altro che modificare il valore di "altezza" dell'intestazione nel foglio di stile (in genere style.css
o stylesheet.css
). Inoltre, verifica se un modulo di iscrizione o un pulsante è below the fold. Sposta l'elemento più in alto nella pagina, quindi è la prima cosa che un visitatore vede. Dopotutto, quello è l'invito all'azione desiderato del visitatore, quindi diminuisci il lavoro necessario per raggiungerlo (ad esempio lo scorrimento).
5. Limita il tuo schema di colori
È facile lasciarsi trasportare dai colori. Perché accontentarsi di 2 o 3 colori quando puoi avere 12 o 13? Ma per semplificare visivamente il design del tuo sito web, devi limitare la tua combinazione di colori. In caso di dubbio, usa meno colori. Dipenderà ovviamente dal tuo design, ma prova ad attaccare con non più di 2 o 3 colori per iniziare. Se hai bisogno di più sottigliezza e consistenza per il tuo design visivo, usa sfumature dello stesso colore: blu chiaro per lo sfondo e blu più scuro per intestazioni e voci di menu.
Sono colpevole come chiunque abbia avuto problemi con i colori in passato. Aggiungerò questo colore, poi un altro e un altro - e prima che io lo conosca, sembra una diarrea arcobaleno in tutto il mio sito web. Puoi semplificare il tuo sito web in modo costruttivo, ma se i colori distraggono gli occhi quando li guardi piuttosto che complimentarti con il contenuto, allora tutto questo sforzo è stato inutile. Quindi usa meno colori con il design del tuo sito web.
Hai difficoltà a scegliere un colore per iniziare? Prima dopo la rivista ha un utile e-book gratuito su come trovare il colore perfetto qui. Hai bisogno di aiuto con la scelta di una combinazione di colori? Prova questo pratico generatore di combinazioni di colori.
Ultimo, ma non per importanza
Spero che ora tu sia armato e pronto per iniziare a semplificare la progettazione del tuo sito web. Sarai più orgoglioso di mostrare il tuo sito Web perché apparirà davvero sexy e, infine, i tuoi visitatori avranno un'esperienza molto più piacevole navigando nel tuo sito web.
Per riassumere, ecco i 5 punti di partenza per semplificare la progettazione del tuo sito web:
- Metti a fuoco solo gli elementi essenziali
- Sbarazzarsi di tutti gli elementi non necessari
- Riduci il numero di pagine
- Ottieni più contenuti above the fold
- Limita la tavolozza dei colori
articoli Correlati
- 11 errori comuni di progettazione web. Cose come evitare forme complicate, contenuti non organizzati, cattiva leggibilità e una barra di ricerca non facilmente individuabile - tutto ti aiuterà ulteriormente a semplificare la progettazione del tuo sito web e renderlo una gioia per i visitatori e un tasso di conversione più alto per te.
- Disegni di sito web puliti, semplici e minimalisti. Tutti questi esempi di siti web dimostrano ulteriormente che un design semplice non solo sembra dolce e impressiona i membri dell'altro sesso, ma aiuta notevolmente l'esperienza dell'utente
Oltre a te: quali sono i consigli più semplici per il tuo sito web preferito? Hai visto un aumento dei risultati desiderati dalla semplificazione del tuo design?
Nota dell'editore:Questo post è stato scritto da Oleg Mokhov per Hongkiat.com. Oleg Mokhov è il musicista elettronico più mobile al mondo, appassionato di web e visual design e co-fondatore del premium music store royalty free 'Soundtrackster.