Nettdesignkritikk nr. 30: Grey Ang
Velkommen til vår 30. designkritikk! Hver uke tar vi en titt på en ny webside og analyserer designet. Vi vil påpeke begge områdene som er gjort godt i tillegg til de som kan bruke litt arbeid. Til slutt avslutter vi med å be deg om å gi dine egne tilbakemeldinger.
Dagens nettsted er Gray Ang, den personlige porteføljen til en webdesigner i Malaysia.
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 Gray Ang
“Jeg heter Grey, og er webdesigner og front-end utvikler basert på Kuala Lumpur, Malaysia. Jeg forsker, planlegger, designer og kode nettsteder. Jeg er gode venner med Photoshop og HTML / CSS / jQuery, og jeg gjør kunder, brukere og maskiner glade. ”
Her er et skjermbilde av hjemmesiden:
Som du kan se er nettstedet bygget på en fargerik spektrumbakgrunn med en tag-sky med redusert opasitet som inneholder ting som "webdesign" og "CSS3". Det du ikke får fra skjermdumpen, er at bakgrunnen også har et animert element. Det er flere uskarpe sirkler som flyter og piler rundt bak innholdet. Klikk på et av skjermbildene nedenfor for å komme innom nettstedet og se det i aksjon.
Dette nettstedet er faktisk ganske lite og enkelt, så vi tar en titt på hver av sidene og analyserer hvordan estetikken påvirker brukeropplevelsen.
Hjem
Jeg setter absolutt pris på arbeidet som gikk inn på nettstedets estetikk. Omgivelsene er ganske vakre. Problemet med å lage en så sammensatt bakgrunn er imidlertid at du til slutt må plassere innhold på toppen av det, og dette kan være en veldig vanskelig oppgave.
De store, falmede ordene i bakgrunnen reduserer lesbarheten til teksten på hjemmesiden. Hovedparagrafen er på ingen måte umulig å lese, men designet er ganske opptatt i tekstområdet, og tvinger brukerne til å jobbe litt hardere enn de normalt ville gjort.
Videre pleier det røde som brukes som en svevefarge og vekt på å gå seg vill i bakgrunnen. Dette er forståelig da det rett og slett ikke er lett å finne en farge som står i kontrast til en flerfarget bakgrunn. Du ønsker likevel å unngå visuell dissonans.
Den enkleste løsningen på alle disse problemene, og faktisk de fleste av dem vi vil diskutere i dag, kan være å ganske enkelt plassere en litt gjennomsiktig svart bakgrunn bak alt innholdet. Dette vil gi innholdet mer solid grunn å stå på, og vil gi designeren mulighet til å beholde den nåværende bakgrunnen.
Du kan også vurdere å legge til en slags overskriftsgrafikk til denne siden. Jeg likte veldig godt hvordan bildet på “Om” -siden skilte seg ut, og jeg tror den ideen kunne dupliseres her.
Om
Her ser vi en annen side som er ganske attraktiv, men som lider av de samme problemene som er nevnt ovenfor. Jeg liker den interessante utformingen på jobben her. Navigasjonen forblir fast mens det andre innholdet ruller og siden er delt opp i tydelig separate og pent arrangerte kolonner.
Om-siden deles inn i tre separate undersider: introduksjon, gjenoppta og "ting jeg gjør." Dette gjør at designeren kan passe inn ganske mye innhold samtidig som den primære navigasjonen er superenkle.
Virker
“Works” -siden er et flott arrangement av miniatyrbilder og tekst som igjen fører til dedikerte prosjektsider som vist nedenfor. Miniatyrbildene har en fin tykk kantbehandling som hjelper dem med å skille seg ut fra bakgrunnen og sitatet øverst til venstre er stort og dristig nok til å være lesbart.
Jeg synes imidlertid riktig innretting av det store sitatet er litt vanskelig. Alt på siden har en sterk venstreinnretning, og selv om det ofte er effektivt å bevisst bryte en regel som denne, tror jeg ikke det fungerer her. Den generelle formen på avsnittet er uregelmessig, noe som gjør det ganske vanskelig å lese med riktig justering.
Kontakt
Den siste siden på siden er "Kontakt" -siden. Denne inneholder noen få avsnitt tekst og et enkelt, men stilig kontaktskjema. Det første jeg la merke til her, var at sitatet øverst på siden føles litt av. Du kan prøve å venstrejustere den uavhengig av sitatene slik at “T” i “The” og “m” i “miles” danner en hard linje. Dette skal hjelpe venstre justering til å føle seg litt sterkere enn den gjør for øyeblikket.
Videre er feltene i formen så gjennomsiktige at de nesten er usynlige. Igjen, dette kan se bra ut, men brukervennligheten lider. Husk at estetikken til en side har et hovedmål: å fremheve innholdet på en attraktiv måte. Designet ditt skal tjene til å øke brukervennligheten, ikke ofre den i stilens navn.
Når du klikker på et felt for å begynne å skrive, øker opaciteten og det blir mye mer merkbar. Jeg vil foreslå å sette denne opaciteten til standardtilstanden og øke den ytterligere når den er valgt.
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å respektere nettstedets designer og tilby klare konstruktive råd ugyldige for harde fornærmelser.
