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 WebAppers.
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 WebAppers
? WebAppers är en blogg dedikerad för att dela toppkvalitet med öppen källkod för webbutvecklare och webbdesigner dagligen. Som webbdesigner hittar du några av de bästa fria ikonerna, lagerfoton, penslar, teckensnitt och designinspirationer. Som webbutvecklare hittar du också några av de bästa Javascript- och Ajax-komponenterna, som modala fönster, menyer, gallerier, verktygstips, diagram, kalendrar, plugins och mycket mer? ?
Här är en del av hemsidan:
Som du kan se är WebAppers en snygg blogg. Den har en mycket innehållsinriktad design och tar dig direkt in i stora förhandsgranskningar av de senaste artiklarna. Färgschemat är mestadels grå och svart vilket ger platsen en elegant känsla när den kombineras med den subtila texturerad bakgrunden.
För att ge det ett ordentligt genomlåt, låt oss analysera konstruktionsstycket för bit.
Rubrik
Rubriken för WebAppers är ganska minimal. Det är bara ca 80 eller så pixlar högt och har en svart blank effekt applicerad på den.
Jag gillar den stora logotypen och glansen, jag tror att de går bra med temat för webbplatsen. Jag är inte säker på att ha en stor annons i sidhuvudet. Men jag inser definitivt att vi behöver annonser. Det är hur designbloggar är öppna och jag kommer aldrig att kritisera en blogg för att använda dem (vi har mycket oss själva!).
Här är dock annonsen inställd i en visuell konkurrens med webbplatsens logotyp. Sidhuvudet delas ungefär halvvägs med de två grafiken och det är inte direkt uppenbart att? Design till XHTML? är inte vad WebAppers handlar om.
Jag föreslår att du använder rubriken för att skapa ett tydligare visuellt meddelande så att användarna omedelbart vet att WebAppers erbjuder gratis, open source-resurser. Gratis är ett magiskt ord och säger det högt och stolt i rubriken kommer att hjälpa till att förhindra den avslappnade besökaren att flytta vidare till nästa sida innan man tittar runt.
Poststruktur
Eftersom det här är en blogg gör det sedan att titta på hur inlägg struktureras. Här är ett skott av grundformatet:
Det finns inte mycket att diskutera här, men jag gillar det. Texten är snäll och lätt att läsa, jag gillar datumutropet och författaren är tydligt listad.
Mitt förslag här skulle vara att stötta storleken på posttitlarna lite så att de kontrasterar mer med resten av texten på sidan. Gör det här i samband med att du lägger till ett lite andningsrum här och det kommer drastiskt att öka den lätthet där användare kan skanna din hemsida på jakt efter intressanta ämnen.
sidofält
Höger sida av sidan är upptagen av två sidor. Den första innehåller en omfattande kategorilista med en swirly vektorform och innehåller ikoner och rubriker för att skilja de olika sektionerna. Den andra är ett grundläggande annonsområde med en enda vertikal remsa av annonsutrymmen.
Jag gillar att det finns så många postkategorier som listas här. På en webbplats som fokuserar på gratis innehåll är det viktigt att kunna hitta det du letar efter snabbt och det är definitivt det som uppnås här. Numren som anger hur många inlägg som finns i varje kategori går också långt.
Grafiken högst upp känns lite lager arty men det är attraktivt och hjälper avleda din uppmärksamhet åt detta område.
Sökruta
Ett av de områden som jag tror kan använda lite uppmärksamhet är sökfältet. För en sak måste du verkligen jaga för att hitta den så jag skulle inte bli förvånad om de flesta av dina användare inte ens visste att det existerade.
Jag känner också att knappen är dvärgad lite av sökfältet och kan vara större. Slutligen matchar teckensnittet här inte samma som huvudinnehållet, vilket inte stämmer överens med kategorin, vilket inte stämmer överens med? Rekommenderat? avsnittet under sökområdet.
Jag rekommenderar att du väljer ett eller två teckensnitt och håller fast vid dem genom hela designen. Just nu känns varje område som det utformades individuellt snarare än som en sammanhängande helhet.
sidfot
Jag gillar idén att kasta i ett par böcker här nere, det är lite slumpmässigt men användbart för alla läsare som vågar ner till sidfoten.
Annat än det tycker jag att området känns lite besvärligt. Den inverterade rundade hörnbotten är lite skraj och den andra kolumnen av text är lite för nära den första och för långt från den tredje. De behöver inte vara jämnt fördelade men den första kolumnen kan använda lite av sin bredd avtagen.
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.