Web design per principianti

Definisci il tuo gruppo target e le sue esigenze

Definire lo scopo e gli obiettivi del tuo sito web dovrebbe essere il tuo primo passo. Concentrati su ciò che vuoi ottenere con il tuo sito web. Crea un profilo del tuo pubblico previsto e cerca di capire le loro esigenze e preferenze, e progetta il sito per metterli sempre al centro e in primo piano. Dai un’occhiata ai siti Web della concorrenza per avere un’idea di cosa funziona e cosa no.

Navigazione facile

Assicurati che i collegamenti alle aree principali del tuo sito web siano chiaramente visibili da ogni pagina web in modo che il tuo pubblico di destinazione possa navigare facilmente attraverso i tuoi contenuti. Vuoi invitare le persone a visualizzare quante più pagine possibile sul tuo sito, quindi fai in modo che trovino facilmente ogni pagina.

Un buon modo per visualizzare la struttura del sito Web è creare un diagramma di flusso dell’intero sito Web su carta. Pensa a come i tuoi utenti potrebbero strutturare le informazioni sul sito in modo che possano trovare facilmente le informazioni di cui hanno bisogno.

Cerca di mantenere le informazioni sulla tua prima pagina il più concise possibile in modo da non sovraccaricare le persone con troppe informazioni. Possono quindi fare clic sui collegamenti (chiari e intuitivi) per visualizzare ulteriori informazioni sugli argomenti che li interessano.

disposizione

La maggior parte delle pagine Web condivide una struttura comune costituita da un’intestazione e un piè di pagina, una barra di navigazione orizzontale in alto e/o una barra di navigazione verticale in basso a sinistra della pagina e una sezione centrale per il contenuto principale.

Questa struttura si basa su principi di layout semplici e di facile comprensione. Se sono presenti molti contenuti, suddividili in diverse pagine in modo che il tuo visualizzatore non debba digerire troppe informazioni su una pagina.

Mantieni il testo semplice e pertinente e assicurati che la grammatica sia corretta; rivedere e riesaminare per non sembrare poco professionale. Il testo è più difficile da leggere sullo schermo che sui supporti stampati, quindi è fondamentale che il tuo messaggio sia trasmesso in modo conciso e di facile comprensione.

Dovresti sempre mantenere i blocchi di testo relativamente piccoli. I paragrafi di grandi dimensioni sono più difficili da leggere e possono far perdere rapidamente interesse al pubblico.

Attenersi a 2 o 3 caratteri diversi al massimo e assicurarsi che siano quelli che si trovano generalmente sulla maggior parte dei computer. I san serif sono più facili da leggere sui monitor dei computer, quindi segui quelli per il testo principale e assicurati che il tuo testo sia abbastanza grande da essere letto da tutti. Punti elenco, elenchi e foto pertinenti possono aiutare a suddividere il testo.

Impara le basi dell’HTML

Imparare le basi dell’HTML, anche se utilizzi il software Front Page o Dreamweaver WYSIWYG, ti aiuterà a sviluppare una comprensione della struttura di una pagina Web ea risolvere i problemi che sorgono durante l’utilizzo del software. Cerca di stare lontano dalle tabelle e costruisci le pagine con livelli (div) e Cascading Style Sheets (CSS).

Le tabelle mescolano i dati di “presentazione” con i tuoi contenuti, rendendo le tue pagine inutilmente grandi in termini di dimensioni del file poiché gli utenti devono scaricare questi dati di presentazione per ogni pagina che visitano. Ma utilizzando il markup strutturale per creare pagine Web, puoi separare il contenuto effettivo della tua pagina dal modo in cui viene presentato.

I siti basati su tabelle sono anche molto meno accessibili agli utenti con disabilità e agli spettatori che utilizzano telefoni cellulari e PDA per accedere al web. E per cambiare il layout del sito web basta cambiare i fogli di stile; Non devi affatto modificare le pagine stesse.

usa il colore

La creazione di una tavolozza di colori bilanciata da cui scegliere la combinazione di colori del tuo sito web ti aiuterà a creare un sito web dall’aspetto professionale. I colori vivaci e contrastanti urlano amatoriale.

Se stai creando un sito Web per un’azienda con un logo, inizia da qui. Carica il logo sul tuo server host e vai su un sito web di palette di colori come http://www.colorhunter.com per creare una palette da cui puoi selezionare i colori per il banner principale, i pulsanti, il rollover del testo e così via. E mantieni le cose semplici e ordinate: lo spazio vuoto fa risaltare i colori e il testo è più facile da leggere.

Ottimizza foto e immagini

Non usare solo una grafica fine a se stessa; Assicurati che ci sia un motivo per la sua presenza, ad esempio migliora la comprensione e l’esperienza dell’utente. Un sito Web pieno di grafica non necessaria ha un aspetto amatoriale e può rappresentare una barriera per gli strumenti di accessibilità come i lettori di schermo.

Assicurati che le foto e le immagini che utilizzi siano chiare e ben ottimizzate per ridurre le dimensioni del file e aumentare i tempi di caricamento della pagina. Un segno sicuro di un sito Web amatoriale è una pagina con un’immagine enorme che impiega un’eternità a caricarsi. E il tuo visualizzatore probabilmente farà clic fuori dal sito prima ancora di avere la possibilità di vederlo.

Crea una grafica chiara e dall’aspetto professionale Le GIF sono in realtà griglie di minuscoli quadrati di pixel. I dati su ogni pixel vengono memorizzati (quindi senza perdite) e puoi memorizzare fino a 256 colori. I pixel possono anche essere trasparenti.

Una GIF può contenere più di un fotogramma, quindi può essere animata. È un buon formato per salvare immagini con meno colori, come grafici e piccoli grafici, immagini con testo e disegni.

I JPEG sono un buon formato di file per immagini con milioni di colori, come foto, disegni con molte sfumature, immagini sfumate, ecc.

Suggerimenti per la progettazione:

a.) Usa il design per enfatizzare la funzionalità. Per esempio; L’uso dei gradienti sui pulsanti aiuta anche a farli apparire più “simili a pulsanti”; diversi cursori colorati sopra il testo richiamano l’attenzione sui link.

b.) Fai attenzione alle animazioni e ai suoni a meno che non servano a una funzione specifica. È difficile concentrarsi sulla lettura del tuo sito quando le cose lampeggiano su e giù e volano intorno alla pagina. E i visitatori con connessioni lente potrebbero arrabbiarsi perché hai sprecato il loro tempo costringendoli a caricare animazioni e file audio contro la loro volontà. Alcune ricerche recenti suggeriscono che i visitatori presi di mira dagli annunci lampeggianti hanno maggiori probabilità di lasciare il sito immediatamente e molto meno probabilità di aggiungere segnalibri, tornare, collegarsi e consigliare il sito.

c.) Non utilizzare immagini come sfondo per i siti web. Gli sfondi urlano “amatoriale” perché sono usati principalmente da siti amatoriali. Richiedono più tempo per caricarsi e il testo sopra l’immagine di sfondo è solitamente difficile da leggere.

e.) Progetta la pagina web includendo tutti gli elementi che contiene per il tuo pubblico. Ad esempio, crea un’atmosfera rilassante per un sito Web di massaggi/terapie utilizzando colori come lavanda e blu. Usa colori più scuri, più tenui e più audaci per un sito web finanziario più tradizionale.

d.) Se la tua azienda non ne ha già uno, crea un logo per il tuo sito web, visualizzalo nella parte superiore di ogni pagina e aggiungi un link da esso alla tua home page. Renderà il tuo sito web più professionale e creerà un’atmosfera di branding in modo che le persone possano ricordare il tuo sito web e riconoscerlo come tuo.

Andare in diretta’

ospite

Quando si tratta di hosting, il più economico non è sempre il migliore. Per un po’ “principiante”; sito web, non dovresti utilizzare molta larghezza di banda (a meno che tu non abbia seguito le linee guida per l’ottimizzazione delle immagini!). Tuttavia, non consiglierei di ospitare il tuo sito con il piano più economico disponibile fino a quando non avrai verificato che possono fornire tutto il supporto di cui hai bisogno come principiante.

Consiglierei sempre di cercare un numero di telefono di contatto locale sul sito Web della società di hosting che intendi utilizzare e di chiamarli per assicurarti che alla fine ci sia una persona reale.

Chiedi se puoi ottenere assistenza tecnica a questo numero; È possibile comunicare via e-mail solo per il supporto tecnico. Se ti danno un numero diverso, chiedi quanto costa al minuto e chiama per assicurarti che alla fine qualcuno sia disposto ad aiutarti come principiante se dovessi avere problemi a connetterti al loro server, caricare i tuoi file o risolvere i tuoi account email.

Dovresti anche assicurarti che gli account di posta elettronica siano inclusi nel costo e se disponi di elementi dinamici come una funzione di ricerca o un modulo di richiesta sul sito, controlla che il server supporti PHP o ASP ecc. e se incluso nel prezzo di hosting indicato.

FTP

Puoi scaricare il software FTP gratuito per caricare il tuo nuovo sito Web sul tuo nuovo spazio di hosting da una varietà di fonti tra cui Filezilla o Smart FTP, oppure puoi provare una versione di prova gratuita di Cute FTP.

Ottimizzazione del motore di ricerca

Sebbene i web designer professionisti abbiano in mente l’ottimizzazione del sito web fin dall’inizio, come principiante devi procedere passo dopo passo! Ora che hai progettato, costruito e caricato il tuo sito web, diamo un’occhiata ad alcuni dei modi in cui ora puoi ottimizzarlo per il posizionamento nei motori di ricerca:

Leave a Comment