9 Idee per la progettazione di siti Web + Siti di ispirazione

Idee per la progettazione di siti WebArrivare con un ottimo design del sito Web può essere difficile.


Quando non riesci a far fluire i succhi creativi su richiesta, è facile sentirsi bloccati e frustrati.

Se è così che ti senti in questo momento (o talvolta), questo post è qui per aiutarti.

Di seguito, ti forniamo modi attuabili per superare il progettista bloccare quando le idee non fluiscono.

Pronto? Iniziamo…

9 suggerimenti per la progettazione Web per quando ti senti bloccato

Per aiutarti a trovare buone idee, iniziamo con suggerimenti per il web design che puoi utilizzare immediatamente per migliorare ciò su cui stai lavorando.

1. Usa Pinterest Mood Boards

Pinterest è un ottimo strumento per creare Tavole d’umore. Puoi raccogliere materiale visivo che ritieni possa essere utile nel tuo progetto o fornirà una direzione. Possono essere immagini, combinazioni di colori, layout, siti Web esistenti e altro ancora.

Mood board Pinterest

La mood board fungerà da hub centrale per l’ispirazione del tuo design. Puoi anche condividerlo con clienti o collaboratori in modo che possano contribuire al proprio materiale.

2. Creare un piano dettagliato

Fare un pianoSai cosa dicono: non riuscire a pianificare sta pianificando di fallire. Questo è vero anche nel web design. Se le idee di progettazione del sito Web non riescono a realizzarsi, forse è perché non hai ancora affrontato i fondamenti. Solo quando saranno disponibili le basi, sarai in grado di mettere in primo piano i tocchi creativi. Ecco come può essere la pianificazione:

  1. Definisci l’obiettivo del sito web – Devi sapere cosa dovrebbe effettivamente realizzare il sito. Se non lo fai, a cosa diavolo stai progettando? I buoni obiettivi sono SMART: Specifici, Measurable, UNttainable, Relevant e Timely. Più su questo Qui.
  2. Disegna il percorso dell’acquirente – Oltre all’obiettivo generale, devi anche capire quale strada vuoi che i visitatori facciano. Da quando hanno colpito il tuo sito fino all’obiettivo che hai in mente. In questo modo, puoi creare una struttura per guidarli lungo il percorso. Hubspot ha un ottimo articolo su quello.
  3. Vieni con una guida di stile – La creazione di una guida di stile ti aiuterà a rimanere coerente nel tuo design. Definisce caratteri, colori e altri elementi di design. L’uso di uno promuove l’uniformità, specialmente quando si lavora con gli altri. Google è un buon esempio.
  4. Pianifica il tuo SEO – La pianificazione è importante anche per il SEO. Crea una mappa del sito web per capire come strutturare le tue informazioni sia per i visitatori che per i motori di ricerca.

3. Concentrati prima sulla struttura

Proprio come fare un piano, concentrarsi sulla struttura del tuo sito Web ti aiuta innanzitutto ad allontanarti dal processo e ad avere una visione a volo d’uccello.

Può aiutare a lavorare con un supporto diverso rispetto al tuo computer. Ad esempio, facendo schizzi su carta con una sola penna, puoi dimenticare i colori e altri dettagli per il momento. Se stai usando lavagna a fogli mobili o una lavagna, puoi persino rendere tutto collaborativo.

Un ottimo esercizio può anche essere quello di disegnare il sito Web su una nota di post-it. Questo ti costringerà a rimanere fedele all’essenziale. Una variante di questo è creare il tuo design in tonalità per il grigio prima e aggiungere solo il colore in seguito. In questo modo, sei costretto a stabilire una gerarchia visiva senza fare affidamento sul colore.

Inizia con la scala di grigi
Laura Elizabeth / Smashing Magazine

Se sei intenzionato a usare il tuo computer per progettare, puoi usare il “test di strabismo”. Ciò significa allontanarsi dallo schermo e strizzare gli occhi. L’immagine sfocata ti mostrerà ciò che è più ovvio sul tuo sito e ciò che molto probabilmente i visitatori per la prima volta noteranno per primi.

4. Attenersi agli standard Web

È nella natura dei designer voler essere creativi. Questa è generalmente una buona cosa. Tieni presente che è necessario stabilire alcuni limiti entro i quali essere creativi.

Ad esempio, nel web design, esistono numerosi standard stabiliti. I visitatori sono abituati a determinati elementi di design e elementi del sito Web. Quando si infrangono troppo quelle regole, potrebbero confonderle e disattivarle.

Tra questi standard stabiliti ci sono:

  • Coerenza nel branding e nel design su tutte le pagine
  • Logo del sito Web nell’angolo in alto a sinistra
  • Informazioni di contatto in alto a destra o al centro
  • Navigazione principale nella parte superiore dello schermo
  • Titolo principale / proposta di valore e invito all’azione in alto nella pagina principale
  • La funzione di ricerca nell’intestazione
  • Icone social media nel piè di pagina del sito Web

