Webdesignkritikk nr. 26: iPhone Toolbox
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 side er iPhone Toolbox.
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 iPhoneToolbox
"Vi samler de beste iphone-ressursene inkludert bakgrunnsbilder, ikoner, iphone-applikasjoner og nyheter for iPhone-fans. iPhone Toolbox oppdateres også daglig. "
Her er en del av hjemmesiden:
Førsteinntrykk
Min første reaksjon på dette designet er blandet. Det er en sterk start her. Innholdet er organisert i modulære enheter, noe som betyr at hjemmesiden kan inneholde massevis av forskjellig innhold. Dette er et ganske sterkt fundament å bygge og er en god start.
Nettstedet føler seg imidlertid en liten kakekutter. Med det mener jeg at det virker som om innholdet ble tvunget til en mal i stedet for at nettstedet ble designet rundt innholdet. Malene er gode og kan spare deg for mye penger, men du ofrer mye merkevaremulighet ved å velge en med et så vanlig design.
La oss se nærmere på noen få områder på nettstedet som kan gjøre noen forbedringer.
Logoen
Jeg er riktignok ganske kresen når det kommer til oppløsning og finner meg selv å komme med det samme forslaget på flere kritikker. Logoen din er den første og primære representasjonen av nettstedet ditt som besøkende vil støte på. Du vil derfor at den skal være så skarp og skarp som du muligens kan. Logoen her er litt på den uklare siden.
Bildet er allerede en PNG, men det ser ut som en JPG med lav oppløsning. PNG-er er i stand til å beholde en imponerende mengde detaljer og klarhet, så jeg ser for meg at problemet ligger i PSD-en din. Forsikre deg om at du bygger filen i riktig størrelse, og ikke start med små ressurser som du må strekke deg for å være større.
Hvor er vektleggingen?
Et av de primære problemene med å bruke en slik modulær utforming er at det er lett å miste hierarki. I stedet for en tydelig avgrenset kommunikasjonsstruktur, har du flere elementer med lignende vekt som konkurrerer om oppmerksomhet. Ta en titt på bildet nedenfor og tenk på hvor vektleggingen ligger. Hvilken del av nettstedet trekker mest oppmerksomhet?
Hvis du spurte hundre mennesker, vil du sannsynligvis få flere forskjellige svar. Det er rett og slett ikke noe sterkt utgangspunkt. Hvis noe, er annonsen opp det sterkeste visuelle elementet og forvirrer seerne om hvorvidt meldingen reklamerer for tjenestene dine eller andres.
Husk at god design skaper en klar vei for seerne å følge. De kan gå av fra banen hvis de ønsker det, men et sterkt forslag bør være der. Led dem fra det ene stedet til det andre, så holder de seg interessert, kaster dem inn i et basseng med innhold og de lukker siden og går videre.
Jeg anbefaler at du oppretter en tydeligere overskrift for nettstedet, enten det er ren merkevarebygging eller en større "kjennetegnet" -del, bare lag noe som strekker seg over bredden på nettstedet som kan tjene som et sterkt visuelt utgangspunkt.
Justering
Boksene som inneholder hovedinnholdet, skaper en klar justering for stedet, både på venstre og høyre side. Denne linjen følges helt ned på siden, men blir krenket øverst. På bildet nedenfor har jeg vist dette ved å tegne to linjer som går opp fra hovedinnholdet.
Som du ser, stemmer ganske enkelt ikke annonsen og navigasjonen riktig med innholdet på nettstedet. Dette har effekten av at nettstedet ser litt slurvete ut og skyver ideen om at annonsen var en ettertanke som ble tvunget inn i designet. Jeg foreslår å justere annonsen med resten av innholdet og flytte navigasjonen slik at "Hjem" stemmer overens med resten av innholdet under den.
Siste tanker
Annet enn det klarer nettstedet ganske bra. Justeringene er sterke under resten, det er noen kule sveveeffekter som viser hvordan et bakgrunnsbilde ser ut på en iPhone, bakgrunnsbilder har en fin hjørnebehandling på bildene og sidefoten ser flott ut.
Noen andre ting som eventuelt kan adresseres, inkluderer tekststørrelse (føles litt liten), de avrundede hjørnene (litt taggete) og navigasjonen (gjentatte farger). Til slutt kan du vurdere å legge til noen viktige kontrastpunkter til siden. Forslag til overskrifter som jeg kom med tidligere, kunne være virkelig iøynefallende hvis det var en veldig mørk grå eller svart strukket hele siden. Kontrast er en flott måte å legge til variasjon og visuell interesse for et design.
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.
