10 weboldal, amit szívesen látnánk újratervezve 2023-ban (és miért)

 10 weboldal, amit szívesen látnánk újratervezve 2023-ban (és miért)

John Morrison

10 weboldal, amit szívesen látnánk újratervezve 2023-ban (és miért)

A különböző tervezők különbözőképpen vélekednek arról, hogy mitől lesz egy weboldal nagyszerű. De egy dologban mindannyian egyetérthetünk: a népszerűség soha nem tesz egy weboldalt nagyszerűvé. Bizonyítékunk van rá.

Ma megnézünk néhány népszerű weboldalt, amelyek ismert cégek és márkák tulajdonában vannak. Ezek a weboldalak havonta több millió látogatót fogadnak, és világszerte ismertek. Egy dolog közös ezekben a weboldalakban - mindre ráférne egy kis vizuális frissítés!

Annak ellenére, hogy a webdesign mint iparág olyan messzire jutott, és elképesztő új technológiákkal fejlődött, vannak olyan vállalatok, amelyek még mindig elavult weboldalakat használnak.

Nem vagyunk biztosak benne, hogy ezek a márkák félnek-e a változástól, vagy egyszerűen csak nem tartják olyan fontosnak a dizájnt. Akárhogy is, úgy gondoljuk, hogy ezeket a weboldalakat meg kell újítani a felhasználók érdekében. Olvassa tovább, hogy megtudja, miért.

Lásd még

1. Craigslist

A Craigslist az egyik legnépszerűbb apróhirdetési weboldal az interneten. 1995-ben Craig Newmark egy egyszerű e-mail listaként indította a Craigslistet, majd 1996-ban weboldallá alakította. A dolgok kinézete alapján feltételezhető, hogy a weboldal talán ugyanazt a dizájnt használja, mint 1996-ban.

A SimilarWeb szerint a Craigslist havonta több mint 360 millió látogatót fogad, mégis az egyik legrosszabb weboldaldizájnnal rendelkezik, amit valaha láttál. A Craigslist weboldaldizájnja az összes olyan hibából áll, amit egy weboldal tervezésekor el kell kerülni.

Miért néz ki rosszul ez a weboldal?

Kezdjük azzal, hogy a Craigslist nagyon rendezetlen dizájnnal rendelkezik, vizuális jelzések vagy irányérzék nélkül. A weboldal csak szövegből áll. A betűtípus azonban túl kicsi, ami megnehezíti az olvasást. A betűtípus élénk kék színe sem segít az olvashatóság javításában.

Mindenekelőtt, a weboldal kialakítása nem reszponzív. Szörnyen néz ki, ha különböző felbontású képernyőkön nézzük. A hirdetési listák böngészésének teljes folyamata, a hirdetések feladására szolgáló űrlapok kialakítása és a weboldal szinte minden más aspektusa kétségbeesetten javításra szorul.

Hogyan lehet javítani rajta?

Még a betűtípus és a betűszín megváltoztatása is javulásnak tekinthető a Craigslist számára ebben a szakaszban. Azonban jobb módja az inspiráció keresésének, ha vetünk egy pillantást a Gumtree weboldalára.

A Gumtree az Egyesült Királyság legnagyobb apróhirdetési hirdetési weboldala. És a modern weboldaldizájnja mindent tartalmaz, amit egy apróhirdetési weboldalon látni szeretnénk. Felhasználóbarát design, jobb keresési funkció, szűrők a keresés szűkítéséhez, jobb előnézetek és leírások a hirdetések átfutásához, és még sok más.

2. AOL

Az AOL volt a legnagyobb platform az interneten, és egy olyan vállalat, amely a legtöbb eszközt birtokolta, amit annak idején mindenki használt. Megvolt benne a potenciál, hogy valami hihetetlen legyen. De a versenytársak felemelkedésével az AOL elvesztette az időérzékét, és nem tudott a felhasználók aktuális igényeivel együtt fejlődni.

Ma már alig tudják az emberek, mi az AOL. Még mi is meglepődtünk, hogy az oldal még mindig működik. A SimilarWeb szerint az AOL-t még mindig jóval több mint 200 millióan látogatják havonta. Első pillantásra a weboldal remekül néz ki. Akkor miért gondoljuk, hogy ezt át kell tervezni?

Miért néz ki rosszul ez a weboldal?

Mint mindig, úgy tűnik, az AOL még mindig a modern felhasználói felület kialakításával játszik, de a cég még mindig le van maradva néhány évvel. Még mindig zavaros a dizájn, tele van sok mindennel a hírektől az időjárásig szórakoztató és egyéb dolgokkal. Bárki, aki ellátogat az oldalra, azonnal összezavarodik, hogy hova menjen és mit csináljon.

Amikor meglátogattuk a weboldalt, egy automatikusan lejátszódó videóval bombáztak minket, automatikus hangokkal. Ne kövesse el azt a hibát, hogy az AOL segítségével keres valamit, miközben dolgozik.

Mondanom sem kell, hogy az AOL látogatásakor könnyen elvonja a figyelmét.

Hogyan lehet javítani rajta?

Az AOL honlapja egy másik népszerű keresőmotorra emlékeztetheti Önt. A Yahoo! korábban nagyon hasonló dizájnnal rendelkezett. De már nem. Még a Yahoo! is tudta, mikor kell fejlődnie.

Ha van valami, amit az AOL megtanulhat a versenytársaitól, például a Google-tól, a Bing-től és a DuckDuckGo-tól, az az, hogy az emberek a minimalista, zavaró tényezők nélküli keresőmotorokat részesítik előnyben. Ezért váltott a Yahoo! is minimalista honlaptervezésre.

3. Hacker News

A Hacker News olyan, mint a Reddit a startupok, programozók és vállalkozók számára. Egyetlen Hacker News-poszt jelentheti a különbséget a startup ötleted finanszírozása vagy teljes megsemmisülése között.

Az oldal ma az egyik legnagyobb hírgyűjtő weboldal, amelyet havonta több mint 12 millióan látogatnak, de még mindig ugyanazt a dizájnt használja, mint 2007-ben.

Miért néz ki rosszul ez a weboldal?

A Hacker News ugyanazokat a hibákat követi el, mint a Craigslist. Az egyetlen jó tulajdonság, ami ehhez képest eszünkbe jut, hogy ez az oldal sans-serif betűtípust használ, olyan színnel, amely könnyen szemet gyönyörködtető.

Az oldal azonban még mindig barátságtalan dizájnnal rendelkezik, amelyet meg kell újítani. Az oldal legnagyobb hibája, hogy a kezdőlapon megjelenő témák közvetlenül a forrásoldalra mutatnak. A Hacker News témáját nem lehet megnyitni a címre kattintva.

Ezen kívül szeretnénk, ha vizuálisabb megközelítést alkalmazna, miközben a dizájnt a mobileszközökre is optimalizálná.

Hogyan lehet javítani rajta?

Emlékszel, amikor a Reddit még úgy nézett ki, mint a Hacker News? Szerencsére a Reddit nemrég megújította weboldalának dizájnját, és most sokkal jobban néz ki, mint valaha.

A Hacker News is átvehetne egy, a Reddithez hasonló dizájnt. Nem kell annyira vizuálisnak lennie, de az oldal mindenképpen jobban fog kinézni, ha a szálak ki vannak emelve és el vannak választva egymástól. És lehetővé teszi a felhasználók számára, hogy a címre kattintva megnyissák a vitafonalakat.

4. Berkshire Hathaway

El tudod hinni, hogy ez egy olyan multinacionális vállalat hivatalos honlapja, amely több mint 700 milliárd dollár értékű vagyont birtokol, és több mint 4 milliárd dollár nettó jövedelemmel rendelkezik?

A Berkshire Hathaway egy olyan vállalat, amelynek tulajdonosa Warren Buffet, a világ egyik leggazdagabb embere. Mégis nehéz elhinni, hogy nem engedhetett meg magának néhány száz dollárt a weboldal újratervezésére.

Miért néz ki rosszul ez a weboldal?

Hol is kezdjük? Annyi minden baj van ezzel a weboldallal. Először is, nem mondja el, hogy miről szól a weboldal vagy a cég. Mert nincs róla szóló oldal.

Az oldal olyan linkek listájaként működik, amelyek más weboldalakra irányítják át a felhasználókat, hogy megismerjék a vállalat aktuális helyzetét. A legtöbbjüket könnyedén be lehetett volna illeszteni a kezdőlapra, és megspórolni a felhasználóknak a más weboldalak betöltésével járó fáradságot.

A legrosszabb az egészben, hogy az oldal egy másik gépjármű-biztosítási weboldalt is népszerűsít a honlapon.

Hogyan lehet javítani rajta?

Ezen a ponton elegendő lenne egy kis leírás hozzáadása a vállalatról, hogy javuljon ez a weboldal. De egy másik multinacionális vállalattól, például a Shell Global-tól is meríthetne némi inspirációt.

A Berkshire Hathaway is használhatna hasonló és vizuálisabb dizájnt, hogy ne keltsen az emberekben téves benyomást a vállalatról. És remélhetőleg a honlapot a befektetők és a nagyközönség számára az információk központjává alakíthatja.

5. Ábécé

Az Alphabet a Google anyavállalata, és számos más márka és vállalat tartozik a neve alá. A honlapja azonban egy külön rejtély.

Miért néz ki rosszul ez a weboldal?

Az Alphabet weboldalát meglátogatva felmerült bennünk néhány kérdés. Ha a "G" a Google-t jelenti, akkor milyen más cégek tartoznak hozzá? Ki a vállalat vezérigazgatója? Ahelyett, hogy a befektetőkről értesülnénk, hol tudhatunk meg többet a vállalatról és arról, hogy mit képvisel?

Annyi kérdés maradt megválaszolatlanul a weboldal ultra-minimalista kialakítása miatt. Megértjük, hogy a cégalapítók másképp csinálják a dolgokat. De egy céges weboldalnak képesnek kell lennie arra, hogy információt nyújtson a vállalkozásról.

Hogyan lehet javítani rajta?

Bár az IBM nem közvetlen versenytársa az Alphabetnek, és még csak nem is rendelkezik túl modern weboldallal, úgy gondoljuk, hogy az Alphabet sokat tanulhatna a weboldaluk kialakításából.

Az IBM egyszerű navigációs rendszert használ, hogy a felhasználók megismerhessék a termékeiket és szolgáltatásaikat. Ami még fontosabb, hogy van egy "about" oldal, amely részletesen bemutatja, hogy mi a vállalat lényege. Az Alphabet is használhatna néhány ilyen funkciót a weboldalán.

6. Amazon

Az Amazon hosszú utat járt be indulása óta, hogy a világ legnagyobb internetes kiskereskedelmi weboldalává váljon. A weboldal dizájnja is sok éven át ugyanaz maradt. Egészen a közelmúltig, amikor is megújult a honlap dizájnja.

A weboldal termékoldalait azonban még mindig lehetne javítani.

Miért néz ki rosszul ez a weboldal?

Az Amazon termékoldalaknak van a legfrusztrálóbb kialakítása, amely összezavarhatja Önt, ha új az oldalon. Egy termék megtekintésekor a teljes képernyős oldal elrendezése megnehezíti a felfedezést.

A termékleírások túl hosszúak, és nem jól formázottak a könnyebb olvashatóság érdekében. Amikor lejjebb görgetsz, hogy többet tudj meg egy termékről, először olyan sok felfelé irányuló értékesítéssel és hasonló termékajánlással bombáznak, hogy elgondolkodsz, vajon a megfelelő termékoldalon jársz-e?

A weboldal pénztárfolyamata is rászorulhatna egy masszív átalakításra.

Hogyan lehet javítani rajta?

Több százezer termékoldal újratervezése nem könnyű feladat. Valószínűleg ezért nem gondolt az Amazon új elrendezésű termékoldalakra. Úgy gondoljuk azonban, hogy sokat tanulhatnak a versenytársaktól, például a Best Buy-tól, amely felhasználóbarátabb dizájnt alkalmaz.

A teljes képernyős elrendezés helyett a Best Buy dobozos kialakítást használ a termékoldalakhoz. A termék különböző variációit is szépen bemutatják az oldalon. A termékleírásokat pedig különböző szakaszokra formázzák a könnyű beolvasás érdekében. Így tervezzen megfelelő termékoldalt.

7. IMDb

Az IMDb, vagyis az Internet Movie Database a legmegfelelőbb platform, ahol mindent megtudhatsz a filmekről és tévéműsorokról. A honlapot havonta több mint 500 millióan látogatják.

Ha meglátogatja az IMDb honlapját, az lenyűgözően néz ki. Teljes képernyős dizájnnal rendelkezik, sötét színű témával. És nagy előnézetekkel a filmekről és tévéműsorokról, hogy könnyen felfedezhesse a tartalmát.

De várjon, amíg megnyit egy termékoldalt. Az IMDb honlapja és egy termékoldal közötti különbség olyan, mint éjjel-nappal.

Miért néz ki rosszul ez a weboldal?

Annak ellenére, hogy az IMDb weboldal honlapja nemrégiben megújult, a filmek és tévéműsorok termékoldalainak elrendezése ugyanaz maradt. Ez az elrendezés egy nagyon keskeny, dobozos kialakítást használ. Ezáltal az oldalak zsúfoltnak tűnnek, és nehezebb az oldalon navigálni és további információkat találni. A szörnyű betűtípus-választás is megnehezíti a tartalom olvasását.

Hogyan lehet javítani rajta?

Az IMDb minden bizonnyal tanulhatna néhány leckét a Metacritic oldaldizájnjától.

A Metacritic letisztult és teljes képernyős oldaldizájnt használ. A részletek és a leírások könnyebben olvashatók. És világos navigációt kínál vizuális elemekkel. Ugyanez a tervezési megközelítés jól illeszkedne az IMDb-hez is.

8. Wikipedia

A havi több mint 1,3 milliárd látogatóval a Wikipédia az internet egyik legfontosabb weboldala, amelyet mindenki meglátogatott már legalább egyszer életében.

A weboldal azonban még mindig jelentős átalakításra szorul, hogy napjainkban relevánsabbá és a jelenlegi közönség számára vonzóbbá váljon.

Miért néz ki rosszul ez a weboldal?

Mivel a Wikipédia egy nonprofit weboldal, amelyet adományokból tartanak fenn, nem lehetünk túl szigorúak a dizájnjával. Elvégre közszolgáltatást nyújt.

Úgy véljük azonban, hogy a cikkoldalak jobb kialakítása sokkal hasznosabbnak és felhasználóbarátabbnak bizonyulhatna, különösen a fiatalabb közönség vonzása érdekében.

A cikkek tartalmi formázása sok munkát igényel. A Wikipédia cikkek teljes képernyős kialakítást használnak, és ennek eredményeként a szöveges bekezdések túl hosszúra nyúlnak. És ez megnehezíti az olvasást.

A honlapnak mindenekelőtt megfelelő navigációs rendszerre van szüksége.

Hogyan lehet javítani rajta?

Bár a Britannica napjai lejártak, a Wikipédia még mindig tanulhat néhány trükköt a honlapjuk kialakításától.

A Britannica oldalainak elrendezése például tartalmaz egy ragadós navigációs panelt, amellyel a felhasználók a cikk különböző részeire ugorhatnak. Sokkal jobb oldalkialakítással és jobb formázással rendelkezik, ami javítja az olvashatóságot.

Ha a Wikipédiának ilyen dizájnja lenne, akkor több időt töltenénk az oldalon a tartalom olvasásával.

Lásd még: 30+ A legjobb Moodle témák 2023-ban

9. University of Advancing Technology

Eléggé megdöbbentett minket, hogy egy ilyen kinézetű honlapot találtunk egy olyan egyetemhez tartozóan, amely a "fejlődő technológiákra" specializálódott. Úgy tűnik, hogy az egyetem valahogy lemaradt a webdesign-technológiák sokéves fejlődéséről.

Miért néz ki rosszul ez a weboldal?

Először is, az animált forgó navigációs menü az, ami a legfrusztrálóbb számunkra. Ha elszalasztod a lehetőséget, hogy rákattints egy elemre, akkor meg kell várnod, hogy a menü teljes kört tegyen vissza hozzád. Vitathatatlanul ez a legfrusztrálóbb navigációs design, amit valaha láttunk.

Hogyan lehet javítani rajta?

A fő ok, amiért valaki meglátogat egy főiskolai honlapot, az az, hogy megismerje magát a főiskolát, annak programjait és kurzusait. Ez magában foglalja a főiskola körbevezetését. A kategorizált navigációt a kurzusok könnyű megtalálásához. És oldalakat a tanárokról és a főiskola hírnevéről. Mindezeket ez a honlap nem teljesítette.

Lásd még: 40+ A legjobb DaVinci Resolve Intro sablonok, címek és nyitók 2023

A Stanford Egyetem honlapja jó példa arra, hogyan lehet ezt a munkát elvégezni.

10. W3Schools

A W3Schools egy népszerű online forrás a kódolás tanulásához. Sok webdesigner és programozó, kezdő és szakértő számára egyaránt jól ismert oldal. A SimilarWeb szerint az oldal meglehetősen népszerű. Havonta több mint 50 millió látogatója van.

Informatív tanfolyamok nagy gyűjteményét kínálja, de a tanfolyamok oldalainak kialakításán lehetne még egy kicsit javítani.

Miért néz ki rosszul ez a weboldal?

A W3Schools tanfolyamai rövid leckéket tartalmaznak, de közvetlen gyakorlati megközelítéssel. Ez magában foglalja az egyes tanfolyamokon tanultak gyakorlását egy kódszerkesztő segítségével.

A kódszerkesztőt azonban külön kell betölteni a működéshez. Ez azt jelenti, hogy a lecke megtanulásához két lapot kell nyitva tartani a böngészőben.

Hogyan lehet javítani rajta?

Az online tanulási platformok tervezésének jobb módja, különösen a kódolási tanfolyamok esetében, ha a diákok számára egy homokozót biztosítunk élő előnézetekkel, amelyekkel játszhatnak. A CodeAcademy pontosan ezt teszi.

A CodeAcademy kurzusok minden leckéje három panelt tartalmaz, ahol a leckét részletesen bemutatják egy kódszerkesztő és egy élő előnézet mellett. Ez sokkal egyszerűbb módot biztosít a tanulók számára a gyakorlatiasabb megközelítésű tanulásra. Pontosan ez az, amire a W3Schoolsnak szüksége van.

Összefoglalva

Ha valamit megtanulhatunk ezekből a weboldalakból, az az, hogy a márka és a cég online jelenlétével való törődés ma fontosabb, mint valaha volt. Ahogy a fentiekben láthatjuk, a rossz weboldalkialakítás elég ahhoz, hogy valaki rossz benyomást keltsen egy márkáról. Reméljük, hogy ezek a cégek végre észhez térnek, és legalább ebben az évtizedben megújítják a weboldalaikat.

John Morrison

John Morrison tapasztalt tervező és termékeny író, aki több éves tapasztalattal rendelkezik a tervezési iparban. A tudás megosztása és a másoktól való tanulás iránti szenvedélyével John a szakma egyik legjobb dizájnbloggerjeként szerzett hírnevet. Napjait kutatással, kísérletezéssel és a legújabb tervezési trendekről, technikákról és eszközökről írva tölti, azzal a céllal, hogy inspirálja és oktassa a tervezőtársakat. Amikor nem veszett el a dizájn világában, John szívesen túrázik, olvas, és a családjával tölti az idejét.