Il vero scoop sulla creazione di un sito Web dall’aspetto professionale

Hai circa sette secondi per convincere un visitatore che vale la pena rimanere sul tuo sito web. Se hai problemi a far rimbalzare il traffico, che ti piaccia o no, è probabilmente il momento di dare un’occhiata fredda e dura al tuo sito web poiché QUALCOSA sta facendo in modo che i tuoi visitatori si dirigano verso le colline subito dopo l’atterraggio lì.


È la tua copia? È la tua grafica? È il design generale? Sono tutti e tre? C’è solo un modo per scoprirlo.

Fai un passo indietro e dai una buona occhiata in modo da poter ribaltare le scale a tuo favore. Dopotutto, vuoi davvero perdere i tuoi concorrenti? In caso contrario, continua a leggere.

Nozioni di base sul Web design

La verità scomoda è che il tuo sito web è un riflesso diretto della qualità del business, del servizio o dell’individuo che rappresenta. Il design di base del tuo sito può immediatamente avvisare un visitatore se un dilettante lo ha creato o un professionista.

I caratteri, il design del layout dei contenuti e persino le combinazioni di colori possono gridare che tuo cognato, che è esperto nella creazione di siti Blogspot, ha creato il tuo sito Web più recente. Se desideri aumentare la tua presenza professionale nello spazio digitale, ecco alcune best practice di base su cui vuoi concentrarti.

Mantieni i layout semplici

Non è necessario inceppare il maggior numero possibile di colonne o frame in una pagina. Sembra goffo e poco attraente. È più probabile che un layout semplice ottenga una risposta e non richieda ai visitatori di scorrere lateralmente per vedere l’intera pagina. Un buon design di base da cui partire è un layout a tre colonne. È facile per i visitatori scansionare e trovare rapidamente ciò che stanno cercando sul tuo sito.

Abbraccia caratteri facili da leggere

Uno dei tratti distintivi di un sito dall’aspetto professionale è che è facile da capire. Una volta determinato un buon colore per il testo, guarda il tuo font e dimensioni dei caratteri. Controlla il tuo sito su diversi dispositivi. È importante utilizzare un carattere che visualizzerà lo stesso per le piattaforme più comunemente utilizzate.

I tuoi visitatori dovrebbero vivere un’esperienza di visualizzazione del tuo sito tramite dispositivi mobili tanto quanto su un desktop. Un buon carattere da usare è qualsiasi carattere serif (quelli con i piccoli tag alle estremità delle lettere) per testi più grandi come titoli. I caratteri sans serif (senza i tag piccoli) sono alcuni dei caratteri più facili da leggere su qualsiasi display.

Utilizzare le dimensioni grafiche appropriate

Sebbene sia importante utilizzare la migliore grafica adatta ai tuoi contenuti, dovresti anche tenerli piccoli per un caricamento rapido e pulito. Ricorda, più grande è l’immagine, più lenta è la pagina.

Concentrarsi sulla coerenza del marchio

Il marchio è il segno distintivo di un sito Web professionale. Assicurati che il tuo logo e slogan siano chiaramente visibili su ogni pagina. Questo è il passaggio fondamentale di base per familiarizzare i visitatori con il tuo marchio e il tuo messaggio.

Includi termini chiari

Assicurati che il tuo sito includa una politica sulla privacy, termini di servizio e anche qualsiasi altra notifica speciale che ritieni possa interessare ai tuoi visitatori. Sii il più trasparente possibile con ciò che fa il tuo sito con le informazioni sui visitatori, anche se non fai nulla.

Elementi di buon web design

Ci sono fattori basilari che tutti i siti Web dall’aspetto professionale hanno in comune ed è molto più che avere un design pulito e una buona grafica. L’uso delle migliori pratiche di progettazione si tradurrà in un sito creato per soddisfare sia i visitatori che i motori di ricerca.

Focus sulla navigazione

Quando stai progettando la navigazione, mantienila pulita e semplice. La cosa principale che i tuoi utenti vorranno dalla tua navigazione è un framework che dice loro dove sono e offre loro una facile opzione per tornare alla homepage. Metti il ​​tuo menu di navigazione in un luogo comune come vicino alla barra superiore o laterale.

Condividi le informazioni di contatto

Più modi in cui mostri agli utenti che possono metterti in contatto con te, maggiore sarà il comfort che avranno nell’interazione con la tua azienda o organizzazione online. Aggiungi il tuo indirizzo fisico se ne hai uno connesso al sito. Inoltre, è conveniente per i tuoi visitatori avere un modulo di contatto da compilare.

