Webdesignkritikk nr. 15: Vi kan betjene bilen din
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 We Can Service Your Car.
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 "Vi kan betjene bilen din"
”Kundene våre er kjernen i det vi gjør. Vi er her for å fjerne all røyk og speil som gir motorhandelen et dårlig navn. Service på biler har endret seg og virksomheten vår er helt i tråd med den nye tilnærmingen til service av biler. Vi trives med å spare våre kunder penger, levere best mulig service og gi dem tillit til det vi sier. ”
Her er nettstedets hjemmeside:
Dette er et interessant nettsted og bør gi oss mange punkter å diskutere. La oss hoppe rett inn og analysere nettstedet stykke for stykke.
Bakgrunn
Nettstedets bakgrunn er denne blåkopi-kugleillustrasjonen. Det er mest dekket av innholdet, men det kikker gjennom nok til at du kan fortelle hva som skjer.
Biler er ikke det første som springer inn i hodet mitt når jeg tenker på tegninger, men referansen til maskiner får det til å fungere. Jeg elsker grafikken som et frittstående stykke, men jeg tror det kan tones litt ned på nettstedet for å forhindre visuell forvirring. Jeg anbefaler å redusere opaciteten litt mer slik at den bare knapt er synlig. Du kan vurdere å skalere den litt ned også.
Overskrift
Når vi ser på overskriften, kan vi øyeblikkelig se temaet som vil bære på hele nettstedet. Avrundede hjørner med dråpe skygger, vekslende nyanser av blått med noe hvitt kastet inn og fet typografi.
Mitt første inntrykk var at navigasjonen virket stor. Dette kombinert med billogo gjør at dette plutselig føles som en barneside. Imidlertid inkluderer målmarkedet ditt eldre individer som ikke kan jobbe på en bil selv eller andre ikke-tekniske typer. Hvis dette er tilfelle, vil de store knappene sannsynligvis bli verdsatt av brukerne dine. Noen ganger trumfer brukbarhet estetikk. Bare sørg for å vurdere hvem det er du først og fremst designer for, og prøv å appellere til deres behov.
Tilbake til billogoen. Jeg liker konseptet, det har mye personlighet. Imidlertid er utførelsen ikke den beste. Jeg er ikke sikker på hvordan jeg kan fikse den uten å utforme den fullstendig, men det kan hende at personen som opprettet logoen kommer med noen få alternative skisser. Hvis du bestemmer deg for å holde deg med gjeldende logo, må du bare huske å rydde opp i kantene. De er for øyeblikket litt taggete og pixelerte, spesielt rundt frontrutaområdet.
Velkommen
Det neste området på siden formidler effektivt mye informasjon på et lite sted. Kulepunktene er både effektive og effektive her, og de kontinuerlige rullende bilprodusentens navn i bunnen forsterker “hvilken som helst bil” -aspekt.
Designeren har valgt å få inn litt rødt her for vektlegging. Det bryter med fargeskjemaet og fanger derfor oppmerksomheten din med en gang. Jeg liker trekksitatet og hvordan det er perfekt justert på toppen og bunnen med kulekopien.
Problemet med dette området, og faktisk mye av nettstedet, er det visuelle hierarkiet. Som sagt hjelper den røde med å understreke de riktige poengene, men alt annet her konkurrerer fremdeles om oppmerksomhet fremfor oppsett for å ha en klar avgrensning av viktighet.
For eksempel er all teksten på nettstedet fet ... alt sammen. Fet tekst er flott for å legge vekt der det trengs, men et problem oppstår når du tar det for langt: Hvis alt er spesielt, er ingenting spesielt. Jeg anbefaler å revurdere typografivalgene dine og redusere vekten på det meste av teksten, og bare la de viktigste delene være dristige.
Videre gjelder begrepet hierarki også størrelse. Legg merke til hvordan overskriften "Velkomst" er i samme størrelse (eller nær) som kulekopien. Igjen ser vi en sak om å konkurrere om oppmerksomhet. Siden overskriften definerer og introduserer seksjonen, øker du størrelsen mens du reduserer kulepunktene.
Her er en rask og skitten mockup av denne seksjonen på nytt forestilt med bedre bruk av det visuelle hierarkiet. Du trenger ikke å gjøre det nøyaktig slik, bare fokusere på hvordan informasjonen er delt på en mye renere måte.
Innhold
Innholdsområdet er attraktivt og bringer inn litt vennlig fotografering, men lider av det samme problemet med all den uthevede teksten.
Et annet sentralt forslag her er å lage bildene og teksten rett under dem til en visuell enhet. Akkurat nå har du to distinkte visuelle elementer stablet oppå hverandre når de lett kunne blitt bundet sammen på en mer sammenhengende måte. Igjen, dette er raskt og skittent, men du får ideen.
bunntekst
La oss til slutt se på bunnteksten. Innholdet her er ganske enkelt, men det har blitt laget til å se mye mer sammensatt og forvirrende ut enn det egentlig er.
Først av alt, det røde virket på det hvite over, men det røde fungerer definitivt ikke på det blå. De to lyse fargene oppå hverandre er i konflikt i stedet for kontrast. Videre trenger teksten virkelig arbeid. Endre opp dristigheten litt, reduser prominensen til copyright-linjen og fikse den klossete søkeknappen som er langt lenger enn ordet som finnes inne (reduser bredden, sentrer teksten i knappen).
Den klebrig bunnteksten som holder telefonnummeret med deg når du blar, er en fin touch. Ofte når noen besøker nettstedet til en fysisk virksomhet, vil de bare ha en ting: telefonnummeret. Telefonnummeret her holder seg når du blar gjennom nettstedet, noe som gjør det nesten umulig å gå glipp av.
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.
