Joskus nettisivut ovat vain niin rumia. Sinun täytyy ihmetellä, mitä he ajattelivat, kun he löivät sen yhteen. Jos kuitenkin haluat käyttäjien kiinnostuvan verkkosivustostasi, voit oppia kaikista aiempien verkkosivustojen ylläpitäjien virheistä.

Vaikka se saattaa olla hieman ruma alla, jokainen verkkosivusto on kultakaivos tietoa siitä, kuinka verkkosivustoa ei suunnitella. Kun kokoat oppitunnit, voit määrittää parhaan tavan suunnitella oma sivustosi.

Luettelo 25 rumasta verkkosivustosta

1 Suuri ruma verkkosivusto

Verkkosuunnittelija on suunnitellut tämän sivuston näyttämään sinulle tarkalleen, mitä verkkosivustolla ei saa tehdä. Aloita katsomalla kaikkea funky liikegrafiikkaa. Ne saavat sinut haluamaan poistua sivustolta heti, kun olet siellä.

Tutki seuraavaksi hirvittävää keltaista taustaa, johon on sekoitettu paljon punaista tekstiä. Tämä on klassinen ei-ei verkkosivustoille. Tämä yhdistelmä vaikeuttaa tekstin näkemistä.

Lopuksi arvioi toistensa päällekkäiset ristiriitaiset laatikot ja järjetön sisältö. Laita kaikki yhteen, ja kuten verkkosivuston URL-osoitteessa sanotaan, sinulla on iso, ruma verkkosivusto.

2 Maailman huonoin verkkosivusto

Toinen sivusto, joka on luotu korostamaan huonoimpia suunnittelun piirteitä. Huomaa kauniit tähdet keltaisella korostetussa osassa, jotka saavat sinut tuntemaan, että vuosi 1994 on palannut.

Lohkoteksti on toinen mukava lisäosa ihmisille, joilla saattaa olla vaikeuksia lukea, mitä verkkosivustollasi on.

Seuraavaksi sinun täytyy arvostaa hyödytöntä violettia laatikkoa oikealla puolella. Hyvä muistutus siitä, että voit poistaa sivustoltasi sisältöä, joka ei palvele tarkoitusta. Varsinkin jos se häiritsee tavoitteistasi.

Katso lopuksi taustaa. Kuva ei ollut tarpeeksi suuri sivuston mittoihin, joten siitä tehtiin laatoitettu tausta. Tämän vuoksi näyttää siltä, että heillä ei ole aavistustakaan verkkosivustonsa suunnittelusta.

3 DesignZ23

Kun verkkosivustosuunnittelusivusto on näin ruma, sinun tarvitsee vain ihmetellä.

Kuinka ihmeessä he voivat myydä teemoja ja verkkosivujen malleja asiakkailleen? Se on tarpeeksi huono, että monet täällä luetellut sivustot ovat yksinkertaisesti rumia. Kuitenkin, kun joku paketoi tuon rumuuden muille verkkosivustoille ostettaviksi, DesignZ23 vie sen uudelle tasolle.

4 Thorn Fordin hammaslaboratorio

Jos verkkosivustollasi ei ole mitään navigointivälilehden alla, se ei ole hyvä merkki. Suuri vastenmielinen Facebook-painike sivun yläpuolella ei myöskään ole välttämätön.

Lopuksi sanominen "Tervetuloa" on verkkosivuston tilan tuhlausta. Käytä sen sijaan puhuessasi verkkosivuston eduista.

5 Luu- ja nivelkeskus

Ehkä he voisivat lisätä rumamman flash-otsikon. Et ehkä pysty päättelemään kuvasta, mutta vilkkuva otsikko voi aiheuttaa kohtauksia ennen luiden ja nivelten korjaamista.

Lisäksi et ole aivan varma, mitä hyötyä on siitä, että sivun yläosassa on kuva kahvilasta.

Lopuksi, verkkosivustolla on liian paljon tietoa selvittääksesi, mitä sinun pitäisi tehdä sivustolla.

6 Arngr

Verkkokauppasivuston etuna on, että voit näyttää asiakkaille useita erilaisia tuotteita. Kuitenkin mahdollisimman monen tuotteen täyttäminen sivulle huutaa, että haluamme vain sinun rahaa.

Ei jotain, jonka haluat välittää aikakaudella, jolloin 90 % kuluttajista tarkistaa verkkosivustosi arvostelut ennen ostamista.

Konversion näkökulmasta tämä verkkosivusto on katastrofi. Harkitse Columbian yliopiston kuuluisaa tutkimusta siitä, kuinka ostajat ostavat eri makuisia hilloja maistelemalla.