Massimizza le informazioni a piè di pagina

Un piè di pagina è un ottimo posto per mettere collegamenti e altre informazioni utili per gli utenti. Puoi anche usare il piè di pagina per elementi di design che potrebbero non avere un posto nel layout più in alto nella pagina. Molte aziende inseriscono le loro informazioni fisiche di contatto in una parte del piè di pagina.

Usa gli stili appropriati per i pulsanti

Gli occhi dei tuoi utenti impareranno rapidamente il design dei pulsanti del tuo sito e li cercheranno come elemento d’azione nel tuo design. Assicurarsi che tutti i pulsanti utilizzati per la navigazione siano coerenti in tutto il sito.

Dì chi sei

Rendi la tua pagina “Informazioni” informativa e coinvolgente. Mostra entusiasmo. Non dare solo i fatti secchi. Questo è il posto dove dire chi sei e qual è la missione della tua azienda o organizzazione. Le immagini delle persone coinvolte daranno alla pagina, ancora di più, personalità.

Abbraccia lo spazio bianco

Lo spazio bianco non deve essere bianco. Fondamentalmente è solo una “stanza per respirare” di base in una pagina. È un’area in cui non ci sono testo, immagini o grafica. Lo trovi spesso in siti di design piatto sviluppati professionalmente.

Il sito di Amazon è un buon esempio di come funziona. Ogni pagina ha enormi quantità di informazioni da trasmettere, ma nessuna di esse è schiacciante a causa dell’uso intelligente dello spazio bianco.

Semplifica la ricerca di informazioni

I visitatori di ritorno potrebbero voler individuare le informazioni che hanno visto prima. Rendilo facile per loro con una funzione di ricerca. Usa una casella di ricerca senza soluzione di continuità che si fonde con il tuo design. La posizione più comune si trova nell’angolo in alto a destra del sito.

Best practice per il Web design per un sito Web eccezionale

Non è un segreto che gli elementi di design si siano evoluti nel corso degli anni, ma una cosa è certa: non puoi sbagliare con un design del sito semplice. Il web design professionale non riguarda solo i cursori o qualunque sia la campana e il fischio più recenti. Si riduce per facilitare la navigazione e la reattività sia del sito che degli elementi del sito.

Focus sulla coerenza della pagina

Il layout dovrebbe rimanere lo stesso in tutto il sito. Non montare layout di pagina a sorpresa sui tuoi utenti. Va bene passare da tre colonne a una singola colonna nelle pagine di invito all’azione, ma assicurati che la navigazione, i piè di pagina e altri elementi rimangano coerenti, quindi gli utenti non si sentono mai “bloccati” su una pagina.

Bilancia l’uso del colore

È importante regolare i colori nel layout come lo è scegliere una tavolozza di colori complementare.

Organizza i tuoi contenuti in categorie

Le categorie sono ottime sia per l’uomo che per i motori di ricerca. Resta il più organizzato possibile con i tuoi contenuti. È anche una buona idea posizionare un elemento di navigazione nella barra laterale in modo che un visitatore che desidera vedere solo una determinata categoria di prodotti o informazioni possa farlo con un solo clic.

Assicurati che il tuo sito sia accessibile a tutti

Assicurati di ottimizzare il tuo sito Web per tutti i tuoi visitatori. Dovrebbe supportare funzionalità per le persone con disabilità, nonché funzionalità che visualizzano le immagini più recenti ad alta risoluzione.

Primavera per il certificato SSL

Se raccogli informazioni di pagamento, ottieni un certificato SSL per il tuo sito. È una procedura breve e aiuta a proteggere i tuoi visitatori quando effettuano una transazione sul tuo sito. È non professionale e sicuramente non rientra nel regno delle buone pratiche Web chiedere a qualcuno di inserire i dati della propria carta di credito in un ambiente non sicuro.

Tendenze del Web design

Poiché ci sono così tante piattaforme diverse per costruire un sito Web, la gamma di progetti si è davvero aperta. I design piatti e semi-piatti stanno diventando più comuni nei siti professionali, così come nei siti con bootstrap poiché questi tipi di design aiutano a soddisfare la crescente domanda di siti Web reattivi che si adattano a qualsiasi tipo di dispositivo su cui il sito viene visualizzato.

