Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på både de områden som görs bra och de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är vi kan service din bil.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi debiterar $ 24 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att ta en titt på din webbplats! Du kan läsa mer här.
Om? Vi kan service din bil?
? Våra kunder är kärnan i vad vi gör. Vi är här för att ta bort all rök och speglar som ger motorhandel ett dåligt namn. Bilservice har förändrats och vår verksamhet är helt anpassad till det nya tillvägagångssättet för bilservice. Vi trivs på att spara våra kunder pengar, leverera bästa möjliga service och ge dem förtroende för vad vi säger.?
Här är webbplatsens hemsida:
Detta är en intressant webbplats och borde ge oss massor av poäng att diskutera. Låt oss hoppa in och analysera webbplatsen för bit.
Bakgrund
Webbplatsens bakgrund är den här illustrationen för tavlan. Det är mestadels täckt av innehållet men det tittar igenom tillräckligt för att du kan berätta vad som händer.
Bilar är inte det första som dyker upp i mitt huvud när jag tänker på ritningar, men referensen till maskiner gör det till jobbet. Jag älskar grafiken som en fristående bit, men jag tror att det kan tonas ner lite på webbplatsen för att förhindra visuell förvirring. Jag rekommenderar att du minskar opacitet lite mer så att den bara är knappt synlig. Du kan kanske överväga att skala ner det också.
Rubrik
När vi tittar på rubriken kan vi genast se det tema som kommer att bära över hela webbplatsen. Avrundade hörn med fallskuggor, växlande nyanser av blått med lite vit kastad in och djärv typografi.
Mitt första intryck var att navigeringen verkade enorm. Detta kombinerat med billogotyp gör det plötsligt som en barns webbplats. Men din målgrupp kanske innehåller äldre individer som inte längre kan arbeta på en bil eller andra icke-techy typer. Om så är fallet kommer de stora knapparna förmodligen att uppskattas av dina användare. Ibland användbarhet trumma estetik. Var noga med att ta reda på vem det är du utformar för första gången och försöker vädja till deras behov.
Tillbaka till bilens logotyp. Jag gillar konceptet, det har en hel del personlighet. Utförandet är dock inte det bästa. Jag är inte säker på hur jag fixar det utan att omforma det helt, men du kan få den person som skapade logotypen komma med några alternativa skisser. Om du bestämmer dig för att hålla fast vid den nuvarande logotypen, var noga med att rengöra kanterna. De är för närvarande lite skrovliga och pixelerade, särskilt runt vindrutan.
Välkommen
Nästa område på sidan kommunicerar effektivt mycket information i ett litet utrymme. Bulletpunkterna är både effektiva och effektiva här och den ständigt rullande biltillverkarens namn i botten förstärker den? Vilken bil? aspekt.
Designern har valt att lägga in några röda här för betoning. Det bryter mot färgschemat och hämtar alltså din uppmärksamhet direkt. Jag gillar att dra citationstecken och hur den är perfekt justerad på toppen och botten med kula kopia.
Problemet med detta område, och faktiskt mycket av webbplatsen, är visuell hierarki. Som jag sa hjälper det röda med att betona de rätta punkterna, men allt annat här konkurrerar fortfarande om uppmärksamhet snarare än att man ställer in en tydlig avgränsning av betydelse.
Till exempel är all text på webbplatsen fet? allt av det. Djärv text är bra för att lägga tonvikt vid behov, men ett problem uppstår när du tar det för långt: Om allt är speciellt, är ingenting speciellt. Jag rekommenderar att du omprövar dina typografival och minskar vikten på det mesta av texten och lämnar bara de viktigaste delarna djärva.
Vidare gäller begreppet hierarki också för storlek. Lägg märke till hur? Välkommen? rubriken är samma storlek (eller nära) som kula kopia. Återigen ser vi ett fall att tävla om uppmärksamhet. Eftersom rubriken definierar och introducerar sektionen ökar du dess storlek samtidigt som du minskar den för punktpunkterna.
Här är en snabb och smutsig mockup av det här avsnittet, föreställt sig med bättre användning av visuell hierarki. Du behöver inte göra det exakt så här, bara fokusera på hur informationen delas på ett mycket renare sätt.
Innehåll
Innehållsområdet är attraktivt och ger lite vänligt fotografi, men lider av samma problem med all fet text.
Ett annat viktigt förslag är att göra bilderna och texten omedelbart under dem en visuell enhet. Just nu har du två distinkta visuella element staplade ovanpå varandra när de lätt kunde bindas samman på ett mer sammanhängande sätt. Återigen är det snabbt och smutsigt, men du får tanken.
sidfot
Slutligen, låt oss ta en titt på sidfoten. Innehållet här är ganska enkelt men det har gjorts för att se mycket mer komplicerat och förvirrande än det verkligen är.
Först och främst fungerade det röda på det vita, men rött fungerar definitivt inte på det blå. De två ljusa färgerna på varandra står i konflikt istället för kontrast. Dessutom behöver texten verkligen lite arbete. Återigen, ändra djärvheten lite, minska prominensen av upphovsrättslinjen och fixa den obekväma sökknappen som är långt längre än ordet innehas (minska bredden, centrera texten i knappen).
Den klibbiga sidfoten som håller telefonnumret med dig när du rullar är en fin touch. Ofta när någon besöker webbplatsen för ett fysiskt företag vill de bara ha en sak: telefonnumret. Telefonnumret här förblir med dig när du bläddrar genom webbplatsen vilket gör det nästan omöjligt att missa.
Din tur!
Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan några hårda förolämpningar.
Intresserad av att ha din egen webbplats kritisk? Du kan läsa mer här.