10 peggiori errori di progettazione del sito web

Articolo scritto da:
  • Website Design
  • Aggiornato: Aug 03, 2017

Sia che tu abbia frequentato dei corsi presso il college della comunità locale, sia stato progettare siti per anni, o sono un apprendimento amatoriale mentre vai, ci sono alcune cose che ogni web designer dovrebbe evitare se vuole che i visitatori si divertano a passare il tempo sul suo sito.

Probabilmente hai sentito il termine "appiccicoso" in riferimento a un sito web.

Ciò significa semplicemente un sito in cui il visitatore desidera rimanere fedele: un sito che rimane con il browser e che registra e frequenta. Ci sono così tanti elementi che rendono il sito appiccicoso che è un altro argomento.

Tuttavia, ci sono sicuramente alcuni errori nel web design che possono fare di un sito quello da cui i visitatori vogliono scappare. Ecco il design no-no che dovresti evitare.

Errore #1: Jarring Colors

Colori così brillanti da ferire gli occhi o colori che si scontrano l'un l'altro possono fare desiderare a un visitatore del sito di scappare da una pagina web. Quando pianifichi il tema del tuo sito web, prova a scegliere i colori che si completano a vicenda. Il giallo funziona raramente come colore principale, anche se può sembrare buono come accento. Anche l'uso di ogni colore dell'arcobaleno è una buona idea.

Titolo del sito: Moradito

Esempi di design errati

Questo sito utilizza quasi tutti i colori immaginabili in un modello di tipo puzzle. L'unico modo per descriverlo è brutto.

Errore #2: troppa grafica

Se si confonde la pagina Web con la grafica, si verificano due cose diverse. Innanzitutto, la pagina diventa così occupata che i visitatori potrebbero non essere sicuri su dove fare clic o su ciò che desiderano in primo luogo. In secondo luogo, se un browser ha una connessione Internet più lenta, la pagina potrebbe richiedere troppo tempo per essere caricata. Dopo 30 secondi, la maggior parte delle persone se ne andrà e passerà a un altro sito. Viviamo in un'epoca in cui tutto è immediato. Se non attiri l'attenzione del cliente nei primi secondi, rischi di perderla del tutto.

Titolo del sito: Pine-Sol

Esempi di design errati

Questo sito ha così tanti elementi grafici che sembra solo disordinato.

Oltre alle numerose immagini, le immagini si muovono su tutta la pagina, quindi, anche se il visitatore volesse fare clic su una delle immagini, avrebbe dovuto inseguirle con il mouse.

Errore #3: tempo di caricamento lento

Il tuo sito web si carica così lentamente che il visitatore ha il tempo di prendere una tazza di caffè e una ciambella prima di tornare?

Aggiungendo troppi elementi, come flash, audio, tonnellate di grafica ad alta risoluzione o script java, è possibile che il caricamento di un sito sia più lento e lento. Tieni presente che mentre la maggior parte dei tuoi visitatori avrà una velocità elevata, ci sono ancora clienti rurali che saranno in dial-up e impossibilitati ad accedere al tuo sito se carica troppo lentamente.

Non è solo la velocità essenziale per l'esperienza dell'utente, è un fattore di classifica molto importante. La velocità della pagina è diventata un fattore di ranking per i motori di ricerca in 2010 e, a giugno 2016, Google ha riferito che aggiornerà il fattore di posizionamento della velocità della pagina per esaminare specificamente la velocità della pagina delle pagine mobili. Con la ricerca sui dispositivi mobili che rappresenta più della metà delle ricerche di Google, anche la velocità della pagina mobile deve essere ottimizzata.

- Fonte: Migliora la tua SEO con una migliore velocità del sito

Titolo del sito: The Museum of Me

Esempi di design errati

Il flash su questo sito Web lo fa caricare molto lentamente. Inoltre, non c'è un collegamento prontamente visibile per saltare il flash. I browser con velocità di download inferiori troveranno questo sito così ingombrante da caricare che probabilmente usciranno dal sito e non torneranno più.