Ecco alcune cose chiave da tenere a mente:

Il design piatto si carica più velocemente di tutti

Molte grandi aziende sono passate a design piatti e semi-piatti poiché caricano più velocemente. Il design piatto è esattamente come sembra piatto, senza caratteristiche tridimensionali.

Altri tratti distintivi del design piatto sono i bordi nitidi con ombreggiatura minima o nulla. Un sito a caricamento rapido non solo avrà un aspetto più professionale, ma manterrà anche i tuoi visitatori sulla pagina fino a quando non completeranno l’azione desiderata.

Assicurati che il tuo sito sia reattivo

Questo è qualcosa che non puoi trascurare. Nel determinare la posizione di un sito Web, Google ora penalizza i siti che non sono ottimizzati per i dispositivi mobili. Quindi, se vuoi classificare bene, devi passare al cellulare. È indispensabile assicurarsi che il design che usi venga visualizzato in modo appropriato, a seconda del dispositivo utilizzato per accedere al tuo sito.

Usa le carte per la navigazione

Hai visto Pinterest? Basa i suoi pin su un elemento di design comunemente chiamato carte. L’uso di schede con immagini di alta qualità nella tua navigazione crea una pagina professionale e pulita che coinvolge i visitatori.

Ciò è particolarmente interessante per le pagine di prodotti o servizi o quando hai molti articoli o contenuti che desideri organizzare. Usa immagini accattivanti e avrai spazio sulla scheda per scrivere un titolo e forse anche un po ‘di testo per attirare un clic.

Crea contenuti vincenti

Un sito professionale non trita i contenuti. Invece, ogni parola sulla pagina è lì per uno scopo. Non c’è riempitivo. Non c’è lanugine. E non c’è sicuramente NESSUN riempimento di parole chiave! Un sito dall’aspetto professionale può trasferire file di informazioni senza sovraccarico di informazioni. Fai il punto di ogni blocco di contenuti sul tuo sito. Assicurati che serva a uno scopo.

Usa le immagini degli eroi al massimo

Un sito dall’aspetto professionale dirà al visitatore in termini inequivocabili di cosa si tratta effettivamente. Un modo per raggiungere questo obiettivo è utilizzare le immagini degli eroi above the fold con sovrapposizioni di testo che spiegano le basi di ciò che riguarda il tuo sito.

Non dimenticare il video

I video stanno rapidamente diventando l’eroe immagine 2.0. L’uso di un video above the fold in cui tradizionalmente collochi un’immagine a stella è un modo eccellente per catturare immediatamente l’attenzione di un visitatore e mantenerlo.

Secondo uno studio di Psychology Today, il cervello umano può elaborare informazioni da un video 60.000 volte più velocemente rispetto alla lettura di un testo. La cosa principale quando si incorpora un video nella tua home page è far sembrare che sia parte integrante del resto del design del sito. Se stai cercando un impatto, oltre a un modo duraturo per fare un’ottima prima impressione, usa il video.

Abbraccia la potenza del video

Uno studio convincente della rivista Inc. ha rilevato che oltre il 90 percento dei clienti B2B utilizzava video online per prendere decisioni di acquisto. L’aggiunta di video a pagine Web interne e post di blog su prodotti e servizi è una metodologia strategica che funziona in modo completo. Ma non fermarti qui. Aggiungi la possibilità ai visitatori di condividere questi video con altri per un calcio in più.

Errori comuni nel web design

Potresti aver pagato il miglior dollaro per un professionista per sviluppare il tuo sito web. Sfortunatamente, alcuni errori comuni nella progettazione possono trascinare verso il basso l’intero aspetto del tuo sito Web. Ecco alcuni dei principali trasgressori da tenere a mente.

Sovraccarico di informazioni sulle pagine

La tua home page non deve dire ogni singola cosa che fai tutte in una volta. In effetti, un sito con ogni centimetro di spazio sullo schermo pieno di immagini e testo è il segno distintivo di un dilettante. Se fornisci troppe informazioni, diventa travolgente e la probabilità è che il tuo visitatore se ne vada.

È triste dire che molte pagine di prodotti ne sono vittima. Un’enorme pagina di prodotto impiega molto tempo a caricarsi e i visitatori se ne andranno se hanno atteso più di qualche secondo prima che le informazioni vengano visualizzate. Uno studio pubblicato da Shopify ha scoperto che i negozi con una tonnellata di prodotti hanno attirato l’attenzione dei visitatori per un periodo più lungo, ma che le vendite effettive sono state sostanzialmente inferiori. Le pagine a caricamento rapido organizzate per categoria sono molto più utili per consentire ai visitatori del tuo sito di trovare le informazioni che desiderano rispetto alle pagine piene di contenuti.

