Questo articolo spiega come progettare un sito web semplice e dall'aspetto professionale. Mentre sei libero di decidere sul design del tuo sito, ci sono alcune cose importanti da fare ed evitare quando crei un sito web.
Fare un passo
Parte 1 di 2: Creazione di un design del sito
Passaggio 1. Decidi se vuoi utilizzare un creatore di siti web
La creazione di un sito Web da zero richiede una comprensione dettagliata del codice HTML, ma puoi creare un sito utilizzando un servizio di hosting gratuito come Weebly, Wix, WordPress o Google Sites. I creatori di siti Web tendono ad essere molto più semplici per i designer alle prime armi rispetto all'HTML.
- Se decidi di codificare da solo, dovresti imparare la codifica HTML e CSS.
- Se sei riluttante a dedicare tempo ed energia alla creazione del tuo sito web, puoi assumere un designer di siti web. I servizi di designer freelance variano ampiamente, alcuni addebitati all'ora e altri per progetto, con una gamma totale da milioni a decine di milioni di rupie.
Passaggio 2. Crea una mappa del sito
Prima di aprire il creatore del sito web, dovresti aver determinato quante pagine ci sono sul sito, qual è il contenuto di ciascuna pagina e il layout generale di pagine importanti come "Home" e "Informazioni".
Ti sarà più facile visualizzare le pagine del tuo sito creando immagini approssimative, non solo ombre
Passaggio 3. Utilizza un design intuitivo
Sebbene le nuove idee siano solitamente interessanti, i progetti di base dovrebbero seguire queste linee guida generali:
- Le opzioni di navigazione (ad esempio, più schede per pagine diverse) dovrebbero essere posizionate nella parte superiore della pagina.
- Se stai utilizzando l'icona del menu (☰), dovrebbe trovarsi nell'angolo in alto a sinistra della pagina.
- Se stai utilizzando la barra di ricerca, posizionala nella parte in alto a destra della pagina.
- I link utili (ad esempio, i link alle pagine "Informazioni" o "Contattaci") dovrebbero trovarsi in fondo alla pagina.
Passaggio 4. Sii coerente
Indipendentemente dal testo, dalla tavolozza dei colori, dal tema dell'immagine e dal design che scegli, assicurati di applicare le stesse decisioni in tutto il tuo sito. Gli utenti saranno sorpresi di vedere che il carattere e la combinazione di colori nella pagina "Informazioni" sono molto diversi da quelli utilizzati per la home page.
- Ad esempio, se utilizzi un colore tenue per la tua home page, non utilizzare un colore brillante nella pagina successiva.
- Tieni presente che l'uso di colori brillanti o contrastanti, in particolare i colori visualizzati dinamicamente (o in movimento), può innescare convulsioni o crisi epilettiche in una minoranza di utenti. Se decidi di utilizzare un colore di questo tipo, assicurati di includere un avviso di "rischio di sequestro" prima della pagina in questione.
Passaggio 5. Aggiungi opzioni di navigazione
L'inserimento di collegamenti diretti a pagine importanti sopra la home page aiuterà i nuovi visitatori a scoprire i contenuti che interessano a loro. La maggior parte dei creatori di siti Web aggiunge questo collegamento come predefinito.
È importante assicurarsi che sia possibile accedere a tutte le pagine del sito facendo clic su un'opzione all'interno del sito anziché solo tramite l'indirizzo della pagina
Passaggio 6. Usa i colori corrispondenti
Come tutti i tipi di design, anche il design del sito web si basa su piacevoli combinazioni di colori. Pertanto, la scelta di un colore del tema corrispondente è molto importante.
Se sei confuso, inizia con il nero, il bianco e il grigio
Passaggio 7. Considera un design minimalista
Il concetto minimalista incoraggia l'uso di toni freddi, grafica semplice, pagine di testo nere su sfondo bianco e il minor numero di abbellimenti possibile. Poiché un design minimalista richiede pochissimi elementi, è un'opzione facile per rendere il tuo sito professionale e attraente senza troppi sforzi.
- La maggior parte dei creatori di siti Web fornisce un tema "minimalista" da cui è possibile scegliere durante la creazione di un sito Web.
- L'alternativa minimalista è il "brutalismo", che utilizza parole più dure, colori brillanti, testo in grassetto e grafica minimale. Ci sono molti meno utenti di design brutalisti rispetto ai minimalisti, ma se il contenuto è appropriato, questo design può essere una buona scelta.
Passaggio 8. Applicare opzioni uniche
La griglia e gli elementi lineari sono scelte sicure, ma alcuni stili unici aggiungeranno un tocco personale e distingueranno il tuo sito dal resto.
- Non aver paura di invertire la tendenza posizionando elementi del sito asimmetrici o utilizzando elementi impilati per creare un aspetto a strati.
- Sebbene gli elementi quadrati eleganti e dai bordi netti (noti come presentazione basata su carte) siano meno desiderabili degli elementi morbidi e arrotondati.
Parte 2 di 2: Massimizzare le prestazioni del sito
Passaggio 1. Approfitta delle opzioni di ottimizzazione dell'auto
I browser mobili portano più traffico rispetto ai browser desktop. Ciò significa che l'attenzione che presti alla versione mobile dovrebbe essere almeno la stessa dello sviluppo del sito desktop. La maggior parte dei siti Web di creatori di auto ha già realizzato una versione per auto, ma tieni a mente le seguenti informazioni per i siti per dispositivi mobili:
- Assicurati che i pulsanti (ad esempio i sitelink) siano grandi e facili da toccare.
- Evita le funzionalità che non possono essere visualizzate sui dispositivi mobili (es. Flash, Java, ecc.).
- Prendi in considerazione la creazione di un'app per auto per il tuo sito.
Passaggio 2. Non includere troppe foto per pagina
I browser desktop e mobili a volte hanno problemi a caricare pagine con molte foto o video. Sebbene le immagini siano molto importanti nel web design, quantità eccessive di media per pagina possono prolungare i tempi di caricamento e scoraggiano gli utenti dal visitare quelle pagine.
In generale, il caricamento di una pagina dovrebbe richiedere meno di quattro secondi
Passaggio 3. Aggiungi una pagina "Contatti"
Potresti notare che la maggior parte dei siti fornisce una pagina "Contattaci" che contiene informazioni di contatto (come numero di telefono e indirizzo e-mail). In effetti, alcuni siti forniscono un modulo di richiesta automatizzato in questa pagina. La pagina "Contatto" è una linea di comunicazione diretta tra i visitatori del sito e te, il che significa che è anche una soluzione alla domanda o alla frustrazione di un visitatore.
Passaggio 4. Crea una pagina 404 personalizzata
Quando un visitatore arriva a una pagina specifica che non è stata creata o non esiste, verrà visualizzata una pagina "Errore 404". La maggior parte dei browser fornisce una pagina 404 integrata, ma puoi personalizzarne l'aspetto dalle impostazioni del creatore del sito web. Se desideri creare una pagina 404 personalizzata, inserisci i seguenti dettagli:
- Messaggi di errore divertenti e divertenti (ad es. "Congratulazioni, sei atterrato su una pagina di errore!")
- Link torna alla home page
- Elenco di link che i visitatori di solito vedono
- L'immagine o il logo del tuo sito
Passaggio 5. Se possibile, accedere alla barra di ricerca
Se il metodo di creazione del sito Web che stai utilizzando supporta l'aggiunta di una barra di ricerca, ti consigliamo di aggiungerla. Ciò garantisce che gli utenti possano trovare la pagina o il contenuto specifico che stanno cercando senza dover fare clic su tutte le opzioni di navigazione.
La barra di ricerca è molto utile anche quando i visitatori vogliono cercare termini comuni senza dilettarsi in pagine casuali
Passaggio 6. Presta più attenzione alla home page
Quando i visitatori accedono alla home page, dovrebbero aver compreso l'essenza del tema del tuo sito. Inoltre, tutti gli elementi della home page dovrebbero essere caricati rapidamente, comprese le opzioni di navigazione e le immagini. La home page dovrebbe inoltre fornire i seguenti aspetti:
- Invito all'azione (ad esempio, un pulsante su cui fare clic o un modulo da compilare)
- Barra degli strumenti o menu di navigazione
- Grafica invitante (come una foto solida, un video o più foto con testo complementare)
- Parole chiave relative al servizio, argomento o focus del tuo sito
Passaggio 7. Testa il tuo sito su diversi browser e piattaforme
Questo è molto importante perché i browser elaborano gli aspetti di un sito Web in modi diversi. Prima di promuovere il tuo sito, prova ad aprire e utilizzare il tuo sito nei seguenti browser su piattaforme Windows, Mac, iPhone e Android:
- Google Chrome
- Firefox
- Safari (solo iPhone e Mac)
- Microsoft Edge e Internet Explorer (solo Windows)
- Il browser predefinito di alcuni telefoni Android (Samsung Galaxy, Google Nexus, ecc.)
Passaggio 8. Mantieni aggiornato il sito
Le tendenze del design, i collegamenti, le foto, i concetti e le parole chiave sono in continua evoluzione. Quindi anche tu devi sempre apportare modifiche per stare al passo con i tempi. Dovresti controllare le prestazioni del tuo sito e confrontarlo con siti simili almeno una volta ogni tre mesi (preferibilmente più spesso).
Suggerimenti
- L'accessibilità è anche un aspetto altrettanto importante nello sviluppo di siti web. L'accessibilità include descrizioni per i visitatori con problemi di udito, descrizioni audio per i visitatori con problemi di vista e avvisi di fotosensibilità se il tuo sito utilizza effetti potenzialmente causa di convulsioni.
- La maggior parte dei creatori di siti Web fornisce modelli che è possibile utilizzare per determinare il layout e il design prima di aggiungere gli elementi desiderati.
Avvertimento
- La maggior parte dei siti dei creator è gratuita, ma se desideri utilizzare il tuo dominio (ad esempio "www.tuonome.com" invece di "www.tuonome.wordpress.com"), dovrai pagare una tariffa mensile o annuale.
- Evita il plagio e impara tutte le leggi sul copyright. Non includere immagini casuali da Internet o elementi strutturali senza autorizzazione.
