10 nettsteder vi vil gjerne se omdesignet i 2020 (og hvorfor)
Ulike designere har forskjellige tar på seg hva som gjør et flott nettsted. Men en ting vi alle kan være enige om er popularitet som aldri gjør et nettsteddesign stort. Vi har bevis.
I dag tar vi en titt på noen få populære nettsteder eid av kjente selskaper og merker. Disse nettstedene mottar millioner av besøkende hver måned. Og de er velkjente over hele verden. Alle disse nettstedene har en ting til felles - de kan alle bruke litt av en visuell forfriskning!
Selv om webdesign har kommet så langt som en bransje og har utviklet seg med fantastiske nye teknologier, er det selskaper som fortsatt bruker utdaterte nettsteddesign.
Vi er usikre på om disse merkene er redde for endring eller rett og slett ikke prioriterer design like høyt. Uansett tror vi at disse nettstedene må forbedres til beste for brukerne. Fortsett å lese for å finne ut hvorfor.
Utforsk designressurser
1. Craigslist
Craigslist er en av de mest populære rubrikkannonsene nettsteder på Internett. Craig Newmark startet Craigslist som en enkel e-postliste tilbake i 1995 og gjorde den til et nettsted i 1996. Ut fra tingenes utseende er det trygt å anta at nettstedet kanskje bruker samme design som de brukte tilbake i 1996.
I følge SimilarWeb mottar Craigslist over 360 millioner besøkende hver måned. Likevel har den en av de verste nettsteddesignene du noen gang vil se. Craigslist webdesign består av alle feilene du ønsker å unngå når du designer et nettsted.
Hvorfor dette nettstedet ser dårlig ut?
For det første har Craigslist et veldig uoversiktlig design uten visuelle signaler eller retningssans. Nettstedet består av ikke annet enn tekst. Likevel er skriften altfor liten og gjør den vanskelig å lese. Den lyse blå fargen på skriften hjelper absolutt ikke til å forbedre lesbarheten.
Fremfor alt er ikke webdesignen responsiv. Det ser forferdelig ut når det blir sett på skjermer med forskjellige oppløsninger. Hele prosessen med å bla gjennom annonselister, formdesign for å legge ut annonser, og nesten alle andre aspekter av nettstedet, må desperat forbedres.
Hvordan kan det forbedres?
Selv å endre skrifttype og skriftfarge kan anses som en forbedring for Craigslist på dette stadiet. En bedre måte å finne inspirasjon på er å se på nettstedet Gumtree.
Gumtree er Storbritannias største nettsted for rubrikkannonser. Og dets moderne webdesign har alt vi vil se på et rubrikknettsted. Den har et brukervennlig design med en bedre søkefunksjon, filtre for å begrense søket, bedre forhåndsvisninger og beskrivelser for skanning av annonser og mer.
2. AOL
AOL pleide å være den største plattformen på Internett og et selskap som eide de fleste verktøyene alle brukte på dagen. Det hadde potensialet til å være noe utrolig. Men med økningen av konkurrentene, mistet AOL oversikten over tid og klarte ikke å utvikle seg med de nåværende behovene til brukerne.
I dag vet folk knapt hva AOL er. Selv vi ble overrasket over å se nettstedet fremdeles i gang. Ifølge SimilarWeb mottar AOL fremdeles godt over 200 millioner besøkende hver måned. Ved første øyekast ser nettstedet bra ut. Så hvorfor tror vi at dette må gjøres om?
Hvorfor dette nettstedet ser dårlig ut?
Som alltid ser det fortsatt ut til at AOL spiller opp med moderne brukergrensesnittdesign, men selskapet er fremdeles noen år bak. Det har fortsatt et uoversiktlig design fylt med så mange ting fra nyheter til værunderholdning og mer. Alle som besøker nettstedet vil umiddelbart bli forvirret av hvor de skal gå og hva de skal gjøre.
Da vi besøkte nettstedet, ble vi bombardert med en autospillende video med auto-lyder. Ikke gjør feilen ved å bruke AOL til å søke på noe mens du er på jobb.
Unødvendig å si, du vil lett bli distrahert når du besøker AOL.
Hvordan kan det forbedres?
AOL nettsted kan minne deg om en annen populær søkemotor. Yahoo! pleide å ha et veldig likt design. Men ikke nå lenger. Til og med Yahoo! visste når jeg skulle utvikle seg.
Hvis det er en ting AOL kan lære av konkurrentene som Google, Bing og DuckDuckGo, er at folk foretrekker søkemotorer med minimalt design uten distraksjoner. Derfor Yahoo! byttet også til et minimalistisk nettsteddesign.
3. Hacker News
Hacker News er som Reddit for startups, programmerere og gründere. Et enkelt innlegg på Hacker News kan bety forskjellen mellom å få oppstartsideen din finansiert eller fullstendig ødelagt.
Nettstedet er et av de største nettstedene for nyhetsaggregatorer som er tilgjengelig i dag, med mer enn 12 millioner mennesker som besøker hver måned. Likevel har den fortsatt den samme designen som den brukte i 2007.
Hvorfor dette nettstedet ser dårlig ut?
Hacker News gjør de samme feilene som Craigslist har gjort. Den eneste gode egenskapen vi kan tenke på i sammenligning er at dette nettstedet bruker en sans-serif font med en farge som er lett for øynene.
Imidlertid har nettstedet fremdeles et uvennlig design som må moderniseres. Den største feilen som nettstedet har gjort, er at trådene som vises på hjemmesiden, lenker direkte til kildesiden. Du kan ikke åpne Hacker News-tråden ved å klikke på tittelen.
I tillegg vil vi gjerne se at det tar en mer visuell tilnærming. Samtidig med å optimalisere designet for mobile enheter.
Hvordan kan det forbedres?
Husker du når Reddit pleide å ligne Hacker News? Heldigvis har Reddit nylig fornyet nettsteddesignet, og det ser nå mye bedre ut enn det noen gang var.
Hacker News kan også ta i bruk et lignende design som Reddit. Det trenger ikke å være så visuelt, men nettstedet vil definitivt se bedre ut når tråder er uthevet og atskilt fra hverandre. Og la brukerne åpne diskusjonstrådene ved å klikke på tittelen.
4. Berkshire Hathaway
Kan du tro at dette er den offisielle hjemmesiden til et multinasjonalt selskap som eier mer enn 700 milliarder dollar verdier og tjener en nettoinntekt på over 4 milliarder dollar?
Berkshire Hathaway er et selskap som eies av Warren Buffet, en av de rikeste menneskene i verden. Likevel er det vanskelig å tro at han ikke hadde råd til noen hundre dollar for å redesigne nettstedet.
Hvorfor dette nettstedet ser dårlig ut?
Hvor begynner vi? Det er så mange ting galt med dette nettstedet. Først av alt, det forteller deg ikke hva nettstedet eller selskapet handler om. Fordi den ikke har en "om" -side.
Nettstedet fungerer som en liste over lenker som viderekobler brukere til andre nettsteder for å lære om dagens status for selskapet. De fleste av dem kunne lett blitt inkludert på hjemmesiden og redde brukere problemer med å laste andre nettsteder.
Det verste av alt er at nettstedet også promoterer et annet bilforsikringsnettsted på hjemmesiden.
Hvordan kan det forbedres?
På dette tidspunktet bør det å være nok med å legge til en liten beskrivelse av selskapet være nok til å forbedre dette nettstedet. Men det kan ta litt inspirasjon fra et annet multinasjonalt selskap som Shell Global.
Berkshire Hathaway kan også bruke en lignende og mer visuell design for å unngå å gi folk et galt inntrykk av selskapet. Og forhåpentligvis kan du gjøre nettstedet til et sentrum av informasjon for investorene og det generelle publikum.
5. Alfabet
Alphabet er morselskapet til Google og det har mange andre merker og selskaper under navnet. Nettstedet er imidlertid et eget mysterium.
Hvorfor dette nettstedet ser dårlig ut?
Vi hadde noen spørsmål når vi besøkte nettstedet til alfabetet. Hvis “G” står for Google, hvilke andre selskaper eier det? Hvem er administrerende direktør i selskapet? I stedet for å lære om investorene dine, hvor kan vi lære mer om selskapet og hva du står for?
Så mange spørsmål ubesvart på grunn av den ultra-minimalistiske utformingen av nettstedet. Vi kan forstå at selskapets grunnleggere gjør ting annerledes. Men en bedriftsnettsted skal kunne gi informasjon om virksomheten.
Hvordan kan det forbedres?
Selv om IBM ikke er en direkte konkurrent til Alphabet og ikke en gang har et veldig moderne nettsted, tror vi Alphabet kan lære mye av nettsteddesignet deres.
IBM bruker et enkelt navigasjonssystem for å la brukere lære om sine produkter og tjenester. Enda viktigere er at den har en "om" -side som beskriver hva selskapet handler om. Alfabetet kan bruke noen få av disse funksjonene på nettstedet.
6. Amazon
Amazon kom langt siden lanseringen for å bli verdens største detaljhandelsnettsted på Internett. Nettstedets design av nettet forble også den samme i mange år. Inntil nylig hvor det fikk en fornyet hjemmesidesign.
Imidlertid kan nettstedets produktsider fortsatt bruke noen forbedringer.
Hvorfor dette nettstedet ser dårlig ut?
Amazon produktsider har det mest frustrerende designet som kan forvirre deg hvis du er ny på nettstedet. Når du ser på et produkt, gjør sideoppsettet på fullskjerm det vanskeligere å utforske.
Produktbeskrivelsene er for lange og har ikke blitt formatert godt for lettere å lese. Når du blar ned for å lære mer om et produkt, blir du først bombardert med så mye oppsiktsvekkende og lignende produktanbefalinger som får deg til å lure på om du er på riktig produktside.
Kasseprosessen på nettstedet kan også bruke en massiv redesign.
Hvordan kan det forbedres?
Å designe hundretusenvis av produktsider er ikke en lett oppgave. Det er sannsynligvis derfor Amazon ikke har vurdert en ny layout for produktsidene sine. Vi tror imidlertid at de kan lære mye av konkurrentene som Best Buy, som bruker et mer brukervennlig design.
I stedet for en fullskjermoppsett bruker Best Buy en eske-design for produktsider. Ulike varianter av produktet vises også pent på siden. Og produktbeskrivelser er formatert i forskjellige seksjoner for enkel skanning. Slik designer du en riktig produktside.
7. IMDb
IMDb, eller Internet Movie Database, er go-to-plattformen for å lære alt om filmer og TV-serier. Nettstedet mottar mer enn 500 millioner besøkende hver måned.
Når du besøker IMDb-hjemmesiden, ser den fantastisk ut. Den har en fullskjermdesign med et mørkt fargetema. Og store forhåndsvisninger av filmer og TV-serier for enkelt å utforske innholdet.
Men vent til du åpner en produktside. Forskjellen mellom IMDb-hjemmesiden og en produktside er som natt og dag.
Hvorfor dette nettstedet ser dårlig ut?
Selv om hjemmesiden til IMDb-nettstedet ble nylig fornyet, har produktoppsettene for filmer og TV-serier holdt seg den samme. Denne utformingen bruker en veldig smal boksdesign. Dette gjør at sidene ser uoversiktlige ut og vanskeligere å navigere på siden og å finne mer informasjon. Det forferdelige valget av skriften gjør det vanskeligere å lese innholdet også.
Hvordan kan det forbedres?
IMDb kan absolutt lære noen få leksjoner fra Metacritics sidedesign.
Metacritic bruker et rent og fullskjermsdesign. Detaljene og beskrivelsene er lettere å lese. Og tilbyr tydelig navigering med visuelle elementer. Den samme designtilnærmingen vil også passe godt sammen med IMDb.
8. Wikipedia
Med mer enn 1, 3 milliarder besøkende hver måned, er Wikipedia en av de beste nettstedene på Internett som alle har besøkt minst en gang i løpet av sin levetid.
Nettstedet trenger imidlertid fortsatt en større fornyelse for å gjøre det mer relevant i dag og tiltalende for nåværende publikum.
Hvorfor dette nettstedet ser dårlig ut?
Siden Wikipedia er et non-profit nettsted som vedlikeholdes ved hjelp av donasjoner, kan vi ikke være for harde på utformingen. Det er tross alt en offentlig tjeneste.
Vi tror imidlertid at et bedre design for artikkelsidene kan vise seg å være mye mer nyttig og brukervennlig. Spesielt for å tiltrekke seg yngre publikum.
Innholdsformateringen av artiklene trenger mye arbeid. Wikipedia-artikler bruker fullskjermdesign, og som et resultat blir tekstparagrafene strukket for lenge. Og gjør det vanskelig å lese.
Fremfor alt trenger nettstedet et ordentlig navigasjonssystem.
Hvordan kan det forbedres?
Selv om Britannicas dager er over, kan Wikipedia fremdeles lære noen triks fra nettsteddesignet.
For eksempel har Britannicas sideoppsett et klebrig navigasjonspanel der brukere kan hoppe til forskjellige deler av artikkelen. Den har også et mye bedre sidedesign med bedre utforming som forbedrer lesbarheten.
Hvis Wikipedia hadde et design som dette, bruker vi mer tid på nettstedet på faktisk å lese innholdet.
9. University of Advancing Technology
Vi var ganske sjokkerte over å finne et nettsted som så ut som dette som tilhører et universitet som spesialiserer seg på å "fremme teknologier". På en måte ser det ut til at universitetet har gått glipp av mange års fremskritt innen webdesignteknologier.
Hvorfor dette nettstedet ser dårlig ut?
For det første er den animerte roterende navigasjonsmenyen det som frustrerer oss mest. Hvis du savner sjansen din til å klikke på et element, må du vente på at det skal komme en full sirkel tilbake til deg. Det er antagelig det mest frustrerende navigasjonsdesignet vi noen gang har sett.
Hvordan kan det forbedres?
Den viktigste grunnen til at noen besøker et universitetsnettsted er å lære om selve høgskolen, programmene og kursene. Dette inkluderer å vise frem en omvisning på høgskolen. Inkludert kategorisert navigasjon for enkelt å finne kurs. Og sider om lærerne og universitetets omdømme. Alt dette nettstedet har ikke klart å oppnå.
Stanford University nettsted er et godt eksempel på hvordan du får den jobben gjort.
10. W3Skoler
W3Schools er en populær online ressurs for å lære å kode. Det er et kjent nettsted for mange nettdesignere og programmerere, både nybegynnere og eksperter. I følge SimilarWeb er nettstedet ganske populært. Den får over 50 millioner besøkende hver måned.
Den har en stor samling informative kurs, men utformingen av kurssidene kan være litt forbedring.
Hvorfor dette nettstedet ser dårlig ut?
W3Schools-kurs har korte leksjoner, men med en direkte praktisk tilnærming. Dette innebærer å øve på det du lærer på hvert kurs ved å bruke en kodeditor.
Kodeditoren må imidlertid lastes separat for å fungere. Dette betyr at du må ha to faner åpne i nettleseren for å lære en leksjon.
Hvordan kan det forbedres?
En bedre måte å tilnærme seg online læringsplattformdesign, spesielt for kodingskurs, er å tilby en sandkasse med live-forhåndsvisninger for studenter å leke med. Dette er nøyaktig hva CodeAcademy gjør.
Hver leksjon i CodeAcademy-kurs har tre paneler der leksjonen er detaljert sammen med en kodeditor og en live-forhåndsvisning. Dette gir en mye enklere måte for studentene å lære med en mer praktisk tilnærming. Det er nøyaktig hva W3Schools trenger.
For å konkludere
Hvis det er en ting vi kan lære av alle disse nettstedene, er det at å bry seg om merkevaren og selskapets tilstedeværelse på nettet er viktigere i dag enn det noen gang har vært. Som du ser over, er dårlig webdesign alt det som trengs for at noen skal få feil inntrykk av et merke. La oss håpe at disse selskapene endelig kommer til orden og fornyer nettstedene sine, i det minste i løpet av dette tiåret.
){kind=link}