Nettdesignkritikk nr. 43: Mage på jobben
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 kritikk er Abdominals at Work, et nettsted for iPhone-applikasjoner.
Utforsk designressurser
Hvis du ønsker å sende inn nettstedet ditt for å bli vist i en fremtidig designkritikk, tar det bare noen få minutter. Vi belaster $ 34 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 abdominals at Work-appen
“Passiv metode for isometriske sammentrekninger. Hvis du bruker mye tid foran en datamaskin eller fjernsynet, kan du bruke denne metoden til å jobbe magemusklene mens du utfører andre oppgaver. Du velger tid og sted, og applikasjonen vil lære deg hvordan du gjør øvelsen, og markerer rytmen din og intensiteten ved å vibrere eller melodi på en diskret måte. ”
Her er et skjermbilde av hjemmesiden:
Førsteinntrykk
De første tankene mine på denne siden var ganske positive. Jeg liker det generelle utseendet på nettstedet, og hvordan det speiler det i appen. En skyet himmelscene antyder absolutt ikke trening for meg, men appen handler liksom om å trene på en avslappende måte, så jeg antar at det hele knytter seg godt sammen.
Fargene og grafikken er ganske vennlige og skaper et innbydende miljø. Min favorittaspekt er hvor enkelt innholdet ble holdt: bare en iPhone med noen skjermbilder, en kort beskrivelse, noen måter å dele og en fremtredende lenke til iTunes-butikken der du kan finne ut mer og laste ned appen. Det er akkurat nok til å interessere deg uten å overvelde deg.
Selv om jeg liker appens generelle retning, har jeg som alltid mange forslag til forbedringer. La oss bryte ned noen spesifikke områder for å se hvilke positive endringer som kan gjøres.
Lyd
Alle som noen gang har sendt en forespørsel til oss om en designkritikk for et nettsted som inneholder lyd, får de samme rådene. Jeg foretrekker alltid at nettstedutviklere gir besøkende muligheten til å legge til lyd i utgangspunktet i stedet for å ta den bort. Nettlesing er en typisk rolig opplevelse og plutselig høye lyder vil ikke gjøre de besøkende noe annet enn sinte.
Dette nettstedet gjør riktignok mye bedre enn de fleste på dette området. Selv om lyden begynner automatisk, er det i det minste et ganske rolig og avslappende havstema med fugler og bølger. Du kan også slå av lyden ved å klikke på det kvitrende fuglebildet nederst på siden.
Jeg har flere tanker om dette. Først måtte jeg bla for å finne den (selv om jeg riktignok er på en liten MacBook-skjerm). Hvis noen besøker nettstedet ditt på jobb, på et bibliotek eller på et annet offentlig sted, vil du ikke at de trenger å krypre mens de pinlig prøver å finne en måte å slå den av. Du skulle tro at brukeren bare trykket på dempeknappen deres, men oftere vil de sannsynligvis bare lukke vinduet så raskt som mulig.
Videre kan jeg definitivt se hvordan fuglen med musikknoter som kommer ut av den antyder en lydkontroll, men den har en uheldig likhet med en Twitter-fugllenke som vi nå ser på omtrent alle nettsteder på nettet. Dette gjør at det ikke umiddelbart vises at fuglen er lydkontrollen fordi det ikke er noen tekst som forsterker meldingen.
Det enkle rådet her er, hvis du skal holde deg til automatisk avspilling av lyd, må du sette kontrollen øverst på siden og gjøre det tydeligere hva det gjør. Jeg foreslår en måkegrafikk (Twitter-fuglen stemmer ikke overens med havets tema) og en "lyd av / på" -melding i nærheten av fuglen. Få også musikknotat-animasjonen til å stoppe når nettstedet er dempet, og start når lyden er på i stedet for bare å fortsette hele tiden.
animasjon
I tillegg til lyden har siden flere flytende skyer som driver forbi både foran og bak innholdet. Dette tilfører litt moro på siden og er riktignok mer interessant enn statisk grafikk.
For det meste hindrer skyene ikke brukbarhet, men de forstyrrer noen ganger tekstens lesbarhet. I likhet med alle loopede animasjoner kan de bli litt ensformige hvis du bruker så mye tid som jeg har stirret på siden! En solid ide som vi så på ToonyTuts-kritikken, var et enkelt kontrollikon med to ikoner for å stoppe musikken og / eller de animerte skyene. Nettstedets tema var veldig lik dagens side, så jeg tror en lignende kontroll ville fungert perfekt her.
Meldinger og tekst
Jeg synes nettstedet gjør en god jobb med å gjøre det veldig tydelig at vi diskuterer mageøvelser. Imidlertid kan det være litt på teknisk side for en så morsom side. Tenk på hovedoverskriften "Passiv metode for isometrisk sammentrekning." Det er fint og høyt, men har det ikke en vennlig ring til det?
Du trenger ikke å grøfte denne meldingen, men kanskje vurdere å innlemme den i avsnittet til fordel for en mer interessant overskrift som "Bygge en sekspakke mens du ser på tv!" Dette er på ingen måte det beste eksemplet, men det blir kjernen i mitt forslag. En overskrift som denne trekker deg inn og får deg til å ønske å lære mer i stedet for å slå deg av fordi du føler deg dum og ikke har din Tesaurus hendig.
Det kanskje største problemet jeg har med hele siden er den gule teksten på den blå bakgrunnen. Disse to fargene kolliderer stor tid på den lille teksten og gjør denne informasjonen veldig vanskelig å lese.
Problemet er den klassiske konflikten vs. komplementet i fargeteori. Når to farger ganske enkelt ikke er forskjellige nok, har de en tendens til å komme i konflikt med hverandre, spesielt når den ene er plassert over toppen av den andre. Tenk på eksemplet nedenfor, og hvor mye mer leselig den lysere, mindre mettede gule teksten er enn versjonen som går foran den.
Nå innser jeg at dette faktisk er fargene fra appen din, så det er ikke logisk å endre dem på nettstedet. Mitt forslag er derfor å bare skrape den gule vektleggingen på teksten og bruke noe annet, fet tekst, en understreking osv., Som ikke forstyrrer lesbarheten.
iPhone
IPhone-grafikken med lysbildefremvisningen er ekstremt populær for nettsteder for iPhone-apper, og med god grunn. Det gjør det umiddelbart klart hva nettstedet handler om. Jeg tror imidlertid at dette kan finpusses litt.
Til å begynne med har de små prikkene som fungerer som lysbildefremvisning en snurrende lastesirkel ved siden av. Denne lille animasjonen stopper aldri, så hvilket formål tjener den? Når jeg ser den snurre, antyder dette at siden ikke er ferdig med lasting (vi har blitt lært at dette er hva denne grafikken betyr), og når den aldri er ferdig med lasting, får det til å føle at nettstedet ditt er ødelagt. Kort sagt, denne grafikken er distraherende, forvirrende og tjener ikke noe praktisk formål, fjern den.
Som en liten irritasjon kan ikke Apple nørd i meg la være å legge merke til at iPhone-bildet er utdatert. IPhone 5 er nesten over oss og dette nettstedet har fremdeles ikke en grafikk av iPhone 4 ennå. Jeg vet, det er latterlig å måtte følge med på dette, men siden siden faktisk er for en iPhone-app, kan dette være viktig. Å ha utdaterte bilder får appen til å føle seg gammel og utdatert, noe som får meg til å tenke meg om to ganger før jeg kjøper den!
Navigasjon
En siste tanke om nettstedet er at navigasjonen virkelig virker som en ettertanke. Den inneholder lenker som endrer det tekstlige innholdet på siden med informasjon som er relevant for besøkende, men av en eller annen grunn er det liten og skjult vei nede i bunnteksten.
Hvis dette virkelig var noe mindre, ville jeg ikke ha noe imot det, men det virker faktisk viktigere enn designeren ga det æren for. Den enkle løsningen er å kaste den på den typiske plasseringen helt øverst på siden og forstørre teksten litt.
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.