Tämä tehtiin livenä kahdelle erilliselle ryhmälle. Yhdelle ryhmälle näytettiin 24 hilloa. Toinen esiteltiin 6 makuelämyksellä. Otoksen lopussa heiltä kysyttiin, halusivatko he ostaa. Vain 3 % ihmisistä esitteli 24 ostettua makua.

Sitä vastoin vain 6 makua sisältävät tuotteet muunnettiin 30 %:lla. Joskus liika valinnanvara voi olla haitallista sulkemiskurssillesi.

Tässä yhteydessä tällä verkkokauppasivustolla on listattuna lähes 50 tuotetta. Jos 24 makua muunnetaan 3 prosentilla, kuinka paljon huonompi on Arngrenin muuntoprosentti?

7 Internet Archeology

Satunnaisia vilkkuvia kuvia ilman tarkoitusta, navigointia ja hyvin vähän tekstiä. Lataa sivu alusta alkaen nähdäksesi arvottomat kuvarullat. Sinun täytyy rakastaa tähtiä ja pyöriviä ristejä.

8 Jamilin

Jos se olisi vain monivärinen navigointipalkki, tämä sivusto ei ehkä ole niin huono. Lisää kuitenkin otsikko, joka on kaikkialla, ja alat nähdä sivuston ongelman.

Muista, että tämä sivusto auttaa ihmisiä säilyttämään harmonian elämässään Feng Shuin avulla. Silti omistajat tuntevat sotkuisen otsikon välittää tämän viestin?

9 Rudgwick Steamshow

Animoitu gif korostusympyröineen on hieno kosketus. Se, että tämä on insinöörinäyttelyä varten, saa sinut miettimään, millaisia suunnittelutyökaluja on esillä 30. Rudgwick Country Showssa.

10 Penny Juice

Mikä voisi olla parempaa kuin sarjakuva ilman fontteja, monivärisiä sateenkaareja ja kulunut penni, jolla ei ole mitään tekemistä muun verkkosivuston kanssa.

En vieläkään ole varma, mikä Penny Juice tarkalleen on.

11 Gates N Aidat

Vaikka niissä on muutamia kuvia, Gates N Fences on liian tekstiraskas.

Visuaalisia kuvia käsitellään aivoissasi 60 000 kertaa nopeammin kuin tekstiä. Tässä näkyvän tekstin valtava määrä vaikeuttaa näiden tietojen käsittelyä.

12 Ruma kylpyamme

En ole varma, mitä tekemistä hullulla naisella on ammeiden kanssa, mutta hemmetti! Mennään sen kanssa! Ei ole kuin verkkosivusto olisi yhtä ruma kuin kylpyammeet. Hm!

Sivuhuomautus: Kylpyammeeseen putoava kaveri on hyvä kuva kylvyn turvallisuudesta.

13 Mortimer Lumber

Mikään ei sano laadukasta puutavaraa kuin ylikuormitettu verkkosivustoportaali. Vielä parempi, napsauta verkkosivuston linkkiä nähdäksesi, kuinka vasemmalla oleva laatikko vilkkuu ja häiritsee sinua heidän myymistä tuotteista.

14 Media Tek

Vaikka se ei ole luettelon rumin sivusto, mitä he tarkalleen tekevät? Heidän parallaksisivustonsa selittää heidän tarjoamansa palvelut vasta sivun puolivälissä.

15 Rauhallinen nudisti

Ovatko kauniit animoidut perhoset halunneet hierontaan?

Jos ei, entä alaston roomalainen patsas? Serene-Naturist on tarkoitettu hierontasalonkiin, joten en ole varma, onko alastomat naiset oikea viesti mahdollisille asiakkaillesi.

16 Super Video

Jos ruma liikkuva grafiikka ja aivohalvauksia aiheuttavat taustat ovat teekuppisi, kannattaa katsoa Super Video.

Verkkosivuston tekstin perusteella ne tarjoavat arvokasta tietoa… mielestäni! Se on osa tämän sivuston ongelmaa. Ei selkeää arvoa sivustolle.

17 P&M Computers, Inc

Muistatko turhat esittelynäytöt, joita monet verkkosivustot käyttivät. Tutustu kaikkien aikojen turhimpaan esittelyruutuun.

Latausaika täällä on erittäin hidas, ja kun se lopulta latautuu, näet periaatteessa heidän logonsa. Mikset laittaisi sitä otsikkoon ja poistaisi tämän sivun kokonaan.

18 Richards Brothers Seafoods

Kun harkitset kalatuotteiden ostamista, etsitkö navigointipalkkia, joka estää tuotekuvasi? Toivottavasti ei!

19 Rush Biddies

