Esempi di progettazione del sito

Sommario:

Esempi di progettazione del sito
Esempi di progettazione del sito
Anonim

Non entriamo in numeri e calcoli, poiché è impossibile determinare quanti siti esistono già su Internet. Ogni giorno migliaia, se non centinaia di migliaia di siti falliscono e ne appaiono di nuovi al loro posto. Qual è il motivo dei fallimenti? Perché le persone vanno al sito e lo lasciano immediatamente? La risposta è semplice e proprio davanti ai tuoi occhi: questo è il design del sito.

Effetto di attrazione

D'accordo, ognuno ha una serie di determinati siti che vengono visitati giorno dopo giorno. Sono sicuro che la maggior parte dei segnalibri sono siti preferiti con film, libri, notizie, giochi, ecc. Perché, dopo aver trovato un sito, non proviamo a trovarne un altro simile, che potrebbe essere anche migliore? La risposta è semplice! I siti che aggiungiamo ai segnalibri sono comodi da usare: tali siti di solito hanno una comoda disposizione di elementi, categorie e un design piacevole che non irrita gli occhi. Questo è l '"effetto di attrazione", visitare un sito correttamente progettato una volta - lasciarlonon voglio più.

Diamo un'occhiata all'esempio dei due siti della piattaforma di trading:

Siti di esempio
Siti di esempio

Indubbiamente e indiscutibilmente, il sito numero 1 vuole essere chiuso il prima possibile e il sito numero 2, al contrario, vuole indugiare. Perché sta succedendo? Sul primo sito, oltre a un prodotto posizionato casualmente, c'è anche una sovrasaturazione del colore, cosa che non si può dire del secondo sito. C'è un proverbio così meraviglioso: "Si incontrano con i vestiti, ma li salutano con la mente", è applicabile anche ai siti, solo al posto dei vestiti c'è un disegno e invece di una mente c'è una struttura di navigazione. Il visitatore, una volta entrato nel sito, la prima cosa che vede è la combinazione di colori, e solo allora presta attenzione alla navigazione interna e alla struttura del sito.

Percezione del colore

La regola principale nella scelta dei colori è non esagerare. A volte anche due o tre colori selezionati correttamente sono più che sufficienti, un vivido esempio di ciò è il sito fb.ru. Molti web designer utilizzano una tabella di colori "sicuri" per progettare il loro sito html.

Tabella dei colori sicuri
Tabella dei colori sicuri

Safe è chiamato perché tutti i colori visualizzati qui verranno trasmessi da tutti gli utenti assolutamente allo stesso modo. Si può dire che questi colori siano lo standard durante la creazione del design sul sito.

Compatibilità colore

Ogni colore ha il suo colore "amichevole": questo è il colore con cui si abbina meglio. Non c'è bisogno di reinventare la ruota e sperimentare la selezione, tutto è stato inventato da tempo ed è di pubblico dominio. Le ruote dei colori vengono utilizzate per selezionare i colori. Itten. L'immagine sotto mostra una ruota dei colori per abbinare 2 colori corrispondenti.

Combinazione di colori complementare
Combinazione di colori complementare

T. cioè il colore opposto all'interno del cerchio è considerato il più compatibile. Se è necessario selezionare 3 colori corrispondenti, viene utilizzata anche la ruota dei colori, verrà già modificata solo la linea di disposizione dei colori.

Triade: una combinazione di 3 colori
Triade: una combinazione di 3 colori

E ci sono molti di questi cerchi, puoi scegliere più colori corrispondenti. Ad esempio, quattro.

Tetrad: una combinazione di quattro colori
Tetrad: una combinazione di quattro colori

Selezionando i colori in questo modo attraverso i cerchi di Itten, si otterrà la massima combinazione di colori e si otterrà un design del sito visivamente gradevole. Altri cerchi di colore possono essere trovati online. Deviamo un po' dall'argomento principale, perché voglio informarvi che queste ruote dei colori Itten sono utilizzate anche da designer professionisti del mondo della moda, ovvero quando si creano abiti firmati viene utilizzato questo metodo di abbinamento dei colori.

Struttura interna del sito

Se più o meno tutto è diventato chiaro con la percezione del colore, allora rimane un altro indicatore importante come la struttura interna del sito o in altre parole - "usabilità". Non è sufficiente scegliere i colori giusti sul sito, come dimostra la pratica: sul bellissimo design del sito non andrai lontano. La corretta struttura del sito è come la cornice di una casa, se non è pianificata correttamente, sarà scomodo navigarci intorno.