Mancia: Verifica la velocità del sito e ottieni consigli di miglioramento tramite Google Page Speed ​​Insights.

Errore #4: troppa pubblicità

I siti Web e i blog di contenuti generano profitti dalla pubblicità anziché dalla vendita di prodotti. Tuttavia, dove molti proprietari di siti Web falliscono aggiungendo così tanta pubblicità che il visitatore non può dire la differenza tra contenuto e pubblicità. Se il visitatore deve cercare per trovare l'articolo o il resto di un articolo, c'è troppa pubblicità sulla pagina. Uno o due annunci pubblicati sul sito sono i migliori. Inoltre, rischi di infastidire i tuoi browser.

Infatti, in a rapporto di pubblicità digitale condotto da Upstream e YouGov in 2012, hanno scoperto che circa il 20% dei consumatori ha affermato che se un'azienda pubblicizzava troppo, non avrebbe mai più utilizzato quell'azienda.

Titolo del sito: Hemmy.net

Esempi di design errati

In diverse pagine di questo sito Web, l'intera area di visualizzazione nella parte superiore della pagina riguarda annunci 90% di diversi tipi. Per arrivare al contenuto della pagina, è necessario scorrere verso il basso. Anche lì, c'è pubblicità aggiuntiva sparsi ovunque. È così distratto che è difficile concentrarsi sul sito.

Errore #5: editing fotografico amatoriale

Niente urla più forte di un'animazione che non è stata modificata correttamente. I siti web con questo tipo di problema potrebbero aver ritagliato immagini con bordi sfocati, colori auto-corretti che sembrano offuscati, tecniche di stratificazione scadenti che rendono ovvio che due immagini sono state unite insieme o strane proporzioni ridimensionate.

Titolo del sito: Peter's Buses

Esempi di design errati

Ci sono diversi problemi con la grafica in questa pagina.

Per prima cosa, c'è l'autobus con uno sfondo bianco invece che trasparente, che si trova solo sulla pagina e sembra dilettantesco. Anche le due foto a destra sono problematiche in quanto sono state allungate e ridimensionate senza mantenere i rapporti. Le foto appaiono spente e le persone in quello a destra appaiono talmente distese da poter essere giganti nella terra di Lilliput.

Mancia: Utilizza gratuitamente strumenti di modifica delle immagini online: canva, Pic Monkey

Errore #6: i disegni di un bambino di tre anni potrebbero essere creati

Se il tuo sito ha l'aspetto di come hai aperto Microsoft Word, hai creato un pezzo di Word Art e hai gettato il sito su Internet, allora potresti voler rivedere i tuoi elementi di design. Mentre la semplicità è un gradito sollievo da alcuni dei siti più frequentati, se si va troppo semplicemente, si rischia che il sito sia giovane ed economico.

Titolo del sito: Cyber ​​D-Sign Clan

Esempi di design errati

Esempi di design errati

Questo design è così semplice da essere immediatamente riconoscibile come uno sfondo di base per i pattern Microsoft e Word Art.

Il progettista non ha nemmeno cambiato i colori delle parole dal design standard MS inizia con. Oltre a questo, una pagina pop-up tenta di caricare. Questo potrebbe essere trascurato se il design fosse migliore una volta che si salta l'introduzione e si fa clic sulla pagina principale. Tuttavia, il design della pagina collegata (sotto) è altrettanto deludente.

Errore #7: scarsa navigazione

Anche se un sito web ha un design visivamente accattivante, i visitatori possono diventare frustrati e abbandonare la scarsa navigazione. Ad esempio, i siti senza un link chiaro o con così tanti elementi che è difficile decidere dove andare. Un problema che affliggono molti proprietari di siti Web è un piccolo sito che diventa improvvisamente più grande. La navigazione che funzionava quando il sito aveva cinque pagine semplicemente non funzionava quando il sito ha pagine 500. Guarda come il sito può essere rielaborato e ristrutturato in categorie e sottocategorie in modo che i visitatori possano capire esattamente dove andare per quello che vogliono. È anche intelligente aggiungere una casella di ricerca.

Titolo del sito: LawnSignDirectory.com

