10 veebisaiti, mida me tahaksime 2020. aastal ümber kujundada (ja miks)
Erinevatel disaineritel on erinev veebisait. Kuid üks asi, milles võime kõik kokku leppida, on populaarsus, mis ei muuda veebisaidi kujundust kunagi suurepäraseks. Meil on tõendid.
Täna vaatleme mõnda populaarset veebisaiti, mis kuuluvad tuntud ettevõtetele ja kaubamärkidele. Need veebisaidid võtavad iga kuu miljoneid külastajaid. Ja nad on tuntud kogu maailmas. Kõigil neil veebisaitidel on üks ühine joon - kõik võivad kasutada natuke visuaalset värskendust!
Ehkki veebidisain on jõudnud tööstusharuni ja arenenud koos hämmastavate uute tehnoloogiatega, leidub ettevõtteid, kes kasutavad endiselt vananenud veebisaidi kujundusi.
Me pole kindlad, kas need kaubamärgid kardavad muutusi või ei tähtsusta disaini lihtsalt nii kõrgel. Mõlemal juhul usume, et neid veebisaite tuleb oma kasutajate jaoks paremaks muuta. Jätkake lugemist, et teada saada, miks.
Tutvuge disainiressurssidega
1. Craigslistissa
Craigslistissa on üks populaarsemaid kuulutuste veebisaite Internetis. Craig Newmark asutas Craigslistini lihtsa meililoendina juba 1995. aastal ja muutis selle 1996. aastal veebisaidiks. Asjade väljanägemise põhjal võib kindlalt arvata, et veebisait võib kasutada sama kujundust, mida nad kasutasid 1996. aastal.
SimilarWebi andmetel võtab Craigslistissa iga kuu vastu üle 360 miljoni külastaja. Kuid sellel on üks halvimaid veebisaidi kujundusi, mida te kunagi näinud olete. Craigslistissa veebisaidi kujundus koosneb kõigist vigadest, mida soovite veebisaidi kujundamisel vältida.
Miks see veebisait tundub halb?
Alustuseks on Craigslistissa väga räpane disain, millel pole visuaalseid näpunäiteid ega suunataju. Veebisait ei koosne ainult tekstist. Kuid font on liiga väike ja muudab selle lugemise raskeks. Fondi helesinine värv ei aita kindlasti ka loetavust parandada.
Eelkõige ei reageeri veebisaidi kujundus. Erinevate eraldusvõimetega ekraanidel vaadates tundub see kohutav. Parandada tuleb kogu reklaamikirjete sirvimise protsessi, reklaamide postitamise vormikujundusi ja peaaegu kõiki muid veebisaidi aspekte.
Kuidas seda parandada?
Isegi fondi ja selle värvi muutmist võib selles etapis Craigslistissa parandada. Parem viis inspiratsiooni leidmiseks on siiski heita pilk Gumtree veebisaidile.
Gumtree on Ühendkuningriigi suurim kuulutuste loendite veebisait. Ja selle kaasaegsel veebikujundusel on kõik, mida me sooviksime kuulutuste kuulutuste veebisaidil näha. Sellel on kasutajasõbralik disain parema otsingufunktsiooniga, filtrid otsingu kitsendamiseks, paremad eelvaated ja kirjeldused reklaamide skannimiseks ning palju muud.
2. AOL
AOL oli varem suurim platvorm Internetis ja ettevõte, kellele kuulus enamus tööriistu, mida kõik päeva jooksul kasutasid. Sellel oli potentsiaali olla midagi uskumatut. Kuid konkurentide kasvuga kaotas AOL aja jooksul jälgi ja ei suutnud edasi areneda vastavalt kasutajate praegustele vajadustele.
Tänapäeval teavad inimesed vaevalt, mis on AOL. Isegi me olime üllatunud, kui see sait alles töötab ja töötab. Sarnase veebi andmetel võtab AOL endiselt iga kuu tublisti üle 200 miljoni külastaja. Esmapilgul tundub veebisait hea. Miks me arvame, et see tuleb ümber kujundada?
Miks see veebisait tundub halb?
Nagu alati, näib AOL, et mängib endiselt kaasaegse kasutajaliidese kujundusega, kuid ettevõte on veel mõni aasta maha jäänud. Sellel on endiselt räpane disain, mis on täidetud nii paljude asjadega, alates uudistest kuni ilmumeelelahutuseni ja muuks. Kõik, kes seda saiti külastavad, jäävad kohe segadusse, kuhu minna ja mida teha.
Veebisaiti külastades pommitati meid automaatsete helisignaalidega video esitamisel. Ärge tehke viga, kui kasutate AOL-i töö otsimisel millegi otsimiseks.
Ütlematagi selge, et võite AOLi külastades kergesti segadusse sattuda.
Kuidas seda parandada?
AOL-i veebisait võib teile meelde tuletada veel ühte populaarset otsingumootorit. Yahoo! kasutatakse väga sarnase kujunduse kujutamiseks. Aga enam mitte. Isegi Yahoo! teadis, millal areneda.
Kui on üks asi, mida AOL saab oma konkurentidelt, nagu Google, Bing ja DuckDuckGo, õppida, on see, et inimesed eelistavad minimaalse kujundusega otsingumootoreid ilma tähelepanu kõrvale juhtida. Seetõttu on Yahoo! lülitunud ka minimalistlikule veebikujundusele.
3. Häkkeriuudised
Hacker News on nagu Reddit alustavatele ettevõtetele, programmeerijatele ja ettevõtjatele. Üks postitus Hacker News'is võib tähendada erinevust teie käivitusidee rahastamise või täieliku hävitamise vahel.
Sait on üks suurimaid uudiste kogujate veebisaite, mida tänapäeval külastab enam kui 12 miljonit inimest. Kuid sellel on endiselt sama kujundus, mida ta kasutas 2007. aastal.
Miks see veebisait tundub halb?
Hacker News teeb samu vigu, mida tegi Craigslistissa. Ainus hea omadus, mida võime võrrelda, on see, et see sait kasutab sans-serif-fonti, mille värv on silmadele lihtne.
Kuid saidil on endiselt ebasõbralik kujundus, mida tuleb uuendada. Saidi suurim viga on see, et avalehel näidatud niidid viivad otse lähtelehele. Hacker News'i teemat ei saa pealkirjale klõpsates avada.
Lisaks sooviksime seda näha visuaalsema lähenemisviisiga. Optimeerides samal ajal ka mobiilseadmete disaini.
Kuidas seda parandada?
Kas mäletate, millal Reddit nägi välja nagu Hacker News? Õnneks muutis Reddit hiljuti oma veebisaidi kujundust ja nüüd näeb see välja palju parem kui kunagi varem.
Hacker News võib kasutada ka Redditiga sarnast kujundust. See ei pea olema nii visuaalne, kuid sait näeb kindlasti parem välja, kui niidid on esiletõstetud ja üksteisest eraldatud. Ja lubades kasutajatel pealkirja klõpsates avada aruteluteemasid.
4. Berkshire Hathaway
Kas võite uskuda, et see on rahvusvahelise ettevõtte ametlik veebisait, mis omab üle 700 miljardi dollari väärtuses varasid ja teenib üle 4 miljardi dollari netotulu?
Berkshire Hathaway on ettevõte, mille omanik on Warren Buffet, üks rikkamaid inimesi maailmas. Ometi on raske uskuda, et ta ei saanud endale lubada paarsada dollarit veebisaidi ümberkujundamiseks.
Miks see veebisait tundub halb?
Kust me alustame? Sellel veebisaidil on nii palju asju valesti. Esiteks ei ütle see teile, mida veebisait või ettevõte endast kujutab. Sest sellel pole “umbes” lehte.
Sait toimib linkide loendina, mis suunab kasutajad teistele veebisaitidele, et õppida tundma ettevõtte hetkeseisu. Enamikku neist oleks võinud hõlpsasti kodulehele lisada ja see päästaks teiste veebisaitide laadimisega probleeme.
Mis kõige hullem, see sait reklaamib ka kodulehel veel ühte autokindlustuse veebisaiti.
Kuidas seda parandada?
Selle veebisaidi täiustamiseks peaks sel hetkel piisama isegi väikese ettevõtte kirjelduse lisamisest. Kuid see võib võtta inspiratsiooni teiselt rahvusvaheliselt korporatsioonilt, näiteks Shell Globalilt.
Berkshire Hathaway võiks kasutada ka sarnast ja visuaalsemat kujundust, et mitte jätta inimestele ettevõttest valet muljet. Ja loodetavasti muutke veebisait oma investoritele ja laiemale publikule mõeldud teabekeskuseks.
5. Tähestik
Tähestik on Google'i emaettevõte ja sellel nime all on palju teisi kaubamärke ja ettevõtteid. Selle veebisait on siiski omaette mõistatus.
Miks see veebisait tundub halb?
Tähestiku veebisaiti külastades tekkis meil paar küsimust. Kui G tähistab Google'i, siis millised teised ettevõtted seda omavad? Kes on ettevõtte tegevjuht? Selle asemel, et õppida tundma oma investoreid, kust saaksime rohkem teada ettevõtte ja selle kohta, mille eest seisate?
Nii palju küsimusi oli vastuseta jäänud veebisaidi ülimalt minimalistliku kujunduse tõttu. Saame aru, et ettevõtte asutajad teevad asju teisiti. Kuid ettevõtte veebisait peaks suutma ettevõtte kohta teavet anda.
Kuidas seda parandada?
Ehkki IBM ei ole Alphabeti otsene konkurent ja tal pole isegi väga kaasaegset veebisaiti, arvame, et Alphabet saab nende veebisaidi kujundusest palju õppida.
IBM kasutab lihtsat navigatsioonisüsteemi, et kasutajatel oleks võimalik oma tooteid ja teenuseid tundma õppida. Veelgi olulisem on see, et sellel on „umbes” leht, milles on üksikasjalikult kirjas, mida ettevõte endast kujutab. Tähestik võiks oma veebisaidil kasutada mõnda neist funktsioonidest.
6. Amazon
Amazon jõudis oma käigust kaugele, et saada maailma suurimaks jaekaubanduse veebisaidiks Internetis. Ka saidi veebisaidi kujundus jäi paljude aastate jooksul samaks. Kuni viimase ajani sai see värskendatud kodulehe kujunduse.
Veebisaidi tootelehtedel võiks siiski olla mõned parandused.
Miks see veebisait tundub halb?
Amazoni tootelehtedel on kõige pettumust valmistav disain, mis võib teid segadusse ajada, kui olete selle saidi uus kasutaja. Toote vaatamisel muudab täisekraani lehe paigutus selle uurimise keerukamaks.
Tootekirjeldused on liiga pikad ja neid pole hõlpsamaks lugemiseks hästi vormindatud. Kui soovite toote kohta lisateavet kerida, pommitatakse teid kõigepealt nii palju müügihinda kui ka sarnaseid tootesoovitusi, mis panevad teid mõtlema, kas olete õigel tootelehel.
Veebisaidi ostuprotsessis võiks kasutada ka ulatuslikku ümberkujundamist.
Kuidas seda parandada?
Sadade tuhandete tootelehtede ümberkujundamine pole lihtne ülesanne. Tõenäoliselt pole see põhjus, miks Amazon pole kaalunud oma tootelehtede uut paigutust. Siiski usume, et nad saavad konkurentidelt palju õppida, näiteks Best Buy, mis kasutab kasutajasõbralikumat disaini.
Täisekraanipaigutuse asemel kasutab Best Buy tootelehtede karbikujundust. Toote erinevad variatsioonid on küljel ka kenasti välja toodud. Ja tootekirjeldused vormistatakse hõlpsaks skannimiseks erinevateks osadeks. Nii kujundate korraliku tootelehe.
7. IMDb
IMDb või Interneti-filmide andmebaas on Go-to-platvorm, kus saate õppida kõike filmide ja telesaadete kohta. Veebisait võtab iga kuu vastu rohkem kui 500 miljonit külastajat.
Kui külastate IMDb-i kodulehte, tundub see hämmastav. Sellel on täisekraani kujundus koos tumedate värvidega. Ja suured filmide ja telesaadete eelvaated selle sisu hõlpsaks uurimiseks.
Kuid oodake, kuni avate tootelehe. Erinevus IMDb-kodulehe ja tootelehe vahel on nagu öö ja päev.
Miks see veebisait tundub halb?
Ehkki IMDbi veebisaidi kodulehte muudeti hiljuti, on selle filmide ja telesaadete tootelehe paigutused jäänud samaks. Selles paigutuses kasutatakse väga kitsast kasti kujundust. See muudab lehed segaduses ja leheküljel navigeerimise ning lisateabe leidmise keerukamaks. Fondi kohutav valik raskendab ka selle sisu lugemist.
Kuidas seda parandada?
IMDb saab kindlasti õppida mõned õppetunnid Metacriticu lehekujundusest.
Metacritic kasutab puhast ja täisekraanilehe kujundust. Üksikasju ja kirjeldusi on kergem lugeda. Ja pakub selget navigeerimist visuaalsete elementidega. Sama disainikäsitlus sobiks hästi ka IMDb-ga.
8. Vikipeedia
Vikipeedia on iga kuu enam kui 1, 3 miljardi külastajaga, mis on üks populaarseimaid veebisaite Internetis, mida kõik on vähemalt korra oma elus külastanud.
Veebisait vajab siiski põhjalikku uuendamist, et muuta see tänapäevasemaks ja praegusele vaatajaskonnale atraktiivseks.
Miks see veebisait tundub halb?
Kuna Vikipeedia on mittetulunduslik veebisait, mida hooldatakse annetuste abil, ei saa me selle kujunduse suhtes liiga karmid olla. Lõppude lõpuks pakub see avalikku teenust.
Siiski usume, et selle artiklite lehtede parem kujundus võib osutuda palju kasulikumaks ja kasutajasõbralikumaks. Eriti noorema publiku meelitamiseks.
Artiklite sisu vormistamine nõuab palju tööd. Vikipeediaartiklid kasutavad täisekraani kujundust ja selle tulemusel on tekstilõigud liiga pikaks venitatud. Ja muudab selle lugemise keeruliseks.
Eelkõige vajab sait korralikku navigatsioonisüsteemi.
Kuidas seda parandada?
Ehkki Britannica päevad on möödas, saab Vikipeediast siiski mõned nipid nende veebisaidi kujundusest õppida.
Näiteks Britannica lehe paigutustel on kleepuv navigeerimispaneel, kus kasutajad saavad liikuda artikli erinevatele jaotistele. Sellel on ka palju parem lehekujundus ja parem vormindamine, mis parandab loetavust.
Kui Vikipeedial oleks selline kujundus, siis kulutame saidil rohkem aega selle sisu lugemisele.
9. Edendava tehnoloogia ülikool
Olime üsna šokeeritud, kui leidsime veebisaidi, mis nägi välja kuuluv ülikoolidele, mis on spetsialiseerunud “tehnoloogiate arendamisele”. Millegipärast näib ülikool olevat paljude aastate jooksul edusammud veebidisaini tehnoloogia valdkonnas kahe silma vahele jätnud.
Miks see veebisait tundub halb?
Alustuseks hämmastab meid animeeritud pöörlev navigeerimismenüü. Kui unustate võimaluse klõpsata mõnel üksusel, peate ootama, et see teeks teile täieliku ringi. Vaieldamatult on see kõige masendavam navigatsioonikujundus, mida me kunagi näinud oleme.
Kuidas seda parandada?
Peamine põhjus, miks keegi külastab kolledži veebisaiti, on õppida tundma kolledžit ennast, selle programme ja kursusi. See hõlmab kolledži ringreisi näitamist. Sealhulgas kategooriline navigeerimine kursuste hõlpsaks leidmiseks. Ja lehed õpetajate ja kolledži maine kohta. Seda kõike pole sellel veebisaidil õnnestunud täita.
Stanfordi ülikooli veebisait on hea näide selle töö saavutamisest.
10. W3koolid
W3Schools on populaarne veebiressurss koodide õppimiseks. See on tuntud sait paljudele veebidisaineritele ja programmeerijatele, nii algajatele kui ka ekspertidele. Sama veebisaidi kohaselt on sait üsna populaarne. See võtab iga kuu vastu üle 50 miljoni külastaja.
See sisaldab suurt kogust informatiivseid kursusi, kuid kursuste lehtede kujundus võiks natuke parandada.
Miks see veebisait tundub halb?
W3Schools kursustel on lühitunnid, kuid otsese praktilise lähenemisega. See hõlmab igal kursusel õpitu harjutamist koodiredaktori abil.
Koodiredaktor peab toimimiseks siiski eraldi laadima. See tähendab, et õppetunni saamiseks peab brauseris olema avatud kaks vahekaarti.
Kuidas seda parandada?
Parem viis veebipõhise õppeplatvormi kujundamiseks, eriti kodeerimise kursuste jaoks, on pakkuda reaalajas eelvaatega liivakast õpilastele, kellega mängida. See on täpselt see, mida CodeAcademy teeb.
Igas CodeAcademy kursuste õppetunnis on kolm paneeli, kus tund on üksikasjalik koos koodiredaktori ja reaalajas eelvaatega. See annab õpilastele palju lihtsama võimaluse õppida praktilisema lähenemise abil. See on täpselt see, mida W3Schools vajab.
Kokkuvõtteks
Kui kõigilt nendelt veebisaitidelt on midagi õppida, siis on teie kaubamärgi ja ettevõtte veebis esinemise eest hoolitsemine tänapäeval olulisem kui kunagi varem. Nagu ülal näete, on halb veebisaidi kujundamine kõik, mis vajalik, et keegi saaks brändist vale mulje. Loodame, et need ettevõtted jõuavad lõpuks oma mõistmiseni ja uuendavad oma veebisaite vähemalt selle kümnendi jooksul.
){kind=link}