'Un buon design rende l'utente felice, il produttore in nero e l'esteta incolume. '
- Raymond Loewy
Layout del sito Web
La navigazione e la navigazione in Internet sono diventate una parte inseparabile della nostra vita oggi. Ogni giorno visitavamo "n" numero di siti Web per fare acquisti, cercare, esplorare e acquistare servizi o semplicemente su Google. Ci fermiamo solo su alcuni siti Web o desideriamo visitarli ripetutamente.
Altri non sembrano essere troppo attraenti. Bene, uno dei motivi principali per visitare un determinato sito Web più di una volta è il layout del suo sito Web. Sebbene sia un equilibrio difficile realizzare una pagina Web funzionale ben progettata e semplificata, vale la pena fare sforzi per migliorare l'esperienza del cliente.
È stato dimostrato che l'oggetto che influisce sulla presunta affidabilità di un sito Web è il suo design e non il contenuto immesso. Una pagina Web perfettamente progettata non deve impegnare molto in altri aspetti per trattenere un visitatore sulla tua pagina web. La progettazione di UX e UI in tandem costituisce l'intero layout e la funzionalità di una pagina Web.
Il maestro nel creare un perfetto layout per il sito web è McDonald's. Hanno letteralmente messo tutto al posto giusto, anche come mettere sottaceto. Quindi, vorresti anche trovare qualcosa di buono o addirittura migliore di McDonald's.
I 10 passaggi principali del layout del sito Web
Oggi, scopriremo di più sui primi 10 passaggi del layout del sito Web. Di seguito sono riportati i layout:
- Avere un logo progettato professionalmente correttamente collegato alla Home Page
- Usa la navigazione intuitiva
- Evita il disordine e dai spazio di respiro ai visitatori
- Usa colori e immagini in modo strategico per un Web reattivo
- Scegli i caratteri Web responsive che siano facili da leggere su dispositivi e browser.
- Ogni pagina deve essere progettata come una pagina di destinazione
- Crea sempre un design reattivo, adattivo a tutti i dispositivi
- Usa HTML5 invece di Flash
- I pulsanti di invio o invio dovrebbero essere interessanti
- Non dimenticare di testare il tuo design
'La vita è colloquiale. Il layout del sito web dovrebbe essere allo stesso modo. Sul web, stai parlando con qualcuno che probabilmente non hai mai incontrato, quindi è importante essere chiari e precisi. Pertanto, una buona struttura della navigazione del sito Web e l'organizzazione dei contenuti vanno di pari passo con una buona conversazione. "
- CHIKEZIE EJIASI
(Un tweet da Twitter)
-
Avere un logo progettato professionalmente correttamente collegato alla Home Page
La prima cosa che identifica la società di layout del sito web è il suo logo. Una pagina web con un logo dal design professionale fa appello ai suoi clienti più di un logo appariscente. Un logo costituisce l'identità del marchio per un'azienda o un sito Web.
Dovresti sempre fare un punto per utilizzare immagini di design di siti Web ad alta risoluzione per il logo. le immagini di progettazione del sito Web devono sempre essere presenti nell'angolo in alto a sinistra su ogni pagina del sito Web. Inoltre, ricorda la buona vecchia regola del pollice che collega tutti i loghi del sito Web alla tua Home Page per il modo semplice di visitare la navigazione del design del sito Web per i tuoi clienti.
-
Navigazione nella progettazione di siti Web
Ti sei mai chiesto perché rimbalzi da così tante pagine Web e ti aggiri solo su una o due? Questo perché i clienti non si preoccupano di capire un sito Web complesso. Invece, abbandonano la pagina e passano alla successiva.
Questo è il motivo principale per cui la navigazione intuitiva è così importante. Le opzioni di navigazione del design del sito Web primario dovrebbero essere generalmente distribuite nella barra dei menu orizzontale nella parte superiore con le barre di navigazione secondarie sotto di essa o sotto il margine sinistro della pagina.
Inoltre, prestare attenzione a mettere i collegamenti solo nei luoghi necessari che non distraggono i clienti dall'invito all'azione o dalle informazioni più importanti.
-
Evitare il disordine e dare spazio alla respirazione per i clienti
Un uso eccessivo della grafica o un sovraccarico di immagini su una pagina tende a creare disordine. Le immagini di progettazione di siti Web sono il mezzo importante di comprensione, ma il sovraccarico visivo delle immagini interrompe l'elaborazione delle informazioni nel cervello.
I clienti si confondono quando si confrontano con troppi layout di progettazione di siti Web. Per ridurre al minimo l'ingombro sulle pagine di destinazione, limitare il numero di collegamenti e opzioni nell'intestazione e nel piè di pagina. Un altro modo per semplificare le pagine è mantenere i paragrafi brevi.
breve significa non più di 5-6 righe poiché i clienti tendono a perdere interesse a guardare un testo molto lungo. Esiste un'altra regola empirica di un buon layout di progettazione del sito Web, vale a dire dare un po 'di respiro ai clienti.
Questo spazio può essere creato lasciando abbastanza spazio tra i paragrafi e le immagini di progettazione del sito Web in modo che lo spettatore possa respirare e assorbire più funzionalità e offerte del tuo sito. Con il web reattivo che diventa ogni giorno più competitivo, meno è considerato di più ora.
L'uso controllato dello spazio bianco in tutto il layout manterrà l'attenzione degli utenti sul contenuto e migliorerà l'esperienza dell'utente. Il flusso di utenti controllati aumenterà i rendimenti dal sito Web.
-
Usa colori e immagini strategicamente per il Web reattivo
Per presentare una pagina Web moderna, senza ingombri ed elegante, prova a utilizzare principalmente una tavolozza di colori neutri. Con la concorrenza sempre più agguerrita, l'utilizzo di piccoli trattini di colore per i titoli e la grafica chiave aiuterà i tuoi visitatori a trattenere la tua pagina web e prestare attenzione ai dettagli più importanti. Usa sempre una tavolozza di colori che integra il tuo logo e dovrebbe essere coerente con altri materiali di marketing.
Prova a investire in fotografia o ad acquistare immagini di stock professionali perché i visitatori della pagina web annusano immagini generiche in un batter d'occhio. Le immagini di progettazione del sito Web lasceranno un'impressione generica della tua azienda.
Immagini professionali o buona fotografia attireranno l'attenzione sul contenuto e creeranno immediatamente una connessione emotiva. Solo per citare un esempio: se vuoi attirare l'attenzione del tuo visitatore su una particolare informazione o un invito all'azione, usa un volto umano che guarda in quella direzione o un dito puntato lì.
È solo perché un essere umano tende a guardare nella stessa direzione in cui guarda l'altra persona. Sia i colori che le immagini del design del sito Web devono essere selezionati in modo tale da adattarsi a tutto il Web reattivo: cellulare, tablet, laptop ecc.
Corsi consigliati
- Programma HTML e HTML5
- Formazione sulla certificazione dei test software
- Corso online su Drupal 7
- Drupal 7 corsi di programmazione
-
Scegli i font Web Responsive
Con il Web reattivo, dovresti scegliere un tipo di carattere adatto a tutti i browser, sia esso un laptop, un tablet o un telefono cellulare.
Se scegli un tipo di carattere su larga scala, è probabile che possano leggere bene su un laptop ma non renderanno bene su un cellulare perdendo la sua sensazione e il suo aspetto. Scegli sempre un tipo di carattere che può essere facilmente letto con dimensioni non inferiori a 11pt.
Se si scelgono i caratteri Web, non utilizzare più di 2 famiglie di caratteri per garantire tempi di caricamento rapidi. Per un design a larghezza fissa, utilizzare un font che consenta un massimo di 15-20 parole in una linea e in un design fluido, utilizzare un font che consenta 15-20 parole a una larghezza di 1000 pixel.
-
Ogni pagina deve essere progettata come una pagina di destinazione
I web designer progettano generalmente i loro siti Web supponendo che un visitatore acceda attraverso la home page e poi passi alle pagine di destinazione. Ma il fatto è leggermente diverso. La maggior parte dei visitatori arriva su una pagina diversa dalla Home Page per la maggior parte dei siti.
Quindi, l'idea chiave è quella di conservare tutte le informazioni principali su tutte le landing page e sul layout del sito Web in modo tale che il visitatore non debba cercare informazioni importanti.
-
Crea sempre design reattivo, adattivo a tutti i dispositivi
In questo mondo frenetico, quando non hai tempo anche solo per mangiare correttamente, perché devi progettare un sito diverso per ogni dispositivo. Risparmia tempo ed energia progettando il sito reattivo che si adatta alle dimensioni del browser in base al dispositivo utilizzato.
Un sito reattivo generalmente attira a lungo l'attenzione del visitatore aumentando la probabilità di tassi di conversione.
-
Usa HTML5 invece di Flash
Flash sta diventando obsoleto e sta per concludersi con la disputa in corso tra Apple e Adobe. Quindi, designer! Esci dal carrozzone e prova altre opzioni web e intuitive.
HTML5 sta guadagnando popolarità con il suo testo intuitivo per i motori di ricerca e la sua semplice funzionalità sui sistemi operativi mobili senza richiedere un plug-in, a differenza di Flash.
-
I pulsanti di invio o invio dovrebbero essere interessanti
Il pulsante "Invia" o "Invia" nella parte inferiore di un modulo Web è la chiamata più importante all'elemento azione su una pagina Web. Ma può anche essere la parte più brutta, quindi i progettisti devono creare pulsanti di invio dei moduli “così i visitatori simpatici non possono fare a meno di fare clic su quelli.
Devono solo fare clic su di esso. Questi pulsanti di invito all'azione possono essere resi interessanti in molti modi, ad esempio quando un visitatore sposta il mouse sul pulsante di invito all'azione, dovrebbe cambiare colore, gradiente, opacità o trattamento dei caratteri per attirare la tua attenzione in una frazione di secondi.
Ma fai anche attenzione al fatto che esagerare con qualsiasi cosa sia un male. Dovrebbe essere rastremato fino a quando sembra attraente, altrimenti può avere un impatto inverso.
-
Non dimenticare di testare il tuo design
Una decisione di progettazione è solo un'ipotesi. Sei la persona migliore per decidere cosa sembra bello sulla tua pagina web. L'ottimizzazione di una pagina Web provando un posizionamento diverso per i pulsanti di invito all'azione o utilizzando diverse tonalità di un colore, può avere un grande impatto sulla tua pagina web. Test dell'utente. I test e le analisi A / B possono aiutarti ad improvvisare sulla tua pagina web.
E la vera improvvisazione viene dalle persone. Prendi il loro feedback e attua fino a quando non sembra buono. Solo per citare un esempio di quanto sia importante testare il tuo design: Microsoft una volta ha guadagnato entrate aggiuntive di $ 80 milioni solo testando e implementando una specifica tonalità di blu. Quindi non sai mai quando il tuo design può farti generare enormi profitti.
Questi piccoli problemi potrebbero apparire così insignificanti ed evidenti, ma spesso vengono rimbalzati sulla versione live della pagina web. Al momento, l'azienda ha già perso una percentuale minore del reddito potenziale derivante dalle sue prospettive.
Con diverse piattaforme disponibili oggi, generare momenti “WOW” dai progetti UX e UI di un sito Web non è un grosso problema. Ci vogliono solo piccoli sforzi e un pizzico di creatività per far dire a tutti i visitatori WOW dopo essere atterrati sulla tua pagina web.
Quindi, il modo perfetto per progettare una pagina web è pensare. Ripensare. Imparare. Impara di nuovo Non usare mai lo stesso concetto. Conosci le esigenze dei tuoi clienti e poi … avvia il tuo design.
Cambiare la tua pratica di progettazione può avere un enorme effetto sul tuo coinvolgimento e sui tassi di conversione formando un'esperienza utente intuitiva che rivelerà la tua professionalità offrendo allo stesso tempo ciò che le persone desiderano e di cui hanno bisogno in modo visivamente sorprendente.
Articoli Correlati:-
Questa è stata una guida al layout del sito web. Qui abbiamo discusso i primi 10 passaggi del layout del sito Web. Puoi anche consultare i seguenti articoli-
- 10 Modo efficace per gli utenti di Adobe InDesign
- 8 Linee guida utili per diventare HTML5 vs Flash
- 5 modi efficaci per indirizzare il traffico organico verso il tuo sito web
- Come creare un layout del sito Web pulito in Photoshop
- Elenco di alcuni errori nel sito Web e come risolverli facilmente
- 5 Errori di installazione del sito Web di cui è necessario essere a conoscenza
- Cosa preferire Drupal o Joomla
- Drupal 7 vs Drupal