10 webů, které bychom rádi přepracovali v roce 2020 (a proč)

Různí návrháři mají různý přístup k tomu, co dělá skvělý web. Ale jedna věc, na které se všichni můžeme shodnout, je to, že popularita nikdy nedělá skvělý design webových stránek. Máme důkaz.

Dnes se podíváme na několik populárních webů vlastněných známými společnostmi a značkami. Tyto webové stránky každý měsíc přijímají miliony návštěvníků. A jsou dobře známí po celém světě. Všechny tyto webové stránky mají jednu společnou věc - všichni mohli použít trochu vizuální aktualizace!

Přestože webový design zašel tak daleko jako průmysl a vyvinul se s úžasnými novými technologiemi, existují společnosti, které stále používají zastaralé návrhy webových stránek.

Nejsme si jisti, zda se tyto značky bojí změn, nebo prostě design nedávají přednost tak vysoko. V každém případě se domníváme, že tyto weby je třeba vylepšit, aby se zlepšilo jejich uživatelů. Pokračujte ve čtení a zjistěte proč.

Prozkoumejte zdroje návrhu

1. Craigslist

Craigslist je jedním z nejpopulárnějších inzerčních webů na internetu. Craig Newmark založil Craigslist jako jednoduchý seznam e-mailů již v roce 1995 a v roce 1996 jej změnil na webovou stránku. Z pohledu věcí je možné předpokládat, že webová stránka může používat stejný design, jaký používali v roce 1996.

Podle Podobného webu dostává Craigslist každý měsíc přes 360 milionů návštěvníků. Přesto má jeden z nejhorších návrhů webových stránek, jaké kdy uvidíte. Design webových stránek Craigslist se skládá ze všech chyb, kterým byste se při navrhování webové stránky měli vyhnout.

Proč tento web vypadá špatně?

Pro začátek má Craigslist velmi nepřehledný design bez jakýchkoli vizuálních podnětů nebo smyslu pro směr. Web se skládá pouze z textu. Přesto je písmo příliš malé a je obtížné číst. Jasná modrá barva písma také nepomůže zlepšit čitelnost.

Především design webových stránek nereaguje. Vypadá hrozně, když se díváte na obrazovky s různými rozlišeními. Celý proces procházení seznamů reklam, návrhů formulářů pro zveřejňování reklam a téměř všech ostatních aspektů webu je třeba zoufale zlepšit.

Jak lze vylepšit?

Dokonce i změna písma a barvy písma lze v této fázi považovat za vylepšení Craigslistu. Lepším způsobem, jak najít inspiraci, je podívat se na web Gumtree.

Gumtree je největší britská inzerce s inzeráty. A jeho moderní design webových stránek má vše, co bychom rádi viděli na inzerovaném webu. Má uživatelsky přívětivý design s lepší funkcí vyhledávání, filtry pro zúžení vyhledávání, lepší náhledy a popisy pro skenování reklam a další.

2. AOL

AOL bývala největší platformou na internetu a společností, která vlastnila většinu nástrojů, které každý den používal. Měl potenciál být něco neuvěřitelného. Se vzestupem svých konkurentů však AOL ztratil čas a nedokázal se vyvíjet podle aktuálních potřeb uživatelů.

Dnes lidé sotva vědí, co je AOL. Dokonce jsme byli překvapeni, když jsme viděli, jak je web stále v provozu. Podle Podobného webu dostává AOL každý měsíc více než 200 milionů návštěvníků. Na první pohled vypadá web skvěle. Proč si tedy myslíme, že to musí být přepracováno?

Proč tento web vypadá špatně?

Jako vždy se zdá, že AOL stále dohání moderní design uživatelského rozhraní, ale společnost je stále o několik let pozadu. Stále má nepřehledný design plný tolika věcí, od zpráv až po zábavu na počasí a další. Každý, kdo navštíví tento web, bude okamžitě zmaten, kam má jít a co má dělat.

Když jsme navštívili web, byli jsme bombardováni automatickým přehráváním videa s automatickými zvuky. Nedělejte chybu s používáním AOL k hledání něčeho, když jste v práci.

Netřeba dodávat, že při návštěvě AOL se snadno rozptýlíte.

Jak lze vylepšit?

Webové stránky AOL vám mohou připomenout jiný populární vyhledávač. Yahoo! zvyklý na velmi podobný design. Ale už ne. Dokonce i Yahoo! věděl, kdy se má vyvíjet.

Pokud se AOL může dozvědět od svých konkurentů, jako jsou Google, Bing a DuckDuckGo, je to, že lidé dávají přednost vyhledávačům s minimálními návrhy bez rozptýlení. To je důvod, proč Yahoo! také přešel na minimalistický design webových stránek.

3. Hacker News

Hacker News je jako Reddit pro začínající, programátory a podnikatele. Jediný příspěvek na webu Hacker News může znamenat rozdíl mezi tím, jak je váš nápad na spuštění financován nebo zcela zničen.

Tato stránka je jedním z největších webů, které jsou dnes k dispozici v agregátorech zpráv a každý měsíc navštěvuje více než 12 milionů lidí. Přesto má stále stejný design jako v roce 2007.

Proč tento web vypadá špatně?

Hacker News dělá stejné chyby jako Craigslist. Jediná dobrá funkce, kterou můžeme ve srovnání napadnout, je, že tento web používá bezpatkové písmo s barvou, která je pro oči snadná.

Stránka však stále obsahuje nepřátelský design, který je třeba vylepšit. Největší chybou serveru je to, že vlákna zobrazená na domovské stránce přímo odkazují na zdrojovou stránku. Kliknutím na název nelze otevřít vlákno Hacker News.

Kromě toho bychom rádi viděli přístup více vizuálně. Zároveň optimalizuje design pro mobilní zařízení.

Jak lze vylepšit?

Pamatuješ, když Reddit vypadal jako Hacker News? Naštěstí Reddit nedávno přepracoval design svých webových stránek a nyní vypadá mnohem lépe, než kdy byl.

Hacker News může také přijmout podobný design jako Reddit. Nemusí to být tak vizuální, ale web bude určitě vypadat lépe, když budou vlákna zvýrazněna a od sebe oddělena. A umožňující uživatelům otevírat diskusní vlákna kliknutím na název.

4. Berkshire Hathaway

Můžete věřit, že se jedná o oficiální web nadnárodní společnosti, která vlastní aktiva v hodnotě přes 700 miliard USD a vydělává čistý příjem přes 4 miliardy $?

Berkshire Hathaway je společnost vlastněná Warrenem Buffetem, jedním z nejbohatších lidí na světě. Přesto je těžké uvěřit, že si nemohl dovolit pár stovek dolarů na redesign webu.

Proč tento web vypadá špatně?

Kde začít? S tímto webem je tolik věcí. Nejprve vám to neříká, o čem je web nebo společnost. Protože nemá stránku „asi“.

Tato stránka slouží jako seznam odkazů, které uživatele přesměrovávají na jiné webové stránky, aby zjistili aktuální stav společnosti. Většina z nich by mohla být snadno zahrnuta na domovskou stránku a ušetřit uživatelům potíže s načítáním jiných webových stránek.

Nejhorší ze všeho je, že web také propaguje další webovou stránku pojištění automobilů na domovské stránce.

Jak lze vylepšit?

V tomto okamžiku by ke zlepšení tohoto webu mělo stačit přidání i malého popisu společnosti. Může to však vyžadovat inspiraci od jiné nadnárodní společnosti, jako je Shell Global.

Berkshire Hathaway by také mohl použít podobný a vizuálnější design, aby zabránil lidem, aby udělali špatný dojem o společnosti. A doufejme, že z webu uděláte informační centrum pro své investory a široké publikum.

5. Abeceda

Abeceda je mateřskou společností Google a pod jejím jménem má mnoho dalších značek a společností. Jeho webová stránka je však záhadou sama o sobě.

Proč tento web vypadá špatně?

Při návštěvě webu Alphabet jsme měli několik otázek. Pokud „G“ znamená Google, jaké další společnosti to vlastní? Kdo je generálním ředitelem společnosti? Místo toho, abychom se dozvěděli více o vašich investicích, kde se můžeme dozvědět více o společnosti ao tom, co znamená?

Tolik otázek zůstalo nezodpovězeno kvůli ultr minimalistickému designu webu. Můžeme pochopit, že zakladatelé společnosti dělají věci jinak. Webové stránky společnosti by však měly být schopny poskytovat informace o podnikání.

Jak lze vylepšit?

Přestože IBM není přímým konkurentem společnosti Alphabet a nemá ani velmi moderní web, myslíme si, že se Alphabet může z jejich designu webových stránek hodně naučit.

IBM používá jednoduchý navigační systém, který umožňuje uživatelům seznámit se s jejich produkty a službami. Ještě důležitější je, že obsahuje stránku „o“ s podrobnými informacemi o společnosti. Abeceda by mohla používat některé z těchto funkcí na svých webových stránkách.

6. Amazonka

Amazon prošel dlouhou cestu od svého založení a stal se největším maloobchodním webem na světě na internetu. Návrh webových stránek také zůstal po mnoho let stejný. Až donedávna dostal nový vzhled domovské stránky.

Produktové stránky webu však stále mohou používat některá vylepšení.

Proč tento web vypadá špatně?

Stránky produktů Amazon mají nejnebezpečnější design, který by vás mohl zmást, pokud jste na webu nový. Při prohlížení produktu je rozložení stránky na celé obrazovce obtížnější prozkoumat.

Popisy produktů jsou příliš dlouhé a nebyly zformátovány dobře pro snazší čtení. Při procházení dolů, abyste se dozvěděli více o produktu, jste nejprve bombardováni tolik vzestupnými a podobnými doporučeními produktů, díky nimž se ptáte, zda jste na správné stránce produktu.

Proces placení na webu by také mohl použít masivní přepracování.

Jak lze vylepšit?

Přepracování stovek tisíc produktových stránek není snadný úkol. Pravděpodobně proto Amazon neuvažoval o novém rozvržení svých produktových stránek. Věříme však, že se od svých konkurentů, jako je Best Buy, mohou naučit hodně, což využívá uživatelsky přívětivější design.

Místo rozložení na celou obrazovku používá Best Buy pro stránky produktů krabicový design. Různé varianty produktu jsou také přehledně zobrazeny na boku. A popisy produktů jsou formátovány do různých částí pro snadné skenování. Takto navrhujete správnou stránku produktu.

7. IMDb

IMDb, nebo internetová filmová databáze, je platforma pro výuku všeho o filmech a televizních pořadech. Každý měsíc navštíví tento web více než 500 milionů návštěvníků.

Když navštívíte domovskou stránku IMDb, vypadá to úžasně. Je vybaven celoobrazovkovým designem s motivem tmavé barvy. A velké náhledy filmů a televizních pořadů pro snadné prozkoumání jeho obsahu.

Počkejte však, až otevřete stránku produktu. Rozdíl mezi domovskou stránkou IMDb a stránkou produktu je jako noc a den.

Proč tento web vypadá špatně?

Přestože domovská stránka webu IMDb byla nedávno přepracována, její rozvržení stránky produktu pro filmy a televizní pořady zůstaly stejné. Toto rozvržení používá velmi úzký rámeček. Díky tomu stránky vypadají nepřehledně a obtížněji se pohybují po stránce a hledají další informace. Hrozný výběr písma ztěžuje také čtení jeho obsahu.

Jak lze vylepšit?

IMDb se určitě může naučit několik lekcí z designu stránek Metacritic.

Metacritic používá čistý a celoobrazovkový design stránky. Podrobnosti a popisy jsou snáze čitelné. A nabízí přehlednou navigaci s vizuálními prvky. Stejný přístup k designu by také dobře vyhovoval IMDb.

8. Wikipedia

S více než 1, 3 miliardou návštěvníků každý měsíc je Wikipedia jedním z nejlepších webových stránek na internetu, které každý navštívil alespoň jednou za život.

Webové stránky však stále potřebují zásadní revizi, aby byly dnes aktuálnější a přitažlivější pro současné publikum.

Proč tento web vypadá špatně?

Protože Wikipedia je neziskový web, který je udržován pomocí darů, nemůžeme být příliš drsní, pokud jde o jeho design. Koneckonců, poskytuje veřejnou službu.

Věříme však, že lepší design jeho článků může být mnohem užitečnější a uživatelsky přívětivější. Zejména přilákat mladší publikum.

Formátování obsahu článků vyžaduje hodně práce. Články Wikipedie používají celoobrazovkový design, a proto jsou textové odstavce nataženy příliš dlouho. A je obtížné číst.

Především web potřebuje vhodný navigační systém.

Jak lze vylepšit?

Přestože dny Britannicy skončily, Wikipedia se stále může naučit pár triků z jejich designu webových stránek.

Například rozvržení stránky Britannica obsahuje lepivý navigační panel, kde uživatelé mohou přejít na různé části článku. Má také mnohem lepší design stránky s lepším formátováním, které zlepšuje čitelnost.

Pokud by měl Wikipedia takový design, strávíme více času na webu, který bude skutečně číst jeho obsah.

9. Univerzita pokročilých technologií

Byli jsme docela šokováni, když jsme našli web, který vypadal, jako by patřil univerzitě, která se specializuje na „pokrokové technologie“. Zdá se, že univerzita zřejmě minul mnoho let pokroku v technologiích webdesignu.

Proč tento web vypadá špatně?

Pro začátečníky nás animovaná rotační navigační nabídka nejvíce frustruje. Pokud vám chybí šance kliknout na položku, musíte na ni počkat, až se vám vrátí celý kruh. Pravděpodobně je to nejvíce frustrující design navigace, jaký jsme kdy viděli.

Jak lze vylepšit?

Hlavním důvodem, proč někdo navštěvuje webovou stránku školy, je dozvědět se o škole samotné, jejích programech a kurzech. To zahrnuje předvádění prohlídky vysoké školy. Včetně kategorizované navigace pro snadné vyhledávání kurzů. A stránky o učitelích a reputaci vysoké školy. Všechny tyto webové stránky nesplnily.

Webové stránky Stanfordské univerzity jsou dobrým příkladem toho, jak tuto práci dokončit.

10. W3Schools

W3Schools je populární online zdroj pro výuku kódování. Je to dobře známé místo pro mnoho webových designérů a programátorů, začátečníků i odborníků. Podle Podobného webu je web docela populární. Každý měsíc přijímá přes 50 milionů návštěvníků.

Obsahuje velkou sbírku informačních kurzů, ale návrhy stránek kurzů by mohly trochu vylepšit.

Proč tento web vypadá špatně?

Kurzy W3Schools mají krátké lekce, ale s přímým přístupem. To zahrnuje procvičování toho, co se v každém kurzu naučíte pomocí editoru kódu.

Aby však mohl fungovat, musí být editor kódu načten samostatně. To znamená, že musíte mít v prohlížeči otevřené dvě karty, abyste se mohli poučit.

Jak lze vylepšit?

Lepším způsobem, jak přistupovat k návrhu online výukové platformy, zejména pro kurzy kódování, je poskytnout karanténu s živými náhledy, se kterými si studenti mohou hrát. Přesně to dělá CodeAcademy.

Každá lekce kurzů CodeAcademy obsahuje tři panely, kde je lekce podrobně popsána vedle editoru kódu a živého náhledu. To poskytuje studentům mnohem snadnější způsob, jak se učit praktičtějším přístupem. To je přesně to, co W3Schools potřebuje.

Na závěr

Pokud se ze všech těchto stránek můžeme dozvědět něco o tom, že péče o vaši značku a online přítomnost společnosti je dnes důležitější než kdykoli předtím. Jak můžete vidět výše, špatný design webových stránek je jen proto, aby někdo získal špatný dojem ze značky. Doufejme, že tyto společnosti konečně přijdou na své smysly a upraví své webové stránky, alespoň v této dekádě.

© Copyright 2021 | computer06.com