Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Billy.com, en online sparande klubb.
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 Billy.com
?Låt mig presentera mig. Mitt namn är Billy, och jag är killen bakom webbens smartaste sparandeklubb. Att spara pengar är inte bara min passion, det är mitt syfte. Mitt jobb är att se till att mina vänner aldrig betalar helt pris igen. Med hjälp av min fantastiska familj förhandlar jag bra erbjudanden med återförsäljare och tjänsteleverantörer på min väns vägnar. Det kan vara svårt att tro, men bakom mitt suave utseende och robusta snygging ligger en power negotiator! Jag jämför också erbjudanden och citat från olika leverantörer så mina vänner kan hitta den mest lämpliga produkten eller tjänsten och behåller fortfarande så mycket av sina hårdförtjänta pengar som möjligt.?
Här är en skärmdump av hemsidan:
Nu ska vi bryta ner olika aspekter av designen och diskutera vad som fungerar och vad som inte är.
Övergripande Design
Strax utanför fladdermusen var min känsla att designen känns lite daterad. Några av de beslut som fattas här reflekterar webbdesignstilar som var typiska för nästan tio år sedan. Detta inkluderar behandling av rubriken, de teckensnitt och färger som används och till och med i en omfattning söndag morgonpapper komisk illustrationstil (vi diskuterar dem mer i detalj nedan).
Den övergripande layouten är dock ganska funktionell. Sidofältet har en bra bredd och är organiserad snyggt och huvudinnehållet flyter på ett logiskt sätt.
Messaging
En av de saker som jag tycker att sidspikarna är meddelanden. Termen? Sparande klubb? är ganska vag och låter som om det kan vara en fälla, men copywriter gjorde det helt klart att klubben är helt fri. Precis lika viktigt är uppmaningen till handling, bli min vän ,? med ett lugnande uttalande om hur det bara tar 30 sekunder.
Ibland är det enkelt att registrera sig för en webbtjänst men snabbt leda till en inblandad process som användarna desperat vill undvika. 30-sekunders uttalandet är en stark uppmuntran och det är utan tvekan en viktig orsak bakom många användare att anmäla sig.
Jag tycker också att under detta område finns en lista över populära besparingar. Detta är ett annat steg som rensar upp precis vad webbplatsen är för och vilken typ av erbjudanden du kan förvänta dig att ta emot.
Typografi
Den här kommer att låta lite hård, men lita på mig, att följa dessa enkla steg kommer att förbättra dina mönster drastiskt. Den första designregeln är? Använd aldrig Comic Sans.? Billy.com passerar testet på den här fronten, men en mycket liknande och mindre känd regel är? Använd aldrig Hobo.?
Det finns helt enkelt inget bra sätt att säga det, Hobo är en ful font. Om du vill använda en rolig typsnitt på vissa objekt, kan du säkert, leta efter några som har lite mer stil och klass. FontSquirrel är ett utmärkt ställe att starta din sökning. Stoppar vid platsen och nästan plockar något slumpmässigt kom jag fram med bilden nedan (tecknet heter Japan). Jag är säker på att du kan göra mycket bättre om du investerat lite realtid och ansträngning i sökningen.
Billy
Låt oss prata om Billy en minut. När du först laddar webbplatsen är Billy ingenstans att se. Sedan ur avgrunden hör du ljudet av fotspår och upp går Billy som vinkar, nickar, håller upp tecken och gör massor av tecknade ljud effekter när han går om sin verksamhet.
Förse mig inte, han är en rolig karaktär. Han ser nördig och vänlig ut och ger ett personligt element till webbplatsen. Det är kul att sväva över honom med musen och se honom le och vinka. Men jag tror att han är lite missbrukad.
Jag föreslår nästan alltid att alla webbplatser med ljudeffekter ger användarna ett sätt att stänga av dem. Inkludera en knapp någonstans som dödar ljudet helt eller bättre, gör det möjligt för användarna att trycka på knappen för att stänga av ljudet (lämnar dem som standard).
Jag tror också att Billy är dåligt placerad. När han håller på tecken för att berätta om webbplatsen och uppmärksamma dig täcker han faktiskt upp innehållet i sidofältet, vilket ger en ganska dålig användbarhet om du faktiskt försöker läsa eller interagera med det innehållet.
Jag föreslår att jag flyttar BIlly till höger på sidan. Eftersom innehållet i huvudrutan ligger ganska långt till vänster skulle han inte täcka upp något som är avgörande för webbplatsens funktionalitet.
En modern designöverblick
Det är aldrig kul att höra någon föreslår att du redesignar din webbplats. Och i all ärlighet är Billy.com funktionellt precis som det är och kan förbättra mycket med de enkla förslagen ovan. Men om du bestämmer dig för att ge webbplatsen en visuell översyn någon gång inom en snar framtid, föreslår jag att du tittar på några populära karaktärsdrivna webbplatser på webben idag.
Webbplatserna nedan använder alla vackra moderna webbdesignstilar med bra färgscheman, illustrationer, texturer etc. Jag föreslår inte att du ripoff någon av dessa webbplatser utan presenterar dem som inspiration för hur man tolkar mina förslag på att få Billy.com uppdaterad visuellt.
Formee
Berikning
Silver
Bokföring i en låda
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 att det blir några svåra förolämpningar.