Siamo sicuri che, come utente avido di Internet, sei già a conoscenza di più standard che i siti Web aderiscono. Altrimenti, puoi trovarne di più Qui.

5. Concentrarsi sul minimalismo e sui pulsanti CTA

Quando conosci l’obiettivo del tuo sito e delle tue pagine, ciò ti consente anche di sbarazzarti di tutto ciò che non serve a tale scopo. Questo semplifica il tuo design e lo rende più piacevole da guardare.

Ancora una volta, ci sono ricerche per sostenere questo. Nello stesso studio di cui sopra, Google ha scoperto che la complessità visiva è negativamente correlata con l’appello del sito web. In breve: le persone non vogliono essere sopraffatte! Semplificare la progettazione è utile per altre funzionalità, ad esempio la velocità del sito Web.

Ecco alcune cose che puoi tranquillamente eliminare:

  • Voci del menu – Certo, vuoi che gli altri esplorino più del tuo sito. Tuttavia, un menu sovraccarico può essere molto confuso e avere effetti negativi. Ancora una volta: mantieni l’essenziale!
  • sidebars – Sempre più siti Web stanno eliminando gradualmente la barra laterale. Cosa hai nella barra laterale? È davvero importante?
  • Gergo fangoso – La stessa cosa che vale per le foto d’archivio vale per la lingua. Frasi abusate, cliché e parole vuote rendono le persone in sintonia. Smetti di usarli, inietta un po ‘di personalità nei tuoi scritti, impara alcuni parole di potere e imparare a scrivere.

6. Inizia con il cellulare

I dispositivi mobili hanno preso d’assalto il mondo. Ormai, più persone navigano sul Web tramite telefoni e tablet che su computer desktop.

Inoltre, Google ha annunciato che stanno lanciando il loro nuovo indice mobile-first. Ciò significa che, quando sarà pienamente operativo, il motore di ricerca giudicherà prima ogni sito Web sulla loro presenza mobile. Se non sta svolgendo correttamente il proprio lavoro, verrai colpito nelle classifiche di ricerca.

Per questo motivo, quando si progetta un sito Web, sarebbe una buona idea iniziare prima con la presenza mobile. D’ora in poi, gli utenti mobili saranno i tuoi clienti principali. Pertanto, è meglio assicurarsi che si sentano soddisfatti.

Allo stesso tempo, è buona norma elaborare idee per la progettazione di siti Web. Ancora una volta, a partire dal mobile ti costringe a concentrarti sugli elementi essenziali e a pensare attraverso lo scopo del tuo design. È quindi possibile aprire ulteriormente e aggiungere elementi man mano che le dimensioni dello schermo diventano più grandi.

7. Prestare attenzione alla formattazione del contenuto

La formattazione del contenuto è uno strumento sottovalutato per i web designer. Il contenuto è l’elemento più importante del tuo sito, sia esso sotto forma di post di blog o una copia di vendita. Alla fine, è quello che vuoi che i visitatori consumino. Lo scopo del tuo design è di presentarlo in modo tale da farlo.

Sfortunatamente, ormai le persone sono così sature che pochi di loro leggono tutto sulla tua pagina. Invece, la maggior parte dei visitatori esegue la scansione. Inoltre, tendono a fallo in un modello a forma di F..

Significa che devi rendere i tuoi contenuti adatti alle loro abitudini di consumo per renderli più efficaci.

Ecco come farlo:

  • Includi titoli – I titoli sono un ottimo modo per suddividere i contenuti. Molti lettori li usano anche come punti di ancoraggio per la scansione e la sola lettura di quelle parti sotto i titoli che sembrano interessanti per loro. Pertanto, assicurarsi di utilizzare le intestazioni e renderle descrittive.
  • Usa paragrafi ed elenchi – Nessuno vuole leggere una grossa porzione di testo. I paragrafi dividono il contenuto in piccoli pezzi. Aprine uno nuovo ogni volta che apri un nuovo punto. Gli elenchi hanno una funzione simile e rendono le informazioni più accessibili. Usali pure.
  • Non lesinare su contenuti multimediali e visivi – Le informazioni visive sono molto più accessibili per il cervello umano rispetto al testo. Per questa ragione, è una buona idea usare immagini e altri media per sottolineare i punti evidenziati nella tua copia. È anche, ancora una volta, un ottimo modo per spezzare pezzi di testo più lunghi.
  • Ottimizza i tuoi caratteri – Anche l’uso dei caratteri influenza notevolmente la leggibilità. Gli strumenti più importanti che hai qui sono le dimensioni e l’altezza della linea. Andare per almeno 16px e assicurati di aggiungere più altezza della linea più piccolo è il carattere che stai utilizzando.

Se si esamina questo articolo, è possibile vedere tutto quanto sopra in vigore.

8. Prova il design a una pagina

