Nettdesignkritikk nr. 13: Årlige designpriser
Hver uke tar vi en titt på en ny webside og analyserer designet. Vi vil påpeke både områdene som er gjort godt, så vel som de som kan bruke litt arbeid. Til slutt avslutter vi med å be deg om å gi dine egne tilbakemeldinger.
Dagens side er Annual Design Awards.
Utforsk Envato Elements
Hvis du ønsker å sende inn nettstedet ditt for å bli vist i en fremtidig designkritikk, tar det bare noen få minutter. Vi belaster $ 24 for kritikk av designen din - betydelig mindre enn du betaler for en konsulent for å se på nettstedet ditt! Du kan finne ut mer her.
Om årlige designpriser
De årlige designprisene (kallenavnet ANNDAS) er en global anerkjennelse av nyskapende visuell kommunikasjon, satt opp for å belønne fremragende bidrag innen designindustrien. Vi har samlet noen av de mest fantastiske talentene og respekterte figurene fra hele verden for å dømme denne globale begivenheten som tar sikte på å bli de fremste designprisene og sette internasjonale standarder. ”
Her er et skjermbilde av hjemmesiden:
Overordnet design
Jeg vil begynne med å si at dette allerede er et flott nettsted. Jeg elsker det svarte i forbindelse med appelsinhopper. Denne enkle repetisjonen av en lys farge er med på å trekke brukerne øynene til de viktige delene av siden.
Oppsettet er solid og inneholder mye hvit plass. Dessuten er det visuelle volumet av gjenstandene godt spredt slik at de viktige områdene blir fremhevet.
Heldigvis ser det ut til at folk som bedømmer andres design har en sterk følelse av design selv! Nå som vi har analysert det hele, la oss dele det ned stykke for stykke.
Logoområdet
La oss starte på det mest åpenbare stedet: øverst til venstre. Her ser vi den årlige designprisen logo som en slags utstrålende sirkel grafikk.
Logoen er enkel, men effektiv. Det antyder et ungt og edgy publikum som ikke er så opptatt av rene linjer og kjedelig minimalisme (nettstedet er faktisk ganske rent, men på en snik måte).
Sirklene er en dristig idé utført på en subtil måte (smakfullt utført). Det er et veldig enkelt designelement som hjelper deg med å trekke oppmerksomheten til logoen og følgelig navnet på nettstedet. Dette vil ikke fungere på et uoversiktlig nettsted, men denne siden er enkel nok til at den ikke skaper visuelle rot og i stedet oppnår formålet sitt perfekt.
Navigasjon
Navigeringsområdet er ganske enkelt, bare tekst over en horisontal bjelke med pauser for hver seksjon.
Jeg liker veldig godt fontvalget her. Det føles som noe tilpasset med @ font-face, så jeg ble overrasket da jeg kikket på koden og så at det rett og slett var Georgia kursiv.
Når du svever over et avsnitt, markeres linjen i oransje. Dette er fint, men det føles litt rart at teksten ikke gjør noe så bra (dette er ganske nit-kresen, men på flotte sider må jeg snakke om noe!).
Jeg kan forstå hvorfor designeren ikke endret teksten så godt som det sannsynligvis vil bli litt vanskelig å lese liten oransje tekst på svart bakgrunn. Kanskje en veldig svak CSS-transform for å rotere teksten på svevet vil hjelpe. Det er ikke så farlig hvis det blir ignorert på eldre nettlesere og det ville være et fint nikk til logostilen.
Lysbilde
Jeg elsker lysbildefremvisning av JavaScript, så jeg synes denne delen er flott. Bildet glir til venstre når det dukker opp et nytt, og teksten har en fin uttoningseffekt. Jeg liker også veldig godt de transparente grensene og avlingsmerkene.
Imidlertid kutter ikke avspillingsknappen her. Jeg så en grafikk gå som jeg ville se på igjen, men hadde ingen måte å gå tilbake på. Derfor ble jeg tvunget til å vente på at den skulle komme igjen (noe som tok litt tid).
Jeg anbefaler å sette en linje med små sirkelikoner som lenker til hvert bilde. Det er enkelt og subtilt og gir brukeren en følelse av hvor de er i lysbildefremvisningen og litt kontroll over å se bestemte bilder.
Inngangsseksjon
Det neste avsnittet er der brukerne normalt vil registrere seg for å komme inn, men dette er foreløpig stengt som indikert av klistremerke-grafikken.
Den klebrig krenker designet (med vilje) fullstendig og gjør det slik at du ikke kan gå glipp av at innsendinger er lukket. Dette fungerer bra og informerer brukerne umiddelbart om informasjonen de trenger å vite.
Grafikken under klistret er imidlertid litt distraherende. Prisene virker merkelig plassert, med den ene som støter i den rektangelboksen til venstre og den andre ikke støter inn i den. Ikke sikker på nøyaktig hva som skjer her, men det virker litt av.
Bunntekst og kontaktskjema
Det siste området vi ser på er nederst på siden der du kan registrere deg for å motta informasjon. Det er også standard bunntekstkoblinger og sosial info under kontaktskjemaet.
Jeg liker at kontaktskjemaet ligger i her i stedet for på en dedikert side, og at det bare er to felt å fylle ut. Jeg la merke til at feltetikettene forsvinner når du klikker i ruten og ikke kommer tilbake når du klikker ut uten å skrive noe. Dette gir litt av et brukervennlighetsproblem da jeg klikket rundt på siden, men da var ikke sikker på hvilken boks som var for navnet og hvilken som var for e-posten da jeg kom tilbake.
Endelig ser bunntekstområdet bra ut, men jeg vil gjerne se noe mellom ordene "Følg oss" og det tilhørende ikonet. Akkurat nå er de litt klemt sammen.
Din tur!
Nå som du har lest kommentarene mine, kan du slå inn og hjelpe ved å gi designeren noen flere råd. Gi oss beskjed om hva du synes er flott med designet og hva du synes kan være sterkere. Som alltid ber vi deg også om å respektere nettstedets designer og tilby klare konstruktive råd uten alle vanskelige fornærmelser.
Er du interessert i å ha kritisert ditt eget nettsted? Du kan finne ut mer her.