Esempi di design errati

Il visitatore si aspetta una direzione ricercabile per la propria area, ma invece ci sono dozzine di link elencati nella parte sinistra della pagina, annunci sulla destra e alcune attività commerciali in primo piano. Questo sito potrebbe beneficiare di un rinnovamento della struttura organizzativa, in modo che i visitatori possano trovare facilmente le risorse che stanno cercando.

Errore #8: problemi di testo

I web designer che utilizzano uno sfondo occupato e quindi scelgono un colore di testo che non offre abbastanza contrasto rendono illeggibili le loro pagine web. Se gli occhi di un visitatore si feriscono dopo aver letto un articolo, perché dovrebbe restare in piedi per leggere più pagine del tuo sito? Se è necessario scegliere uno sfondo occupato, posizionare almeno una casella, un livello o una tabella dei contenuti con uno sfondo solido e scegliere un colore del testo opposto. Cerca di evitare il grigio sul grigio, ma scegli il bianco sul rosso scuro, il nero sul rosa chiaro, ecc.

Anche le parole che si sovrappongono sono difficili da leggere, così come i paragrafi che si sovrappongono parzialmente alla grafica e parzialmente su uno sfondo solido.

Titolo del sito: Triangolo delle Bermuda

Esempi di design errati

Non ci sono solo problemi di contrasto su questo sito, ma il testo si sovrappone ad altri testi, rendendo quasi impossibile la lettura.

Errore #9: errori di battitura

Niente urla poco professionale di errori di battitura e problemi grammaticali. Sebbene nessuno sia perfetto, puoi tentare di avvicinarti. Chiedi ad amici e parenti di esaminare le tue pagine e aiutarti a trovare questi errori, o assumere un editor professionale per verificare le tue pagine. L'esempio qui sotto è solo per divertimento. Questa non è una vera società di web design, ma uno sguardo ironico sul modo in cui alcune aziende appaiono poco professionali.

Titolo del sito: Web Tek Rocks

Esempi di design errati

Un errore di battitura può essere trascurato, ma questo sito mostra come alcuni siti ombrosi sono pieni di errori. Per una società che vuole aiutarti a mettere il tuo sito sul web, probabilmente sarebbe meglio che passasse un po 'di tempo a correggere i problemi sul loro sito prima di costruire il tuo. "Speciale" è scritto SPECAIL; "Competenza" è scritta "experteze"; Offrono "aiuto per mettersi in fila" online; "Noi possiamo costruito il tuo sito più veloce di chiunque altro! "

Mancia: Impara come cattura errori di battitura e errori nella tua scrittura.

Errore #10: così cattivo che non puoi spiegarlo

Alcuni siti Web sono intrinsecamente cattivi nel design. A volte non è una cosa che rende il sito doloroso per i tuoi occhi, ma quasi tutto sul sito.

Potrebbe esserci una combinazione di colori brutti, navigazione scarsa e altri elementi. Fortunatamente, questi siti sono rari, ma vederli può aiutarti a sapere cosa non fare quando si progetta il tuo sito.

Titolo del sito: The Afterlife

Esempi di design errati

Questo sito è così orribile che è difficile da descrivere. In primo luogo, chiunque sia incline a convulsioni dovrebbe stare lontano da questo sito, perché è probabile che inneschi un attacco anche in una persona priva di convulsioni. Il sito scorre, è pieno di grafica animata e lampeggiante. Inoltre, la grafica non è per niente attraente, finendo con un bambino in bandana che suona la chitarra. Visita se hai il coraggio.

A proposito di Lori Soard

Lori Soard ha lavorato come scrittore ed editore freelance da 1996. Ha una laurea in inglese e un dottorato in giornalismo. I suoi articoli sono apparsi su giornali, riviste, online e ha pubblicato diversi libri. Da quando 1997, ha lavorato come web designer e promoter per autori e piccole imprese. Ha anche lavorato per un breve periodo nella classifica di siti web per un motore di ricerca popolare e studiando tattiche SEO approfondite per un certo numero di clienti. Le piace ascoltare dai suoi lettori.