In passato, il design del sito Web era tutto la piega. Tutto ciò che era importante doveva essere al di sopra del limite da cui gli utenti avrebbero iniziato a scorrere. C’è ancora qualcosa da dire al riguardo dato che è ancora dove gli utenti trascorrono la maggior parte del loro tempo.

Tempo di visualizzazione dei visitatori: il popolare

Ciò non significa che il fold sia il tutto e la fine di tutta la tua pagina. Le persone scorreranno davvero. In effetti, scorreranno verso il basso l’intera pagina se dai loro un motivo.

Crazy Egg l’ha provato quando ha sostituito la pagina di vendita originale con uno 20 volte più lungo.

Design a una pagina

Il risultato: il tasso di conversione è aumentato del 30 percento! Se il viaggio del tuo attuale acquirente attraversa più pagine, considera invece di consolidarle tutte in un unico posto. Questa potrebbe essere una di quelle idee di design per siti Web che fanno la differenza.

Non seppellire i contenuti in presentazioni / caroselli o schede / fisarmoniche, non funzionano!

9. Impiegare test A / B

A volte, quando si valutano diverse idee di progettazione di siti Web, può essere difficile decidere quale sia la strada giusta da percorrere. Pensi avanti e indietro, fai modifiche, ma non sei sicuro della tua decisione. Ad un certo punto, pensare non lo taglierà più. Dovrai lasciare decidere agli utenti.

I test A / B possono essere un ottimo modo per vedere cosa rende migliore il tuo sito web. Significa distribuire casualmente diverse versioni del tuo progetto ai visitatori, quindi controllare come stanno reagendo. Puoi prendere decisioni in base ai risultati.

Puoi testare praticamente qualsiasi cosa. Da interi disegni di pagina a cambi di colore, inviti all’azione a immagini, titoli di articoli e caratteri. Tutti questi possono fare un’enorme differenza nelle prestazioni di una pagina. Tuttavia, se non lo testate, non lo saprete mai!

Questi strumenti e plugins ti aiuterà a fare i test.

6 siti Web stimolanti per generare nuove idee di progettazione di siti Web

Se a questo punto ti senti ancora bloccato, in questa parte finale esamineremo un certo numero di siti Web pieni di ispirazione per il web design.

1. Awwwards.com

Awwwards

Questo sito Web offre premi per web designer, sviluppatori e agenzie in tutto il mondo. Hanno un archivio enorme e ricercabile di esempi di web design. Inoltre, c’è un blog dove introducono i disegni in dettaglio e una sezione in cui è possibile vota sul sito dei candidati al mese. È tutto di alta qualità e davvero stimolante!

2. WebDesign-Inspiration.com

Ispirazione per la progettazione di siti Web

È una galleria di progetti di web design finiti. Puoi filtrarlo in molti modi diversi per trovare quello che stai cercando, ad esempio per settore, tipo, tavolozze di colori o stili. Il loro archivio è così grande, che spesso è l’unica pagina di cui hai bisogno per creare le tue idee di design del tuo sito web.

3. SiteInspire.com

siteInspire

Questo sito Web mostra sia il web che il design interattivo. Come nell’esempio precedente, puoi filtrare le voci in diversi modi tra cui stile, tipo, soggetto e persino piattaforma. Se crei un account, puoi anche impostare raccolte dei tuoi disegni preferiti.

4. OnePageLove.com

One Page Love

Questo esempio è un sito di ispirazione per il web design creato appositamente per i disegni a una pagina. Abbiamo menzionato l’idea prima nell’articolo. Puoi sfogliare la galleria o cercare nello specifico ciò che stai cercando. Assicurati di oscillare quando costruisci il tuo sito di una pagina.

5. Dribbble.com

dribbling per l'ispirazione di idee di design di siti Web

I designer di Dribbble mostrano il loro lavoro. Può trattarsi di qualsiasi cosa, dalle app alle icone, alle illustrazioni e ad altri esempi. Puoi usarlo per ispirazione generale o usare il tag per trovare ciò che ti interessa di più, ad esempio web design.

6. Behance.net

Behance

Questo sito Web è molto simile a Dribbble. È anche un luogo in cui i designer possono connettersi e mostrare il proprio portfolio. Hai un sacco di esempi di web design e puoi usare la funzione di ricerca per cercarli.

Avvolgendo

Le idee di web design non crescono sugli alberi. A volte hai bisogno di un piccolo aiuto per trovare qualcosa di buono. Per fortuna ci sono post come questi che ti aiutano a tornare in pista!

Speriamo che i suggerimenti, gli strumenti e le risorse di web design citati nel post sopra ti abbiano spinto di nuovo nella terra della creatività. Ovviamente, ci sono molte altre cose utili là fuori, motivo per cui vogliamo avere tue notizie!

Conosci ulteriori suggerimenti, strumenti o ispirazione per generare idee di web design? In tal caso, condividilo nella sezione commenti qui sotto!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector