Molti studi dimostrano che si ottiene meno di un secondo per convincere il nuovo visitatore a rimanere sul tuo sito. Immagina: solo un secondo!
Hai mai incontrato un design del sito che ti ha reso LOL per ore disposto a condividerlo con i tuoi amici? E non intendiamo che l’attività dell’azienda sia divertente o che alcuni elementi del sito web siano sbagliati. No, è l’intero design che sembra provenire dagli anni ‘ 90., Questa è la vera fonte di ispirazione per il design di siti web cattivi come questo.
La nostra profonda ricerca ha dato i suoi frutti: dai un’occhiata a questi 11 cattivi siti web 2021 che mostreranno come non dovresti fare un sito web!
Se un cattivo sito web non fa per te (speriamo, non lo è), prova AI Website Builder Weblium – otterrai un risultato garantito, che soddisferà le tue aspettative.,differenze Tra il Bene e il Male di Web Design
- buona navigazione (facile da capire)
- buona combinazione di colori
- interfaccia accattivante
- layout pulito
Contenuto
Penny Succo di cattivi esempi di progettazione
Visita il sito web: https://www.pennyjuice.com
Penny Succo è la prima nel nostro elenco di cattiva progettazione dell’interfaccia esempi – un sito, che non è riuscita a raggiungere qualsiasi sito web obiettivi, sia esso una navigazione intuitiva, design accattivante, o una chiara descrizione di un prodotto offerto.,
La prima cosa scioccante che si nota quando si atterra sul sito web è un arcobaleno disordinato di colori vivaci. Il layout manca di una navigazione chiara: non è possibile accedere alle altre pagine del sito Web a meno che non si scorra verso il basso ogni pagina.
Blinkee website – bad design example
Visita il sito web:https://blinkee.com
Blinkee riguarda la vendita di oggetti luminosi e lampeggianti-questo è l’affare! Ma, sfortunatamente, è l’unica cosa che capisci chiaramente a colpo d’occhio.,
Il concetto di varie cose, lampeggiante sullo sfondo scuro è OK, ma l’esecuzione non è altro che fastidioso. Tutti questi prodotti lampeggiano mentre stai cercando di trovare risposte.
Ci sono molte altre questioni cruciali che rendono Blinkee website uno dei peggiori siti web, quindi vogliamo prestare attenzione a questi momenti:
- Le immagini del prodotto sono semplicemente troppo piccole (mentre devono essere al centro dell’attenzione dell’utente).
- Qui tutto è così animato che l’intero design può causare convulsioni.,
- La combinazione di colori è il vero problema: devi leggere il testo sullo sfondo nero.
- Anche i frame del sito web sono un problema: uno a sinistra racchiude il testo mentre quello a destra è solo vuoto.
È possibile trovare tutte le categorie di prodotto sulla destra: quando si fa clic su uno di essi, a volte si arriva a un’altra pagina con le informazioni dettagliate sul prodotto, ma a volte si atterra su un’altra pagina web, che racchiude tutti i prodotti della categoria, che è piuttosto ostile all’utente.,
Arngren website
Visita il sito web:http://arngren.net
Alcune risorse possono essere esempi di siti web buoni e cattivi allo stesso tempo, ma non possiamo dirlo sul sito web Arngren.
Questo sito classificato norvegese nega tutte le regole esistenti del web design contemporaneo! Ricordate le pagine gialle terribili che erano popolari negli anni ‘ 90, con gli annunci in lotta per il piccolo spazio della pagina. Ora, si vede un design simile, portato alla vita nel 2021.,
Motivi per elencare il sito web nella categoria bad design:
- Uso errato del colore.
- Scarsa navigazione.
- Tipografia minuscola e persino confusa.
- L’assenza di un messaggio chiaro sul business.
- Uso casuale dei colori.,
Great Dreams bad designed website
Visita il sito web:http://www.greatdreams.com
Great Dreams website ti offre una combinazione di colore del testo e sfondo e questo rende il contenuto quasi illeggibile. Soprattutto quando la dimensione del testo è così piccola.
Atterri sulla pagina principale, che è troppo lunga e troppo noiosa per arrivare in fondo, riflettendo un brutto design. Basta guardare questo strano messaggio in alto dicendo:”si prega di aggiornare la pagina per ottenere l’ultimo numero”!,
Ma il problema più importante è che il sito web non ha un tema chiaro. Sembra che questo sito all-in-one finge di essere un’enciclopedia online avanzata!
Scorri verso il basso e noterai che la larghezza della pagina Web è cambiata – questa deve essere la pura magia. Così è la scelta folle di colori in diverse parti di questo sito.
Pacific Northwest X-Ray Inc.,
Visita il sito:http://www2.pnwx.com
Uno dei più sorprendenti siti web cattivi del 2021, Pacific Northwest difficilmente spiega quale sia il loro servizio – e questo è il primo errore che hanno fatto.
Il testo del sito web e i colori di sfondo sono in conflitto. È davvero difficile leggere il contenuto a causa dell’assenza di anti-aliasing e il testo della pagina Web non ha padding o spazio bianco appropriato.
Motivi per elencare il sito web nella categoria bad design:
- Cattiva tipografia con scarsa leggibilità.,
- I colori dei caratteri non corrispondono al design del sito web.
- Manca di chiamate adeguate all’azione. C’è solo un numero di telefono che troppo in basso.
- Flash è morto.
Sito web dei libri di Suzanne Collins
Visita il sito web:http://www.suzannecollinsbooks.com
Anche se sei appassionato del lavoro di Suzanne Collins (“Hunger Games” fa impazzire molte persone), rimarrai deluso il suo sito web.
La prima cosa è che l’utente deve ingrandire la pagina web al 200% per rendere leggibile il contenuto., Quando lo zoom indietro, si ottiene tutto in movimento ai bordi esterni dello schermo. E ‘cosi’ che dovremmo usare lo spazio bianco.
Prova a fare clic su qualsiasi libro, e non succede nulla – e questo è il miglior esempio di un’occasione mancata. Prova a fare clic sulla sezione “Opere” e atterrerai sullo stesso schermo con i libri, premi & recensioni, ma non troverai descrizioni lì.
Vai in fondo alla pagina Web e troverai l’elenco dei negozi online per l’acquisto dei libri dell’autore., Ma se colpisci il link, invece di entrare nella pagina Web dell’autore con il libro che cerchi, atterrerai sulla home page del negozio. Un’altra occasione persa.
Bavarian Brathouse ugly web design example
Visita il sito:http://bavarianbrathaus.info
Ricorda i disegni del tuo primo bambino? Ora hai la possibilità di vedere qualcosa di simile sul sito web.
Il design di questo sito sembra proprio come le mura della strada negli anni ‘ 80!, Uno sfondo simile a un mattone non ha alcun effetto di parallasse, e la grafica noiosa rendono il sito bavarese Boathouse un esempio lampante di cattivi siti web mobili.
Motivi per elencare il sito web nella categoria bad design:
- Mancanza di un design estetico piacevole.
- Scarsa navigazione.
- Sovraccarico con copia lato sinistro senza un adeguato, messaggio chiaro.
- Grafica opaca che non rispettano il valore aziendale dell’azienda.
- Nessun CTA!,
Il brutto esempio di design del sito web di Bella De Soto
Visita il sito:http://www.bellads.info
Ogni volta che entri nel sito web, hai la sensazione che questi ragazzi abbiano cercato di mettere tutto ciò che avevano su una pagina.
Cos’altro porta questo sito in cima ai siti Web cattivi? Anche se riduci lo zoom al 20%, non vedrai l’intera immagine enorme qui sotto. Ci sono così tanti contenuti diversi e così tante immagini di bassa qualità sulla pagina principale che si ottiene vertigini.,
Inoltre, la homepage è troppo lunga e larga, quindi devi scorrere orizzontalmente e verticalmente per trovare le informazioni che stai cercando.
Antichi Raccoglitori di bottiglie di Risorse
Visita il sito: http://www.mrbottles.com
Uno dei peggiori siti Web, Antichi Raccoglitori di bottiglie ha un sacco di problemi…
Motivi dell’inserimento nell’elenco del sito in cattivo categoria di progettazione:
- Il colore del testo cambia continuamente, facendo girare la testa.,
- Le immagini vengono messe in modo casuale in luoghi diversi senza alcun ordine o formattazione.
- Navigazione ostile dell’utente.
- Troppo contenuto, che non vuoi davvero leggere.
Patimex brutto web design
Visita il sito: http://www.patimex.com
Patimex è una grande aggiunta alla nostra lista di brutto siti web – in un primo momento, si vede un sacco di nervosismo grafica che è necessario per eseguire lo zoom in e out e hanno sempre uscire dalla schermata di fotogrammi.,
Motivi per elencare il sito web nella categoria bad design:
- Il testo della pagina Web sta svanendo in&, ma non è la cosa peggiore su questo sito.
- Poi si nota la piccola nota musicale che ti dice che c’è musica che suona sulla pagina web… E questa musica country folle, insieme con l’animazione terribile di un diavolo grigliare la sua maestà infernale su un barbecue ci ha fatto sentire dispiaciuto per gli esseri umani.
- Il logo Patimex pulsante è un’altra cosa che può enigma un web designer: perché un logo attirare l’attenzione se non si può nemmeno fare clic su di esso?,
La navigazione del sito web funziona bene, e questa è probabilmente l’unica cosa che è OK sul sito web Patimex.
Rudgwick Steam & County Show
Visita il sito web:http://www.rudgwicksteamshow.co.uk
Il sito di questa azienda può dal nostro top di siti web cattivi. Questa è la più grande selezione di un design terribile che avete visto. Quando atterri sul sito web, non hai idea da dove cominciare, ti confondi.,
Motivi per elencare il sito web nella categoria bad design:
- I collegamenti sulla navigazione non funzionano.
- Uso casuale di colori che danno vibrazioni negative.
- Manca un quadro chiaro del sito web.
- Grande grafica senza senso
Il messaggio di saluto manca di un senso chiaro e significato. L’intero sito si presenta come una lista!
La mancanza di navigazione user-friendly o leggibilità aggiunge alla vostra cattiva impressione. A proposito, i collegamenti nel menu di navigazione non funzionano!,
Tag Team Signs – bad website
Visita il sito:http://www.tagteamsigns.net/
Se vuoi sentirti irritato, benvenuto su questo sito. Un sacco di elementi fastidiosi sono qui: la riproduzione di musica senza il vostro permesso; l’inizio della animazione davvero brutto; lento a caricare; indisponibilità su dispositivi mobili e, infine, solo noioso web design.
Headhunter Hair Styling
Visita il sito:https://www.headhunterhairstyling.com/
Cosa c’è di terribile in questo sito?,
Headhunter Hair Styling è molto semplice e lento da caricare come quasi tutti questi siti web da questa lista. Spero che tu capisca una cosa importante dei cattivi siti web: non solo il cattivo design è responsabile del fallimento.
Per prima cosa, rendi perfetto il tuo sito web dal lato tecnico: riduci al minimo gli script e i framework java, comprimi le immagini e cerca di non sovraccaricare il codice web.
Electrifying Times
Visita il sito:http://electrifyingtimes.com/
Penso che questo sito sia stato fatto come una porta., Le porte sono siti o pagine create per classificare in alto per specifiche query di ricerca. Sono dannosi per gli utenti perché possono portare a più pagine simili nei risultati di ricerca degli utenti e ostacolare l’usabilità.
Mednat.org – cattivo sito web
Visita il sito web:http://www.mednat.org/
Mednat.org sito web è un miscuglio di elementi che in realtà non vanno insieme. Dubitiamo che capirai il suo scopo quando atterrerai su di esso. E questo è solo uno dei problemi.,
Problemi principali del sito:
- piccola dimensione del carattere,
- nessuna struttura (non ci sono sezioni logiche del sito web),
- muro di contenuti (una pagina contiene abbastanza testo per riempire 20 pagine),
- nessuna reattività mobile,
- testo spam (numerosi link a Wikipedia),
- cattiva usabilità.
Dove mangiare
Visita il sito web:https://www.where2eat.com/
Il sito web mostra come la mancanza di coerenza si traduca in una scarsa esperienza utente, riducendo così la conversione., I problemi sono innumerevoli
Le auto di Ling
Visita il sito web:https://www.lingscars.com/
Il sito di Ling Cars sembra un po ‘ strano. Contiene un sacco di GIF sia con il proprietario, la signora Ling, e con le sue auto e moto. La sua attività è orientata per i noleggi di auto a lungo termine, a partire da 9 mesi di sfruttamento di un’auto. Lavora per il Regno Unito e sembra, che lei è molto popolare. Forse, questa popolarità non è merito del sito web.
Passiamo a questo sito e controllare come appare., Bene, la combinazione di colori qui è psichedelica e luminosa. Per questi motivi, è difficile essere su questo sito per molto tempo.
Dobbiamo ammettere, la navigazione va bene. Porta a diverse pagine richieste e non provoca alcuna difficoltà.
Il problema è in questi colori e contenuti. La luminosità rende i testi illeggibili, le foto si mescolano con GIF, video e offerte. Controllare questo sito da soli e trovare altri difetti, per evitare.,
Yale University School of Art
Visita il sito:http://art.yale.edu/
Il sito web della Scuola d’Arte rappresenta questa struttura nel suo complesso. Abbiamo tenuto d’occhio questo sito, e notato alcune differenze con esso: oggi è meno psichedelico, ma hanno ancora un sacco di altro lavoro da fare.
Hai bisogno di mente-questi corridoi si muovono all’interno, come i tunnel.
Yale University post qui annunci per le mostre future, i risultati dei loro professori e studenti, ecc.,
Il sito web contiene il modulo di accesso e un calendario di eventi presso l’Università di Yale. Questo è utile per gli studenti e coloro che sono interessati all’arte e vorrebbero partecipare a qualsiasi discussione.
Sul lato sinistro, possiamo vedere una barra di navigazione con alcune sezioni. Ognuna di queste pagine contiene GIF sullo sfondo e testi nel framei di un colore diverso.
Il sito web non ha un certificato di sicurezza (l’https che inizia sul link), sebbene raccolga dati personali degli studenti della facoltà (l’elenco di essi è nella scheda Studenti corrente)., Inoltre, ti consente di accedere alle notizie della facoltà e di nuovo i tuoi dati non sono protetti.
Manca anche il design reattivo. Così gli studenti e gli altri lottano quando si tratta di utilizzare questo sito web su un dispositivo mobile o un tablet.
EFW
Visita il sito: http://www.everyfuckingwebsite.com/
Questo sito web di una pagina è progettato per criticare e ridere ordinaria, accettabile e modi standard per l’organizzazione di uno spazio su un sito web.
Contiene il blocco di benvenuto, la sezione chi siamo, informazioni aggiuntive e il modulo di iscrizione., Questi sono contenuti minimi per un sito Web per qualsiasi scopo, come vendite, pubblicità, sito Web di portfolio, ecc.
Ad essere onesti, questo sito non ha davvero difetti significativi, la sua navigazione è impeccabile perché è un cercapersone e contiene una barra di navigazione in aggiunta. Esso contiene anche i pulsanti di social network, che è grande per qualsiasi sito web come questo.
D’altra parte, questo sito web rappresenta la posizione del proprietario sul processo di costruzione del sito web e requisiti. Quindi, lo nominiamo per un cattivo sito web, perché potrebbe ferire i tuoi sentimenti:) Fai attenzione.,
I budget sono sexy
Visita il sito:http://www.budgetsaresexy.com/
Questo sito sembra ok. Non è così male, come alcuni altri dalla nostra lista. Ma ha alcuni difetti, che pensiamo siano cruciali per l’atterraggio di un buon sito web per un’interazione lunga e di successo con i tuoi clienti/ clienti/ lettori.
Motivi per la nomina sulla categoria bad design: è necessario applicare alcune modifiche alla combinazione di colori, ora sembra monotono, lo sfondo dei pulsanti è disconnesso dal colore del testo.,
Navigazione: facile solo per un utente esperto. Per i neofiti, la struttura del sito web non è intuitiva
Loghi grigi delle riviste sembrano URL out-of-work
Responsive design – no.
Storico del futuro
Visita il sito:http://www.historianofthefuture.com/
Guarda questo sito web scuro ma luminoso. Forse, questo storico del futuro predice la nuova moda sul web-design nel prossimo futuro. Perché per ora, questo allontana ogni attenzione., Colori acidi, segni, GIF e foto di bassa qualità non sono realmente collegati tra loro. Distraggono solo l’occhio di un visitatore.
Il sito web non è nemmeno adattato per gli schermi del desktop, lascia spazio nero libero sulla destra, ma lo riempie un po ‘ di più quando si passa alla pagina con i risultati personali dello Storico.
Indagare su questo sito, controllare ciò che ti irrita di più, o si possono trovare alcune caratteristiche per l’utilizzo sarcastico sulle tue pagine.,
nome un paio di problemi:
- incoerente dimensione del carattere e lo stile,
- il mal sviluppato tavolozza di colori, in cui le immagini e il testo semplicemente non corrispondono,
- grafica ricorda degli anni ‘ 90 e web design,
- i problemi di spostamento – ci vuole un sacco di sforzo per arrivare ad altre pagine,
- elenchi di elementi estranei – tipi di cucina sono mescolati con i vantaggi e i servizi, mentre non vanno insieme,
- non c’è un chiaro invito all’azione, in modo che un visitatore non si sa cosa fare sulla pagina
- non hai capito cosa sia un sito web in quanto non c’è un corretto primo schermo o di copertura.,
Smetti di sprecare tempo e denaro: crea un sito web perfetto per la tua attività utilizzando Weblium do-it-for-you website builder. Sarete sorpresi dalla nuova generazione website builder 5th!
Free Website Builder
Free Modelli di siti Web