Navigazione frustrante

Sei mai stato su un sito in cui le informazioni di contatto o i link dei social media erano quasi invisibili perché erano nascosti nell’angolo inferiore di una pagina? Un sito dall’aspetto professionale incoraggia il coinvolgimento ed è trasparente nelle politiche sulla privacy, nei termini di servizio e nei metodi di contatto. È imperativo che tu lo prenda in considerazione quando imposti i menu per il tuo sito.

Un modo per incorporare una navigazione pulita quando ci sono molte opzioni in un menu è usare un menu hamburger. Questo tipo di menu si impila fino a quando non viene cliccato, quindi si apre per rivelare le opzioni di navigazione. È estremamente pulito, a caricamento rapido e facile da usare per i visitatori su una varietà di dispositivi diversi, inclusi computer desktop, tablet e telefoni cellulari.

Troppo – o troppo poco – colore

Ricordi i primi tempi del web design quando era comune imbattersi in un sito Web che utilizzava tutti i colori del codice esadecimale che esistevano? Una volta che la moda è svanita, le combinazioni di colori sono diventate la norma a cui fare riferimento e alcuni di questi non sono stati pensati molto bene. Ad esempio, per un po ‘, è stato di tendenza progettare pagine con testo grigio chiaro su sfondi bianchi.

Quindi è diventato evidente che questo non era un buon design poiché era incredibilmente difficile da leggere su un monitor desktop e ancora peggio su uno schermo mobile. Usa una tavolozza limitata di colori esadecimali e usa da una a tre combinazioni contrastanti per un look nitido, di classe, non trash.

Immagini di bassa qualità

Una cosa che è uguale tra tutti i siti Web dall’aspetto professionale è che usano immagini di alta qualità. È importante che le tue immagini rimangano nitide e non vengano pixelate. Gli sfondi a tinta unita e bianchi tendono a mostrare la maggior parte dei prodotti nella loro luce migliore. Se scegli di utilizzare le immagini degli eroi, assicurati di utilizzare un’immagine ad alta risoluzione adatta allo spazio che riempirà l’immagine.

Un blog fantasma

Un sito professionale è aggiornato. Se decidi di avere un blog, devi aggiornarlo regolarmente. Il contenuto dovrebbe concentrarsi sui tuoi prodotti e sulle cose che influenzano il tuo settore. Puoi anche promuovere la tua mailing list e le offerte speciali anche qui.

Se ritieni che trovare il tempo per aggiornare regolarmente il tuo blog sia una sfida, usa i talenti all’interno della tua azienda o esternalizza l’attività. Un blog che improvvisamente diventa silenzioso sembra molto poco professionale.

Pop-up

Evita i popup, se puoi. Alla maggior parte delle persone non piacciono. In effetti, molti li trovano decisamente fastidiosi. È meglio offrire ai visitatori la possibilità di fare clic su un annuncio o di unirsi a un elenco di email in un elemento di design in una barra laterale anziché bloccare un riquadro a comparsa davanti alle loro facce al caricamento della pagina.

Se il tuo sito ha banner pubblicitari, è tempo di metterli via. Uno studio di Solve Media ha scoperto che i navigatori del web avevano maggiori probabilità di sopravvivere a un incidente aereo o vincere un premio nella lotteria Mega Millions rispetto a fare clic su un banner pubblicitario. Più banner pubblicitari ha il tuo sito, meno professionale appare il sito.

Ricorda, il tuo sito Web è il primo modo in cui molte persone ti “incontreranno” e conosceranno e si fideranno del tuo marchio. Assicurati che il tuo sito utilizzi le migliori pratiche: navigazione semplice, annunci e video senza interruzioni, immagini di alta qualità e contenuti unici.

Mantieni il tuo sito aggiornato e non rimanere troppo attaccato a una singola idea di design. Man mano che la tecnologia si sposta in avanti per gli elementi di Web design, spostati con essa per rimanere all’avanguardia rispetto al tuo sito Web come quello utilizzato come esempio per ottenere il Web design giusto.

Qual è l’elemento più poco professionale che hai visto su un sito web?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map