Idag börjar vi en ny serie där vi tar en kort men djupgående titt på en viss design och diskuterar både de aspekter som görs riktigt bra och de som kan använda lite arbete.
Under de här kritikerna diskuterar vi allt från design och färgteori till användbarhet och god kodning.
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.
Håll det rent
Dessa artiklar är avsedda att vara en lärande erfarenhet, inte ett sätt att bash designers. Vi kommer alltid att försöka hålla designerns integritet och försöka fokusera på det positiva mer än det negativa.
Vi kommer att be dig att erbjuda dina ärliga åsikter om en design i slutet av varje kritik. Vi ber att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan några hårda förolämpningar. Vi tar omedelbart bort eventuella kommentarer som tyder på enkla ad hominemattacker eller meningslösa klagomål.
Få feedback på din webbplats!
Förutom att kunna skicka in en webbplats till vårt CSS-galleri, kommer du snart att ha möjlighet att få oss att överväga din webbplats för en särskild kritik också.
Detta kommer att resultera i mycket mer exponering för din webbplats eftersom dessa inlägg kommer att visas direkt i vår normala ström eller artiklar. Vidare får du högkvalitativ professionell återkoppling och verkliga, genomförbara förslag till hur du förbättrar din webbplatss design.
Nu när vi har alla nödvändiga introduktioner ur vägen, låt oss börja med vår första designkritik!
Dreamscape Studios
Dreamscape Studios är webbportföljen av webbutvecklare Brett Chaney. Brett är baserat i Melbourne och har ett antal bra sajtdesigner under hans bälte.
Vad jag gillar
Den här webbplatsen är designad bra och det finns gott om bra funktioner att välja mellan. Låt oss ta en titt på de tre bästa områdena som sticker ut.
Bakgrunden
Bakgrunden på Bretts hemsida är en realistisk molnig papperstygn med en dukliknande finish.
Detta uppnås med en 2000? 1400 bakgrund jpg. Många designers är fortfarande rädda för att använda en enda stor bakgrundsbild, men även mobila enheter laddar bilden tillräckligt snabbt för att inte muta webbplatsen.
Färgschemat
Webbplatsen använder en mycket ljus, naturlig färgpalett som bara innehåller några huvudfärger.
Detta milda färgschema är perfekt för en portföljplats eftersom det hjälper till att uppmärksamma rullningsgalleriet på webbplatser som är ljusare i färg och omedelbart blir fokuspunkten.
Typografi
Brett använder en bra blandning av serif och san-serif typsnitt som kompletterar varandra väl. Detta visar att han har en bra förståelse för vilka typer av teckensnitt som fungerar bra tillsammans.
På ett par ställen har typen fått en liten skugga som gör att den lyser lite eller till och med verkar något bränt i papperet. Det är en fin touch och han visade en bra mängd reserv genom att inte använda den för mycket.
Områden som kan förbättra
Här tittar vi bara på några ställen där designen kan vara lite starkare.
Layout och Whitespace
Whitespace är definitivt en bra sak i en layout, men obehagligt fångat utrymme eller för mycket öppet utrymme på fel plats kan verkligen minska effekten av designen.
Den lilla sidlådan på galleriet är en fin touch, men det slänger verkligen sidans layout och skapar ett stort tomt område hela vägen ner till vänster på sidan, vilket är den första ögonfastigheten.
Jag tycker också att klyftan mellan sidfoten och innehållet kan minskas, eftersom det är lite onödigt avstängt för tillfället.
Footer innehåll
Footer har massor av länkar i det, vilket är ett utmärkt sätt att förenkla navigering på stora webbplatser. Men dessa länkar är alla utåt och hänför sig inte till något av innehållet ovan i det lägsta.
Eftersom den här webbplatsen är avsedd att vara en portfölj, verkar en sådan stor lista med vänner och favoritsidor bara inte vara professionellt lämplig.
När du rullar ner på sidan visas en stapel i sidfoten med en länk för att gå tillbaka till början av sidan. Jag pekar alltid ut dessa på webbplatser eftersom jag vanligtvis älskar hur användbara de är i långa bloggar och gallerier. Men alla sidor på den här webbplatsen är faktiskt ganska korta och verkar bara inte förnöja en genväg till början av sidan.
Den här länken täcker faktiskt även innehållet i sidfoten och går bara bort när du är överst på sidan och därför kan inte se sidfoten. Det betyder att du aldrig får se vad som finns där, bara att det är något som pekar ut (jag tror att det är upphovsrättsinformationen).
Slutsats
Brett Chaneys webbplats har en bra bakgrundsstruktur, ett fint ljusfärgschema och en stark typografi. Användningen av blankutrymme i layouten och sidfotens innehåll kan använda lite tweaking, men är inte riktigt tillräckligt stora för att förstöra webbplatsens övergripande stora upplevelse.
Använd kommentarerna nedan för att hjälpa designern genom att ge en del konstruktiv feedback. Också vara säker på att berätta vad du tycker om den nya kritikserien och om du skickar in din webbplats eller inte.
Intresserad av att ha din egen webbplats kritisk? Du kan läsa mer här.