Peggiori errori di web design: 10 esempi di siti Web non validi

Articolo scritto da:
  • Website Design
  • Aggiornato: Apr 16, 2020

Se hai seguito dei corsi presso il college della comunità locale, avendo creato siti Web per anni, o sei un amatore che impara mentre vai, ci sono alcune cose che ogni web designer dovrebbe evitare se vuole che i visitatori si divertano a passare del 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 farti male agli occhi o colori che si scontrano tra loro possono far sì che un visitatore del sito voglia 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, sebbene possa sembrare bello come un accento. Anche l'uso di ogni colore dell'arcobaleno è raramente una buona idea.

Esempio di Bad Website: 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 ingombra la pagina Web con elementi grafici, si verificano due cose diverse.

Innanzitutto, la pagina diventa così occupata che i visitatori potrebbero non essere sicuri di dove fare clic o di cosa vogliono prima guardare.

In secondo luogo, se un utente ha una connessione Internet più lenta, il caricamento della pagina potrebbe richiedere troppo tempo. Dopo 30 secondi, la maggior parte delle persone lascerà 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.

Esempio di Bad Website: Pine-Sol

Esempi di design errati
Questo sito ha così tanti elementi grafici che sembra ingombra. Oltre alle numerose grafiche, le immagini si spostano su tutta la pagina, quindi anche se il visitatore volesse fare clic su una delle immagini, dovrebbe 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.

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

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

Esempio di Bad Website: 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ù.

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.

Esempio di Bad Website: 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.

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

Esempio di Bad Website: Peter's Buses

Esempi di design errati
Esistono diversi problemi con la grafica in questa pagina. In primo luogo, c'è l'autobus con uno sfondo bianco anziché trasparente che viene semplicemente immerso nella pagina e sembra amatoriale. Le due foto a destra sono anche problematiche in quanto sono state allungate e ridimensionate senza che vengano mantenuti i rapporti. Le foto guardano fuori e le persone in quella a destra appaiono così distese che potrebbero essere giganti nella terra di Lilliput.

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.

Esempio di Bad Website: Cyber ​​D-Sign Clan

Esempi di design errati
Il designer non ha nemmeno cambiato i colori delle parole dal design standard con cui inizia MS. Questo design è così semplice che sarà immediatamente riconoscibile come uno sfondo di pattern Microsoft di base e Word Art.
Esempi di design errati
Inoltre, una pagina pop-up tenta di caricare. Questo potrebbe essere trascurato se il design fosse migliore una volta saltata l'introduzione e facendo 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 sentirsi frustrati e abbandonare la navigazione.

Ad esempio, i siti senza un chiaro link o con così tanti elementi che è difficile decidere dove andare. Un problema che molti proprietari di siti web devono affrontare è che un piccolo sito cresce improvvisamente. La navigazione che funzionava quando il sito aveva cinque pagine semplicemente non funzionava quando il sito ha 500 pagine. Guarda come il sito può essere rielaborato e ristrutturato in categorie e sottocategorie in modo che i visitatori capiscano esattamente dove andare per quello che vogliono. È anche intelligente aggiungere una casella di ricerca.

Esempio di Bad Website: 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.

Esempio di Bad Website: 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.

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

Esempio di Bad Website: 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! "

Errore n. 10: il peggior design di siti Web di sempre - così male che non puoi spiegarlo

Alcuni siti Web sono intrinsecamente molto, molto cattivi nel design. Questi siti Web mal progettati - 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.

Esempio di Bad Website: The Afterlife

Esempi di design errati
Questo sito è così orribile che è difficile da descrivere. In primo luogo, chiunque sia soggetto a convulsioni dovrebbe stare lontano da questo sito, perché è probabile che scateni un attacco anche in una persona non soggetta a convulsioni. Il sito scorre, è pieno di grafica animata e lampeggiante. Inoltre, la grafica non è per la maggior parte attraente, finendo con un bambino nella band e suonando 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.