Web Design Critique # 20 Inspirationsbloggen

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 hemsida är The Inspiration Blog, en webbplats som väldigt liknar den här som är avsedd för visuell designinspiration.

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 Inspirationsbloggen

Det finns inte mycket biografisk information på sidan bortsett från enskilda författarbios, men rubriken högst upp på hemsidan summerar allt bra:? En blogg helt dedikerad till visuell inspiration och söta produktuppdateringar.?

Här är en del av hemsidan (några poster i stapeln togs bort för att göra bilden kortare):

Övergripande Design

Strax utanför flaggan gillar jag det jag ser. Vi har ett fint, tidningsinspirerat tema med ett starkt minimalistiskt inflytande och massor av blankutrymme. Lägg märke till hur enkla linjer har använts kraftigt under hela designen med hjälp av tekniker som liknar dem som vi påpekade i en ny artikel.

Designen är mycket ren och strukturerad utan att vara tråkig. Som med många av de webbplatser vi tittar på kommer kritiken nedan att vara mer på nivå med små tweaks än vidsträckta designändringar. Det är en attraktiv sida och behöver mycket lite att tumma det närmare perfekt.

Jag tror att om en redesign någonsin fanns i verk, kan det vara trevligt att göra ett djupare uttalande i rubriken via en stor grafik av något slag. Detta skulle lägga till både viss branding och visuellt intresse för sidan.

Logotypen

Det första jag märkte är den handskrivna stilen som används i bloggens logotyp. Jag gillar typsnittet och tycker att det ger ett unikt element till en webbplats med många standardfonter.

Skript teckensnitt kan dock vara ganska svårt att läsa när de visas i så liten storlek. Kärnan här verkar lite tätt och när den kombineras med den lilla typsnittstypen gör det definitivt lite svårt att läsa ordet? Inspiration.?

Till att börja med skulle jag föreslå att du bara delar ut bokstäverna. Om detta inte ökar läsbarheten nog, skala upp det tecknet några punkter.

Rubrik

Jag gillar Georgiens rubrik. Det är trevligt och stort med djärva brev och ett enkelt meddelande. Den sista delen av rubriken,? Behövs inspiration ??, fungerar faktiskt som en länk för att få fram ett slumpmässigt inlägg. Det här är en snygg funktion som är subtil men rolig när du inser att den är där.

Min fråga här är att när du laddar sidan och tittar på rubriken är det inte en direktläsning. Det är snarare ett stort block av kopia som läsare kanske eller kanske inte tar sig tid att faktiskt läsa igenom.

En sak som jag ständigt utmanades med under de sex år som jag gjorde reklamdesign var att skapa attraktiva rubriker som fungerade som visuellt element som människor direkt kunde ta in. Vad det här betyder på praktisk nivå är att du måste betona viktiga ord så att även om majoriteten av dina tittare bläddrar över rubriken utan att verkligen läsa den, får de fortfarande kärnan, nästan rent av en slump.

Du kan lägga till tonvikt med färg (som du har gjort), storlek, djärvhet, kursiv, etc. Som ett exempel är det en snabb mockup med några områden med selektiv fetstilning.

Nu när du skannar över rubriken hoppar de viktigaste aspekterna av webbplatsen ut på dig. Detta kan till och med vara ett tillfälle att upprepa det manus som används i logotypen.

Skicka förhandsvisningar

Jag gillar hur förhandsvisningarna är strukturerade. Varje är en tydligt individuell enhet med gott om mellanrum mellan separata inlägg och trevliga stora 200 bilder med 200 pixlar.

Återigen börjar jag förmodligen låta som en trasig rekord, men jag tror att det enda problemet jag har här är läsbarheten av en del av texten (det är visserligen ett text tungt tema så det finns inte mycket annat att diskutera). Problemet i detta område ligger i texten högst upp i förhandsgranskningen (Ex: Publicerad den 30: e Spetember?). Denna text visas i kursiv, alla stora bokstäver som nästan saknar mellanrum mellan ord. Allt går samman i en stor lång rad som du måste arbeta för att skilja sig mentalt.

Sidofältet

Som med de flesta bloggar finns sidor, reklam, sociala nätverk, taggar, sökrutor och andra diverse artiklar. Jag gillar det här området ganska mycket hur det är. Varje sektion är snyggt inredd och anpassad och passar perfekt med resten av temat.

En valfri sak som du kanske vill överväga är att upprepa kontrasten mellan standard- och svävarstaterna på taggarna. Jag hörde en färgblindvän och han kunde inte skilja mellan de två staterna. En enkel lösning kan vara att ta bort underlaget på svävaren (omvänden av vad du ser på många länkar på webben).

En sista irriterande liten sak som jag märkte om det här området är "Subscribe 'n' Follow? text. Den andra apostrof verkar märkligt placerad för mig. Går du på? Steak 'n Shake? Som ett exempel tycker jag att det här bör ändras till? Prenumerera på n Följ.? Det är möjligt att jag har fel helt. Hur som helst är det definitivt inget stort.

Footer

Det sista området vi ska titta på är sidfoten. Som allt annat på webbplatsen är det trevligt och enkelt. Om du vill hämta lite extra arbete söker de efter författare så var noga med att sluta på webbplatsen och tillämpa.

Jag tycker det är lite konstigt att sektionen för sociala nätverk dupliceras exakt här snarare än i en enklare form, men ikonerna ökar sannolikt klickfrekvenserna så i slutändan är det bra med det.

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.