Tutti gli elementi di navigazione devono essere pensati in anticipo e, ancora meglio, scritti. StrutturaIl sito dovrebbe essere, prima di tutto, comprensibile e conveniente per i visitatori. Molti siti perdono i visitatori proprio perché questi ultimi, entrando nel sito, non capiscono dove e cosa si trovi. Non c'è bisogno di ingombrare con una massa di pulsanti e appendere un sacco di funzionalità. Devi sempre guardare attraverso gli occhi del visitatore, se l'utente non ha bisogno di qualche funzione, allora è meglio rimuoverlo. Ancora una volta, un esempio luminoso e corretto di progettazione di siti Web è il sito Web Fb.ru, in cui tutte le sezioni sono ubicate in modo comprensibile e conveniente per il visitatore.

L'errore più grande

Secondo l'analisi media, un utente che non riesce a trovare la sezione o le informazioni necessarie sul sito entro 15-30 secondi crede che questa sezione o informazione non sia sul sito e lascia la risorsa. Nella maggior parte dei casi per sempre. Un ottimo esempio di un sito con una navigazione terribile:

Cattiva navigazione nel sito
Cattiva navigazione nel sito

Pensate sia possibile trovare le informazioni necessarie su tale risorsa andando non dalla ricerca, ma semplicemente alla pagina principale? Penso che nessuno. Ancora una volta, la saturazione del colore e l'abbondanza di navigazione incomprensibile, che metterà ogni visitatore in stupore e smarrimento. Per evitare tali errori, è necessario raggruppare tutte le sezioni e inserirle in un menu di navigazione separato, che sarà comprensibile per ogni visitatore.

Modulo di registrazione

Un altro fattore importante e spaventoso sul sito è il modulo di registrazione. Alcuni cercano di raccogliere i dati della quasi trisavola nella finestra di registrazione.

Modulo di registrazione errato
Modulo di registrazione errato

Tali moduli di registrazioneerano di moda prima, quando Internet iniziò ad apparire solo nelle case. Oggi, l'utente di Internet vuole trovare le informazioni di cui ha bisogno il prima possibile e i moduli di registrazione lunghi, nonostante l'eccellente design del sito, avranno il 99% di probabilità di essere respinti. Il modulo di registrazione ideale per gli standard odierni è mostrato di seguito.

Modulo di registrazione corretto
Modulo di registrazione corretto

Anche se queste informazioni non sono sufficienti, nessuno si preoccupa di richiederle in seguito al visitatore, dopo il processo di registrazione. Questo approccio è considerato più leale e amichevole rispetto al modulo di registrazione, che è più simile a un modulo di domanda di lavoro.

Modelli di siti web

Molti siti vengono ora creati su moderni sistemi CMS che forniscono la progettazione gratuita del sito. Ma il design gratuito (modelli) non prevede alcun design visivo, quindi se il proprietario del sito non tenta di modificarlo in alcun modo, tale sito scompare nella ricerca.

Vale anche la pena menzionare tutti i portali Internet che offrono di implementare il tuo sito Web basato su di essi. In questo caso, ci sono sia pro che contro:

  • Il primo e forse l'unico vantaggio è la semplicità. La struttura del sito è già, di regola, modellata su tali risorse da designer esperti, il design del sito è conforme a determinati requisiti e regole. Resta solo da riempirlo di materiale tematico e aspettare i primi visitatori. Pertanto, la semplicità e la comodità di tali servizi attira i principianti. Ma se il sito è impostato per uno sviluppo serio e una competizione pertop-1 nei motori di ricerca, allora è meglio rifiutare un tale servizio.
  • Dagli svantaggi: i modelli forniti nella maggior parte dei casi non possono essere modificati o cambiati, dovrai usare sempre quello fornito. La monotonia è lo svantaggio principale, di cui abbiamo parlato all'inizio, perché ogni sito deve essere individuale e differire nell'aspetto dagli altri. Molte restrizioni che sarà impossibile descrivere, dal momento che ognuno di questi servizi ha il suo.

Parte finale

Tutto quanto descritto in questo materiale non pretende di essere un'"istruzione principale", puoi sempre e anche dover fare tutto a modo tuo - questo è solo un insieme di regole ed errori più comuni. Ma i punti più importanti, qui descritti sotto forma di percezione del colore e struttura interna del sito, sono lo standard per la progettazione del sito. I colori scelti in modo errato spaventeranno qualsiasi visitatore che è appena entrato nel sito e la progettazione analfabeta di categorie ed elementi del sito non gli consentirà di navigare e trovare le informazioni necessarie. Questi punti dovrebbero ricevere la massima attenzione e, come accennato in precedenza, dovresti sempre guardare qualsiasi sito attraverso gli occhi di un visitatore e non attraverso gli occhi di uno sviluppatore.

Consigliato: