10 web stranica koje bismo voljeli vidjeti redizajnirano 2020. (I zašto)
Različiti dizajneri na različite načine uzimaju u obzir što čini sjajnu web stranicu. Ali jedna stvar oko koje se svi možemo složiti je da popularnost nikad ne čini dizajn web stranica sjajnim. Imamo dokaze.
Danas ćemo pogledati nekoliko popularnih web stranica u vlasništvu poznatih tvrtki i marki. Ove web stranice svakodnevno primaju milijune posjetitelja. A poznate su širom svijeta. Sve ove web stranice imaju jedno zajedničko - svi bi mogli koristiti malo vizualnog osvježenja!
Iako je web dizajn toliko napredovao kao industrija i razvio se zadivljujućim novim tehnologijama, postoje tvrtke koje i dalje koriste zastarjeli dizajn web stranica.
Nismo sigurni plaše li se ove marke promjena ili jednostavno ne daju prioritet dizajnu. Bilo kako bilo, vjerujemo da te web stranice treba prepraviti za boljitak svojih korisnika. Nastavite čitati da biste saznali zašto.
Istražite dizajnerske resurse
1. Craigslist
Craigslist jedna je od najpopularnijih web stranica za oglase s oglasima na Internetu. Craig Newmark pokrenuo je Craigslist kao jednostavan popis e-pošte još 1995. godine i pretvorio ga u web stranicu 1996. Izgledajući stvari, sigurno je pretpostaviti da će web mjesto možda koristiti isti dizajn koji su koristili 1996. godine.
Prema Sličnom webu, Craigslist prima preko 360 milijuna posjetitelja mjesečno. Ipak ima jedan od najgorih dizajna web stranica koje ćete ikada vidjeti. Dizajn web stranice Craigslist sastoji se od svih pogrešaka koje želite izbjeći prilikom dizajniranja web stranice.
Zašto ova web stranica izgleda loše?
Za početak, Craigslist ima vrlo skučen dizajn bez vizualnih znakova ili osjećaja za smjer. Web stranica se sastoji samo od teksta. Ipak, font je premali i čini ga teškim za čitanje. Svijetlo plava boja fonta sigurno ne pomaže ni poboljšanju čitljivosti.
Povrh svega, dizajn web stranice ne reagira. Izgleda strašno kad se gleda na ekranima s različitim razlučivostima. Cjelokupni postupak pregledavanja popisa oglasa, obrasca za objavljivanje oglasa i gotovo svaki drugi aspekt web stranice očajnički je potrebno poboljšati.
Kako se to može poboljšati?
Čak i promjena fonta i boje fonta može se smatrati poboljšanjem za Craigslist u ovoj fazi. Ipak, bolji način za pronalaženje nadahnuća je pogledati web stranicu Gumtree.
Gumtree je najveća britanska web stranica za popis oglasa. A njegov moderan dizajn web stranica sadrži sve što bismo voljeli vidjeti na web mjestu s oglasima. Ima moderan dizajn s boljom funkcijom pretraživanja, filtrima za sužavanje pretraživanja, boljim pregledima i opisima za skeniranje oglasa i još mnogo toga.
2. AOL
AOL je nekada bila najveća platforma na Internetu i tvrtka koja je posjedovala većinu alata koje su svi koristili u to doba. Imao je potencijal da bude nešto nevjerojatno. No, s porastom svojih konkurenata, AOL je izgubio vrijeme i nije se razvijao sa trenutnim potrebama korisnika.
Danas ljudi jedva znaju što je AOL. Čak smo bili iznenađeni kada je stranica još uvijek radi i radi. Prema Sličnom webu, AOL i dalje svaki mjesec prima preko 200 milijuna posjetitelja. Na prvi pogled web stranica izgleda sjajno. Pa zašto mislimo da to treba redizajnirati?
Zašto ova web stranica izgleda loše?
Kao i uvijek, čini se da se AOL i dalje suočava s modernim dizajnom korisničkog sučelja, ali tvrtka je još uvijek nekoliko godina iza. Još uvijek ima pretrpan dizajn ispunjen toliko stvari, od vijesti do vremenske zabave i još mnogo toga. Svatko tko posjeti stranicu odmah će se zbuniti gdje ići i što učiniti.
Kad smo posjetili web stranicu, bombardiran nas je automatskim reprodukcijom videa s automatskim zvucima. Ne radite pogrešku ako koristite AOL da biste pretraživali nešto dok ste na poslu.
Nepotrebno je reći da ćete se lako rastresti kad posjetite AOL.
Kako se to može poboljšati?
AOL web stranica može vas podsjećati na drugu popularnu tražilicu. Yahoo! koristi se za vrlo sličan dizajn. Ali ne više. Čak i Yahoo! znao kada će se razvijati.
Ako postoji jedna stvar koju AOL može naučiti od svojih konkurenata, poput Googlea, Binga i DuckDuckGoa, je da ljudi više vole tražilice s minimalnim dizajnom bez ometanja. Zato Yahoo! također su prešli na minimalistički dizajn web stranica.
3. Hakerske vijesti
Hacker News je poput Reddita za startapove, programere i poduzetnike. Jedan post na Hacker Newsu mogao bi značiti razliku između financiranja ili pokretanja vaše početne ideje.
Stranica je jedna od najvećih web stranica za prikupljanje vijesti koja je danas dostupna, a mjesečno je posjeti više od 12 milijuna ljudi. Ipak ima isti dizajn kakav je imao 2007. godine.
Zašto ova web stranica izgleda loše?
Hacker News radi iste pogreške koje je napravio Craigslist. Jedina dobra osobina koja se možemo sjetiti u usporedbi je da se na ovom mjestu koristi sans-serif fontom s bojom lako vidljivom.
Međutim, stranica još uvijek sadrži neprijateljski dizajn koji treba obnoviti. Najveća pogreška web stranice je što se teme prikazane na početnoj stranici izravno povezuju na izvornu stranicu. Nit Hacker News ne možete otvoriti klikom na naslov.
Pored toga, voljeli bismo vidjeti to vizualnije. Uz optimizaciju dizajna za mobilne uređaje.
Kako se to može poboljšati?
Sjećate se kada je Reddit izgledao kao Hacker News? Srećom, Reddit je nedavno obnovio dizajn svog web mjesta i sada izgleda puno bolje nego ikad prije.
Hacker News također mogu usvojiti sličan dizajn kao Reddit. To ne mora biti toliko vizualno, ali stranica će sigurno izgledati bolje kada se niti istaknu i odvoje jedna od druge. I korisnicima omogućuje otvaranje tema za raspravu klikom na naslov.
4. Berkshire Hathaway
Možete li vjerovati da je to službena web stranica multinacionalne korporacije koja posjeduje imovinu vrijednu više od 700 milijardi dolara i ostvaruje neto prihod od preko četiri milijarde dolara?
Berkshire Hathaway je tvrtka u vlasništvu Warrena Buffeta, jednog od najbogatijih ljudi na svijetu. Ipak, teško je vjerovati da si nije mogao priuštiti nekoliko stotina dolara za redizajn web stranice.
Zašto ova web stranica izgleda loše?
Gdje počinjemo? Postoji toliko mnogo stvari pogrešnih na ovoj web stranici. Prije svega, to vam ne govori o čemu se radi na web mjestu ili u tvrtki. Budući da nema stranicu "o".
Web mjesto djeluje kao popis veza koje korisnike preusmjeravaju na druge web stranice kako bi saznali o trenutnom stanju tvrtke. Većina se njih lako može uključiti na početnu stranicu i korisnicima uštedjeti probleme prilikom učitavanja drugih web stranica.
Najgore od svega je što stranica također promovira još jednu web stranicu osiguranja automobila na početnoj stranici.
Kako se to može poboljšati?
U ovom trenutku, dodavanje čak i mali opis tvrtke trebao bi biti dovoljan za poboljšanje ove web stranice. No, mogla bi potrajati nadahnuće iz druge multinacionalne korporacije poput Shell Global-a.
Berkshire Hathaway je također mogao koristiti sličan i vizualniji dizajn kako bi izbjegao davanje ljudi pogrešnom dojmu tvrtke. I nadamo se da će web stranicu pretvoriti u središte informacija za svoje investitore i opću publiku.
5. Abeceda
Alphabet je matična tvrtka Google, a pod svojim imenom ima mnoge druge marke i tvrtke. Međutim, njegova je web stranica tajna sama.
Zašto ova web stranica izgleda loše?
Imali smo nekoliko pitanja prilikom posjećivanja stranice Alphabet. Ako „G“ znači Google, koje druge tvrtke posjeduju? Tko je predsjednik tvrtke? Umjesto učenja o svojim investitorima, gdje možemo saznati više o korporaciji i čemu se zalažete?
Toliko pitanja nije ostalo bez odgovora zbog ultra-minimalističkog dizajna web stranice. Možemo razumjeti da osnivači tvrtke rade stvari drugačije. No web mjesto tvrtke trebalo bi biti u stanju pružiti informacije o poslovanju.
Kako se to može poboljšati?
Iako IBM nije direktan konkurent Alphabetu i nema čak ni vrlo modernu web stranicu, mislimo da Alphabet može puno naučiti iz dizajna njihove web stranice.
IBM koristi jednostavan navigacijski sustav kako bi omogućio korisnicima da saznaju više o njihovim proizvodima i uslugama. Još važnije, to je stranica o kojoj je detaljno opisano o čemu se u tvrtki radi. Abeceda je mogla upotrijebiti neke od tih značajki na svojoj web stranici.
6. Amazon
Amazon je prešao dug put od svog predstavljanja do najveće svjetske maloprodajne web stranice na Internetu. Dizajn web stranica također je ostao isti dugi niz godina. Donedavno gdje je dobio osvježeni dizajn početne stranice.
Međutim, stranice proizvoda web stranica ipak bi mogle koristiti neka poboljšanja.
Zašto ova web stranica izgleda loše?
Stranice proizvoda Amazon imaju najfascinantniji dizajn koji bi vas mogao zbuniti ako ste novi na web mjestu. Prilikom gledanja proizvoda izgled cijelog zaslona otežava istraživanje.
Opisi proizvoda su predugi i nisu dobro oblikovani za lakše čitanje. Kad se pomičete prema dolje da biste saznali više o proizvodu, najprije vas bombardiraju toliko naprednih i sličnih preporuka proizvoda da se zapitate jeste li na pravoj stranici proizvoda.
Proces odjave na web mjestu također bi mogao koristiti masivni redizajn.
Kako se to može poboljšati?
Redizajniranje stotina tisuća stranica proizvoda nije lak zadatak. Vjerojatno je to razlog što Amazon nije razmišljao o novom izgledu svojih stranica s proizvodima. Ipak, vjerujemo da mogu puno toga naučiti od svojih konkurenata poput Best Buy-a, koji koristi prijatniji dizajn.
Umjesto izgleda na cijelom zaslonu, Best Buy za stranice s proizvodima koristi okvir s dizajnom. Različite varijacije proizvoda također su lijepo prikazane sa strane. A opisi proizvoda formatiraju se u različite odjeljke za jednostavno skeniranje. Ovako oblikujete odgovarajuću stranicu proizvoda.
7. IMDb
IMDb ili baza podataka Internet Movie gotova je platforma za učenje svega o filmovima i TV emisijama. Web stranica prima više od 500 milijuna posjetitelja svakog mjeseca.
Kada posjetite početnu stranicu IMDb, izgleda nevjerojatno. Sadrži dizajn na cijelom zaslonu s temnom bojom. I veliki pregledi filmova i TV emisija za jednostavno istraživanje njegovog sadržaja.
Ali pričekajte dok ne otvorite stranicu proizvoda. Razlika između početne stranice IMDb i stranice proizvoda je poput noći i dana.
Zašto ova web stranica izgleda loše?
Iako je početna stranica web stranice IMDb nedavno obnovljena, izgled njezinih stranica za filmove i TV emisije ostao je isti. Ovaj se izgled koristi vrlo uskim okvirima. Zbog toga stranice izgledaju skučeno i teže se kreću po stranici i pronalaze više informacija. Stravičan odabir fonta otežava i čitanje njegovog sadržaja.
Kako se to može poboljšati?
IMDb zasigurno može naučiti nekoliko lekcija iz dizajna stranica Metacritic.
Metacritic koristi čist i dizajn cijelog zaslona. Pojedinosti i opisi lakše se čitaju. Nudi jasnu navigaciju s vizualnim elementima. Isti takav dizajnerski pristup također bi se dobro uklapao s IMDb.
8. Wikipedija
S više od 1, 3 milijarde posjetitelja svakog mjeseca, Wikipedija je jedno od najboljih web stranica na Internetu koje su svi posjetili barem jednom u životu.
Međutim, web stranica još uvijek treba temeljito ažurirati kako bi bila danas relevantnija i privlačnija trenutnoj publici.
Zašto ova web stranica izgleda loše?
Budući da je Wikipedija neprofitna web stranica koja se održava uz pomoć donacija, ne možemo biti previše oštri u njenom dizajnu. Uostalom, to je pružanje javne usluge.
Međutim, vjerujemo da bi bolji dizajn stranica sa člancima mogao pokazati da je mnogo korisniji i jednostavniji za upotrebu. Pogotovo kako bi privukli mlađu publiku.
Sadržajno oblikovanje članaka treba mnogo raditi. Članci na Wikipediji koriste se dizajnom s cijelim zaslonom i kao rezultat toga tekstni odlomak se predugo proteže. I otežava čitanje.
Prije svega, mjestu treba pravilan navigacijski sustav.
Kako se to može poboljšati?
Iako su dani Britannice gotovi, Wikipedia još uvijek može naučiti nekoliko trikova iz njihove web stranice.
Na primjer, izgled Britannice stranice sadrži ljepljivu navigacijsku ploču na kojoj korisnici mogu preskočiti u različite odjeljke članka. Također ima i puno bolji dizajn stranice s boljim oblikovanjem koje poboljšava čitljivost.
Ako je Wikipedija imala takav dizajn, trošit ćemo više vremena na web lokaciji zapravo čitajući njezin sadržaj.
9. Sveučilište za naprednu tehnologiju
Bili smo prilično šokirani kada smo pronašli web mjesto koje je izgledalo tako da pripada sveučilištu koje je specijalizirano za „napredne tehnologije“. Čini se da je sveučilište propustilo višegodišnji napredak u tehnologijama web dizajna.
Zašto ova web stranica izgleda loše?
Za početak je ono što nas najviše frustrira animirani rotacijski navigacijski izbornik. Ako propustite priliku da kliknete na neki predmet, morate pričekati da vam se vrati cijeli krug. Argumentirano je to najstrašniji navigacijski dizajn koji smo ikada vidjeli.
Kako se to može poboljšati?
Glavni razlog zašto netko posjećuje web stranicu koledža jest upoznati sam fakultet, njegove programe i tečajeve. To uključuje pokazivanje obilaska fakulteta. Uključuje kategoriziranu navigaciju za lako pronalaženje tečaja. I stranice o učiteljima i ugledu na faksu. Sve ovo web stranica nije uspjela ostvariti.
Web stranica Sveučilišta Stanford dobar je primjer kako se taj posao obavi.
10. W3Schools
W3Schools je popularni internetski resurs za učenje kodiranja. To je dobro poznato web mjesto mnogih web dizajnera i programera, kako početnika, tako i stručnjaka. Prema Sličnom webu, stranica je prilično popularna. Svaki mjesec prima preko 50 milijuna posjetitelja.
Sadrži veliku zbirku informativnih tečajeva, ali dizajniranje stranica s tečajevima mogli bi malo poboljšati.
Zašto ova web stranica izgleda loše?
Tečajevi W3Schools sadrže kratke lekcije, ali s izravnim praktičnim pristupom. To uključuje vježbanje onoga što naučite u svakom tečaju pomoću uređivača koda.
Međutim, uređivač koda mora se učitati zasebno da bi funkcionirao. To znači da vam trebaju biti otvorene dvije kartice na pregledniku kako biste naučili lekciju.
Kako se to može poboljšati?
Bolji način da se pristupi dizajnu platforme za učenje putem interneta, posebno za tečajeve kodiranja, je da se pjesmarici osiguraju pregledi uživo sa kojima će se studenti igrati. Upravo to radi CodeAcademy.
Svaka lekcija u kolegijima CodeAcademy sadrži tri ploče na kojima je lekcija detaljno prikazana uz uređivač koda i pregled uživo. To pruža mnogo lakši način za učenje s praktičnijim pristupom. Točno je ono što W3School treba.
U zaključku
Ako možemo nešto naučiti na svim tim web stranicama, to je da je briga o vašoj marki i prisutnosti tvrtke na mreži danas važnija nego ikad prije. Kao što vidite gore, za loš dizajn web stranice potrebno je da netko stekne pogrešan dojam o brandu. Nadajmo se da će se ove tvrtke konačno osvijestiti i obnoviti svoje web stranice, barem unutar ovog desetljeća.
){kind=link}