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 Income Diary, en blogg som erbjuder enkla, praktiska råd för hur man tjänar pengar online. Låt oss hoppa in och se vad vi tycker!
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 49 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.
Om inkomstdagboken
? Jag lanserade IncomeDiary tillbaka 2009 efter en konferens som jag deltog i Washington DC i mars samma år. Innan detta hade jag kört webbplatser framgångsrikt i ungefär 4 år och en av de viktigaste sakerna som jag tog bort från att träffas som sinnade entreprenörer var, du måste ge tillbaka! Det här handlar om den här webbplatsen, utbildar och hjälper internetföretagare, oavsett vilken nivå de är.?
Här är en skärmdump av hemsidan:
Första intrycket
Inkomstdagboken bryter inte några hinder i bloggdesignen. Det är en väldigt enkel design som använder en layout som ses på en miljon andra bloggar runtom i världen. Är det här en negativ sak? Inte det minsta. På samma sätt som tidningar alla så småningom föll i ett liknande och förutsägbart format är det helt naturligt att bloggar skulle landa på några vanliga layouter som fungerar bra.
Fördelen är att nya besökare är omedelbart bekväma med formatet och vet hur man ska komma runt från den andra platsen laddar. Innovativa layouter är också bra, men det finns en vanlig missuppfattning i design att något som inte är innovativt inte är bra, och det är helt enkelt inte ett sant uttalande.
Det sägs att det finns många solida designval som gjorts på denna sida. Estetiskt slår det inte bort mig, men det är ganska attraktivt och funktionellt solidt. Den primära frågan som jag alltid begär för en designkritik är,? Utför designen sitt syfte ?? I det här fallet, tror svaret är ja om syftet är att framgångsrikt utbilda människor om hur man tjänar pengar på nätet. Låt oss utforska varför detta är sant.
Färgschema
Om du är bekant med våra designkritiker, borde du redan veta vad jag ska säga om detta färgschema. Den använder det enkla färgschemat som du nästan inte kan missa med:
För det första valde designern en huvudfärg, i detta fall grön. Grönt är ett solidt val, inte på grund av något estetiskt men på grund av den psykologiska korrelationen som vi oundvikligen gör: green = money. Den här sidan handlar om att tjäna pengar så det finns ingen färg mer lämplig!
Därefter valdes några olika nyanser av denna färg. Detta ger ett anständigt sätt att ha subtil variation i hela konstruktionen: gradienter, olika rubriker etc. Till sist valdes en färg som kompletterar men skiljer sig från huvudfärgen. Denna teknik ger en otroligt säker väg att välja ett färgschema som inte är monotont eller alltför upptaget.
Logotyp
Liksom allt annat, tar logotypen en väldigt säker och förutsägbar rutt. Det här är något viktigt som är värt att diskutera. Är det här en tråkig, generisk logotyp? Japp. Är det bättre än en icke-designer som försöker skapa en komplex logotyp? Absolut. Grunden är att inte alla som skapar en webbplats är en professionell designer. Om det här är fallet med dig, känner du inte dåligt om att skriva ditt webbplatsnamn på ett enkelt sätt och ringa det en dag. En dag när du har budgeten (men förmodligen den här webbplatsen ska rätt?), Kan du anställa en professionell för att skapa en unik identitet för dig.
En sak som jag tycker att den här webbplatsen behöver omarbeta är tagline på logotypen. Det är helt enkelt för tunt och litet och läser inte bra. En enkel lösning kan bara vara att öka storleken på den här linjen så att den har samma horisontella bredd som linjen ovanför den.
Navigering
Navigationsområdet är ett klassiskt CSS navformat med stora block som definierar varje länk. En sak som jag ständigt kritiserar designers för i dessa kritiker är länkhuvudseffekter som är så subtila att du knappt kan berätta att man existerar, speciellt om du råkar vara en färgblind användare. Lyckligtvis är det inte så här.
Som du kan se är skillnaden mellan svävar och icke-svävare tillstånd ganska dramatisk och kan tydligt ses av alla användare. Det kan tyckas litet, men små misstag kan förstöra en design så det är viktigt att få de här sakerna rätt.
Information hierarki
Skapa en solid informativ hierarki skärningar till själva kärnan av vad dina mål är i en webbdesign. Om du skriver ner alla saker som du vill åstadkomma med en webbdesign, bör det alltid vara nära toppen av listan.
En av de mest solida aspekterna av denna design är hur all information på sidan är strukturerad. Lägg märke till att det senaste inlägget i hemmatningen ges mer visuell betydelse än de andra inläggen i form av en större förhandsgranskningsbild.
Vi använder samma trick på Design Shack hemsidan i ännu högre grad. Det är lite subtilt på Inkomstdagboken och jag skulle till och med vilja föreslå att konstruktören hittar ett annat sätt att få det att stå ut ännu mer (olika bakgrundsfärg, större rubrik etc.).
Det finns också en annan nivå av differentiering också. När du rullar ner postlistan finns det en sektion med några produkter som du kan köpa. Det är här den andra färgen kommer som vi diskuterade förut:
Detta innehåll kastas i en fin minimal låda med solid text och bildlayout och massor av blankutrymme. Det är ett bra sätt att ställa in detta innehåll förutom huvudmatningen.
Nu, även om jag gillar utformningen av det här lilla lådområdet, är jag en perfektionist så det finns en sak som driver mig galet:
Knappen under produktförhandsgranskningen är nästan samma bredd som bilden ovanför, men inte riktigt. Det är bokstavligen ett par pixlar men jag kan inte låta bli distraherad av det. Endera gör det samma bredd eller gör det mycket smalare, allt annat ser ut som ett misstag.
sidfot
Vi avslutar denna kritik med en snabb titt på sidfoten, helt enkelt för att jag tycker om hur den ser ut. Jag älskar hur innehållet bryter sidfoten, övergången från grått till vitt när du svävar över en länk, den rena, minsta presentationen av de sociala ikonerna, och den oh så subtila texten på texturen bakom logotypen. Enligt min åsikt är detta den snyggaste delen av webbplatsen. En konstig slutsats för att vara säker, men jag är bara en stor fan som inte slår av och kasta på en ful sidfot som det sista steget i en design.
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.