sok tanulmány azt mutatja, hogy kevesebb mint egy másodpercet kap, hogy meggyőzze új látogatóját, hogy maradjon a webhelyén. Képzeld el, hogy: csak egy másodperc!
találkozott már olyan webhelytervezéssel,amely órákig hajlandó megosztani barátaival? És nem azt értjük, hogy a cég üzlete vicces, vagy hogy egyes weboldal elemek tévednek. Nem, ez az egész design, amely úgy néz ki, mintha a 90-es évekből származik., Ez az igazi inspiráció forrása a rossz website design felsők, mint ez.
mély kutatásunk meghozta gyümölcsét: nézze meg ezeket a 11 rossz weboldalt 2021, amely megmutatja, hogyan ne készítsen weboldalt!
ha egy rossz weboldal nem a te dolgod (reméljük, nem), próbáld ki az AI Website Builder Weblium-garantált eredményt kapsz, amely megfelel az elvárásainak.,különbséget a Között, hogy Jó vagy Rossz Web Design
- jó navigáció (könnyű megérteni)
- jó színek
- vizuálisan vonzó felület
- tiszta elrendezés
Tartalom
Penny Juice – rossz tervezési példák
Látogasson el a honlapon: https://www.pennyjuice.com
Penny Juice az első a listán rossz felület, példák – egy oldalon, hogy nem sikerült elérni, bármely, a honlapon célok, legyen az intuitív navigáció, vonzó design, vagy egyértelmű leírása az ajánlott termék.,
az első sokkoló dolog, amit észreveszel, amikor a weboldalra szállsz, egy rendetlen, élénk színű szivárvány. Az elrendezésben nincs egyértelmű navigáció: csak akkor juthat el a többi webhelyoldalra, ha minden oldalt lefelé gördít.
Blinkee website – bad design example
látogasson el a weboldalra: https://blinkee.com
Blinkee arról szól, hogy ragyogó és villogó dolgokat árul – ez az üzlet! De sajnos ez az egyetlen dolog, amit egy pillanat alatt egyértelműen megértesz.,
a különböző dolgok fogalma, a sötét háttéren villogva rendben van, de a végrehajtás nem más, mint bosszantó. Mindezek a termékek villognak, miközben keményen próbál választ találni.
sok más fontos kérdés, hogy hogy Blinkee honlap egyik legrosszabb honlapok, tehát meg akarjuk figyelni, hogy ezek a pillanatok:
- A termék képek csak túl kicsi (amíg van, hogy a hangsúly a felhasználó figyelmét).
- itt minden olyan animált, hogy az egész design görcsöket okozhat.,
- a színséma az igazi probléma: a szöveget fekete háttérrel kell olvasnia.
- a webhelykeretek szintén problémát jelentenek: a bal oldalon egy mellékeli a szöveget, míg a jobb oldalon csak üreges.
a termék kategóriák a jobb: ha rákattint őket, néha egy másik oldalra, részletes termék info, de néha a föld másik weboldal, amely körülveszi az összes termék a kategóriában, ami elég felhasználói ellenséges.,
Arngren website
látogasson el a weboldalra:http://arngren.net
egyes források lehetnek jó és rossz website példák egyszerre, de ezt nem mondhatjuk az Arngren weboldalról.
Ez a norvég minősített webhely tagadja a kortárs Webdizájn minden létező szabályát! Ne feledje, a szörnyű sárga oldalak, amelyek népszerűek voltak a 90-es években, a hirdetések harcolnak apró helyet az oldal. Most egy hasonló mintát lát, amelyet 2021-ben hoztak életre.,
a weboldal rossz design kategóriában történő felsorolásának okai:
- helytelen színhasználat.
- rossz navigáció.
- apró, sőt zavaró tipográfia.
- egyértelmű üzenet hiánya az üzletről.
- színek véletlenszerű használata.,
Great Dreams bad designed website
látogasson el a weboldalra: http://www.greatdreams.com
A Great Dreams website a szöveg színének és hátterének kombinációját adja meg, ami a tartalmat szinte olvashatatlanná teszi. Különösen akkor, ha a szöveg mérete olyan apró.
a főoldalon landol, ami túl hosszú és túl unalmas ahhoz, hogy az aljára kerüljön, ami egy csúnya mintát tükröz. Csak nézd meg ezt a furcsa felső üzenetet: “kérjük, frissítse az oldalt, hogy megkapja a legújabb problémát”!,
de a legfontosabb kérdés az, hogy a weboldalnak nincs egyértelmű témája. Úgy néz ki, mint ez az all-in-one webhely úgy tesz, mintha egy fejlett online enciklopédia lenne!
görgessen lefelé, és észre fogja venni, hogy a weboldal szélessége megváltozott – ennek a tiszta varázslatnak kell lennie. Tehát az őrült Színválaszték a weboldal különböző részein.
Pacific Northwest X-Ray Inc.,
látogassa meg a weboldalt:
a 2021 egyik legszembetűnőbb rossz weboldala, a Pacific Northwest alig magyarázza, hogy mi a szolgáltatásuk – és ez az első hiba, amit elkövettek.
a weboldal szövege és háttérszínei ellentmondásosak. Nagyon nehéz elolvasni a tartalmat az anti-aliasing hiánya miatt, a weboldal szövegének nincs paddings vagy megfelelő fehér hely.
a weboldal rossz tervezési kategóriába sorolásának okai:
- rossz tipográfia rossz olvashatósággal.,
- a betűtípusok színei nem egyeznek a weboldal kialakításával.
- hiányzik a megfelelő cselekvésre való felhívás. Csak egy telefonszám van az alján.
- Flash halott.
Suzanne Collins’ books website
látogasson el a weboldalra: http://www.suzannecollinsbooks.com
még akkor is, ha szereti a Collins munkát (“Hunger Games” sok ember őrült), akkor csalódott lesz az ő honlapján.
az első dolog az, hogy a felhasználónak 200% – ra kell nagyítania a weboldalt, hogy a tartalom olvasható legyen., Ha nagyítás vissza, kapsz mindent mozog a külső képernyő széleit. Így kellene használni a fehér teret.
próbáljon meg bármelyik könyvre kattintani, és semmi sem történik – és ez a legjobb példa egy kihagyott lehetőségre. Kattintson a” munkák”szakaszra, és ugyanazon a képernyőn fog megjelenni a könyvek, díjak & vélemények, de ott nem talál leírásokat.
menj le a weboldal aljára, ahol megtalálod az online áruházak listáját a szerző könyveinek megvásárlásához., De ha megnyomja a linket, ahelyett, hogy a szerző weboldalára kerülne a keresett könyvvel, akkor a bolt kezdőlapjára kerül. Egy másik kihagyott lehetőség.
látogasson el a weboldalra: http://bavarianbrathaus.info
emlékezzen az első gyerek rajzaira? Most lehetősége van valami hasonlót látni a weboldalon.
a webhely kialakítása ugyanúgy néz ki, mint az utcai falak a 80-as években!, A téglaszerű háttérnek nincs parallaxis hatása, az unalmas grafika pedig a Bajor Csónakház weboldalát a rossz mobil webhelyek feltűnő példájává teszi.
a weboldal rossz tervezési kategóriába sorolásának okai:
- kellemes esztétikai kialakítás hiánya.
- rossz navigáció.
- túlterhelés a bal oldali másolattal megfelelő, tiszta üzenet nélkül.
- unalmas grafika, amely nem felel meg a vállalat üzleti értékének.
- nincs CTA!,
Bella De Soto csúnya weboldaltervezési példája
látogasson el a weboldalra:
minden alkalommal, amikor belépsz a weboldalra, úgy érzed, hogy ezek a srácok mindent megpróbáltak egy helyre tenni page.
mi más hozza ezt a webhelyet a rossz webhelyek tetejére? Még akkor is, ha kicsinyít 20% – ra, nem fogja látni az egész hatalmas képet az alábbiakban. Olyan sok különböző tartalom van, olyan sok alacsony minőségű kép a főoldalon, hogy szédül.,
emellett a honlap túl hosszú és széles, ezért vízszintesen és függőlegesen kell görgetnie, hogy megtalálja a keresett információt.
Antik Üveg Gyűjtők Erőforrás
Látogasson el a honlapon: http://www.mrbottles.com
az Egyik legrosszabb honlapok az Interneten, Antik Üveg Gyűjtők rengeteg kérdés…
Okait felsoroló weboldal a rossz design kategória:
- a színe A szöveg folyamatosan változik, hogy a lábad sem éri a földet.,
- a képek véletlenszerűen különböző helyekre kerülnek megrendelés vagy formázás nélkül.
- felhasználó-ellenséges navigáció.
- túl sok tartalom, amit nem igazán akar olvasni.
Patimex ronda web design
Látogasson el a honlapon: http://www.patimex.com
Patimex egy nagy mellett a listát a csúnya weboldalak – először látod, elég ideges grafika hogy meg kell, hogy a kép mindig kifelé a képernyőn keret.,
a weboldal rossz design kategóriában történő felsorolásának okai:
- a weboldal szövege elhalványul a & out, de ez nem a legrosszabb dolog ezen az oldalon.
- Akkor vette észre az apró zenei hang azt mondom, hogy van zene a honlapon… De ez az őrült, a country zene, valamint a szörnyű animáció egy ördög grillezés a infernal majesty egy BBQ tett minket, sajnálom, hogy emberi lények.
- a lüktető Patimex logó egy másik dolog, amely rejtvényezhet egy webtervezőt: miért vonzza a figyelmet egy logó, ha még rá sem kattint?,
a weboldal navigációja jól működik, valószínűleg ez az egyetlen dolog, ami rendben van a Patimex webhelyen.
Rudgwick Steam & County Show
látogasson el a weboldalra: http://www.rudgwicksteamshow.co.uk
még a rossz webhelyek tetejéről is. Ez a legnagyobb választéka egy szörnyű design, hogy láttad. Amikor földet a honlapon, fogalmad sincs, hol kezdjem, csak összezavarodnak.,
a weboldal rossz tervezési kategóriába sorolásának okai:
- a navigációra mutató linkek nem működnek.
- olyan színek véletlenszerű használata, amelyek negatív hangokat adnak.
- hiányzik a weboldal egyértelmű képe.
- nagy értelmetlen grafika
az üdvözlő üzenetnek nincs egyértelmű értelme és jelentése. Az egész oldal úgy néz ki, mint egy lista!
a felhasználóbarát navigáció vagy olvashatóság hiánya növeli a rossz benyomást. Egyébként a navigációs menü linkjei nem működnek!,
Tag Team Signs-bad website
látogasson el a weboldalra: http://www.tagteamsigns.net/
ha irritáltnak érzi magát, üdvözöljük ezt a weboldalt. Sok bosszantó elem van itt: zene lejátszása az Ön engedélye nélkül; az igazán csúnya animáció kezdete; lassú betöltés; elérhetetlenség a mobileszközökön, végül csak unalmas Webdizájn.
Headhunter Hair Styling
látogasson el a weboldalra: https://www.headhunterhairstyling.com/
mi a szörnyű ezen a weboldalon?,
Headhunter hajformázó nagyon alapvető, lassú betölteni, mint szinte az összes ezeket a weboldalakat a listából. Remélem, hogy megértesz egy fontos dolgot a rossz webhelyekről: nem csak a rossz tervezés felelős a kudarcért.
először is tegye tökéletessé weboldalát technikai oldalról: minimalizálja a java szkripteket és keretrendszereket, tömörítse a képeket, és ne próbálja túlterhelni a webes kódot.
látogassa meg a weboldalt: http://electrifyingtimes.com/
úgy gondolom, hogy ez a weboldal ajtóként készült., Az ajtók olyan webhelyek vagy oldalak, amelyeket úgy hoztak létre, hogy magas rangot kapjanak az adott keresési lekérdezésekhez. Ártanak a felhasználóknak, mert több hasonló oldalhoz vezethetnek a felhasználói keresési eredmények között, és akadályozhatják a használhatóságot.
Mednat.org -bad website
látogasson el a weboldalra: http://www.mednat.org/
Mednat.org website egy hodge-podge tételek, amelyek nem igazán megy együtt. Kétlem, hogy meg fogod érteni a célját, amikor leszállsz rajta. És ez csak az egyik probléma.,
a Fő kérdések a honlap:
- kicsi a betűméret,
- nem szerkezet (nincs logikus honlap szakasz),
- fal tartalom (egy oldal tartalmaz, elég a szöveg, hogy töltse 20 oldal),
- nincs mobil érzékenység,
- spam-szöveg (számos linkek Wikipedia),
- rossz használhatóság.
hol kell enni
látogasson el a weboldalra: https://www.where2eat.com/
a weboldal megmutatja, hogy a következetesség hiánya rossz felhasználói élményt eredményez, ezáltal csökken a konverzió., A problémák számtalan
Ling autó
látogasson el a weboldalra: https://www.lingscars.com/
Ling Cars weboldala kissé furcsának tűnik. Sok GIF-et tartalmaz mind a tulajdonos, Mrs. Ling, mind az autóival és a kerékpárjaival. Üzleti tevékenysége a hosszú távú autóbérlésekre irányul, kezdve egy autó 9 hónapos kiaknázásával. Ő dolgozik az Egyesült Királyságban, és úgy tűnik,, hogy ő nagyon népszerű. Lehetséges, hogy ez a népszerűség nem a weboldal érdeme.
forduljunk erre a weboldalra, és ellenőrizzük, hogy néz ki., Nos, a színséma itt pszichedelikus és világos. Ezen okok miatt, nehéz, hogy ezen a honlapon hosszú.
el kell ismernünk, a navigáció rendben van. Különböző oldalakhoz vezet, és nem okoz nehézséget.
a probléma ezekben a színekben és tartalmakban van. A fényerő olvashatatlanná teszi a szövegeket,a képek GIF-ekkel, videókkal és az ajánlatokkal keverednek. Ellenőrizze ezt a weboldalt magát, és talál más hibákat, hogy elkerüljék.,
Yale University School of Art
látogasson el a weboldalra: http://art.yale.edu/
a Művészeti Iskola honlapja ezt a struktúrát egészként képviseli. Szemmel tartottuk ezt a weboldalt, és észrevettünk némi eltérést vele kapcsolatban: ma már kevésbé pszichedelikus, de még rengeteg más tennivalójuk van.
szem előtt kell tartani – ezek a folyosók belsejében mozognak, mint az alagutak.
a Yale Egyetem itt tesz közzé bejelentéseket a jövőbeli kiállításokról, professzoraik és diákjaik eredményeiről stb.,
a weboldal tartalmazza a Yale Egyetem eseménynaptárát és a jelentkezési lapot. Ez hasznos a diákok és azok számára, akik érdeklődnek a művészet iránt, és szeretnének csatlakozni bármilyen megbeszéléshez.
a bal oldalon látható egy navigációs sáv bizonyos szakaszokkal. Mindegyik oldal GIF-eket tartalmaz a háttérben, a szövegeket pedig más színű keretben.
a weboldal nem rendelkezik biztonsági tanúsítvánnyal (a linken kezdődő https), bár a kar hallgatói személyes adatait gyűjti (ezek listája az aktuális hallgatók lapon található)., Ezenkívül lehetővé teszi, hogy jelentkezzen be a kar híreibe, de az adatai nem védettek.
a reszponzív kialakítás is hiányzik. Tehát a diákok és a többiek küzdenek, amikor ezt a weboldalt mobil eszközön vagy táblagépen használják.
EFW
látogasson el a weboldalra:http://www.everyfuckingwebsite.com/
Ez az egyoldalas weboldal célja, hogy kritizálja és nevetjen a weboldal szokásos, elfogadható és szabványos módon szervezi helyet a honlapon.
tartalmazza az üdvözlő blokkot, a Rólunk részt, a további információkat, valamint a regisztrációs űrlapot., Ezek minimális tartalom a honlapon bármilyen célra, mint az értékesítés, reklám, Portfólió honlapján, stb ..
hogy őszinte legyek, ennek a weboldalnak valójában nincsenek jelentős hibái, navigációja hibátlan, mert egyszemélyes, és kiegészítőként tartalmaz egy navigációs sávot. A közösségi hálózati gombokat is tartalmazza, ami nagyszerű minden ilyen webhely számára.
másrészt ez a weboldal képviseli a tulajdonos pozícióját a weboldal építési folyamatában és követelményeiben. Így egy rossz weboldalra jelöljük, mert megsértheti az érzéseit:) legyen óvatos.,
látogasson el a weboldalra:http://www.budgetsaresexy.com/
Ez a weboldal rendben néz ki. Nem olyan rossz, mint mások a listánkról. De vannak bizonyos hibái, amelyek szerintünk elengedhetetlenek ahhoz, hogy egy jó weboldal hosszú és sikeres legyen az ügyfelekkel/ ügyfelekkel/ olvasókkal való interakció.
a rossz tervezési kategória jelölésének okai: bizonyos változtatásokat kell alkalmazni a színsémában, most monotonnak tűnik, a gombok háttere megszakad a szöveg színével.,
navigáció: csak tapasztalt felhasználó számára könnyű. Kezdőknek, a weboldal szerkezete nem intuitív
szürke logók a magazinok néz ki, mint out-of-work URL-ek
reagáló design-no.
A jövő történésze
látogasson el a weboldalra: http://www.historianofthefuture.com/
nézd meg ezt a sötét, de világos weboldalt. Talán ez a történész a jövő jósolja az új divat web-design a legközelebbi jövőben. Mert egyelőre ez elfordítja a figyelmet., A savas színek, jelek, GIF-ek, gyenge minőségű fotók nem igazán kapcsolódnak egymáshoz. Csak elterelik a látogató szemét.
a weboldal még az asztali képernyőkhöz sem igazodik, a jobb oldalon szabad fekete helyet hagy, de egy kicsit többet tölt be, amikor az oldalra költözik a történész személyes eredményeivel.
vizsgálja meg ezt a weboldalt, ellenőrizze, mi irritálja a legjobban, vagy előfordulhat, hogy néhány funkciót szarkasztikus használat az oldalakon.,
Hogy csak néhányat említsünk kérdések:
- következetlen betűtípus méretét, stílusát,
- a rosszul fejlett színes a paletta, ahol a képek, a szöveg egyszerűen nem egyeznek,
- látvány emlékeztetni a 90-es web design,
- a navigációs problémák – ez sok erőfeszítést igényel, hogy más oldalakon,
- listák a független elemek – típusú konyha össze vannak keverve, az előnyöket nyújt, bár nem igazán megy együtt,
- nincs egyértelmű cselekvésre, így a látogató nem tudja, mit kell csinálni az oldalon,
- nem értem, hogy mi egy weboldal esetében, mivel nincs megfelelő először képernyőn, vagy álca.,
ne pazarolja az idejét és a pénzét: hozzon létre egy tökéletes weboldalt vállalkozása számára a Weblium do-it-for-you Website builder használatával. Meg fog lepődni az új website builder 5. generáció!
Ingyen Honlap Készítő
Ingyen Honlap Sablonok