Mikään ei houkuttele opiskelijatyttöjä, jotka haluavat kiirehtiä yhdistykseen, kuten vanhentunut verkkosivusto, jota ei ole edes mobiilioptimoitu. Raskaat tekstiviestit YouTubessa, Instagramissa ja Snapchatissa kasvavalle sukupolvelle eivät mene läpi.

20 Imprint Technologies

Teknologiayritykset, joilla on yhteensopimaton vieritysominaisuus ja sopimattomat taustat, herättävät yleensä luottamusta.

Lisää seuraavaksi todella rumia värejä. Vähän vihreää sekoitettuna keltaiseen hopean taustalla on kaukana ihanteellisesta.

Lopuksi haluan vain tuoda vieritysominaisuuden esiin vielä kerran. Toisin kuin useimmat verkkosivustot, joissa vieritysominaisuus on verkkosivuston sivulla, vieritysominaisuus kattaa tässä sivun keskiosan.

Se kertoo muutamasta asiasta. Ensinnäkin verkkosivustoa ei ole optimoitu mobiililaitteille. Toiseksi sivustoa ei ole suunnattu oikein. Ajan myötä tämä voi tarkoittaa, että verkkosivusto voi hajota. Kolmanneksi se näyttää epäammattimaiselta.

21 Tieteidenvälisten esineiden tutkimuksen keskus

Haluatko esitellä arkeologisia löytöjäsi maailmalle? Silloin kannattaa harkita, ettet käytä flash-sivustoa, joka liikkuu, kun katsot kohteita.

Google ilmoitti virallisesti, että flash-sivustoja ei indeksoida. Siksi tämä on täysin hyvää sivuston haaskausta. Toiseksi on ärsyttävää katsoa esineitä niiden liikkuessa samalla kun katsot niitä.

Positiivista on se, että ainakin taustalla on paljon valkoista (mustaa) tilaa.

22 Chester Tourist

Toinen esimerkki pieleen menneestä navigointipalkista. Navigointipalkkien tulee olla yksi rivi ja vain yksi rivi. Muuten ne ovat epämiellyttäviä.

Lisäksi, jos markkinoit turistipaikkaa, sinun on varmistettava, että verkkosivustosi on visuaalisesti houkutteleva.

23 Bear Springs Blossom

Tämä on voittoa tavoittelematon verkkosivusto, joka kannustaa ympäristön muutoksiin. Vaikka verkkosivustolla on selkeä tarkoitus, soikea kuva savupiippusta, jossa on lämpömittari, ei innostaa ilmastonmuutokseen.

24 Rekisteri

Mainitsimme aiemmin, kuinka liian paljon tekstiä voi olla ylivoimaista. Tervetuloa tutustumaan toiseen esimerkkiin tästä. Toinen ongelma on, että teksti on niin tiiviisti pakattu yhteen, että tiettyjen artikkelien erottaminen on vaikeaa.

Vaikka verkkosivuston sisältö saattaa olla hienoa, sisällön jakaminen pienempiin osiin voi tehdä siitä luettavamman. Tämä on vastenmielistä.

25 Slide Rule Universe

Muistatko, kun diasäännöt olivat siistejä? On täytynyt kulua kauan ennen kuin Slide Rule Universe loi tämän kauhean verkkosivuston.

Vaikka voit melkein antaa sivustolle anteeksi vanhentuneen verkkosivuston suunnittelun myydessäsi arkaaista työkalua, tämä sivusto ei vain ole käyttäjäystävällinen. Kuvan alla olevaa verkkokauppamallia on vaikea seurata. Et saa hyvää käsitystä siitä, mitä olet ostamassa.

Lisäksi Twitter-painikkeen lisääminen näyttää siltä, että he vain kiinnittivät sen verkkosivuston keskelle välittämättä siitä, miltä se näyttää.

Lopuksi pelottavin asia on, että he ovat viimeksi päivittäneet verkkosivustoa 16. elokuuta 2015. Ulkoasun perusteella luulisi sen olevan 16. elokuuta 1995.

Lopulliset ajatukset

Miksi näytämme sinulle rumia verkkosivustoja? Onko se tehdä silmäsi kipeäksi?

Ei! Kuten aiemmin mainitsimme, rumat verkkosivustot ovat oppitunteja siitä, mitä voit tehdä toisin varmistaaksesi, että verkkosivustosi näyttää paremmalta ja toimii paremmin kuin yllä esitetyt.

Tarkastele kunkin verkkosivuston elementtejä ja sitä, kuinka ne vaikuttavat negatiivisesti niiden kykyyn kasvattaa liikennettä ja myyntiä. Aloita sitten suunnitelman luominen verkkosivustosi tekemiseen ilman näitä kiusallisia elementtejä.