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 ToonyTuts kommer snart sidan.
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 ToonyTuts
Eftersom ToonyTuts är det mycket hemliga projektet Liam McCabe är mycket lite känt för det vid denna tidpunkt. Från Liams personliga sida kan vi se ToonyTuts beskrivna som en plats för? Otroligt roliga och kreativa handledningar.? Jag kan bara anta att ToonyTuts kommer att vara en väldigt illustrerad handledningssida med mycket roligt och humor för att underlätta lärandeprocessen (bra idé!).
Här är en skärmdump av den kommande snart sidan:
Några av våra kritikämnen är fyllda med innehåll och tar en hel del analys men den här sidan är både väldigt enkel och väldigt attraktiv så det är inte så mycket att kritisera. Som alltid, låt oss bryta ner det stycke för bit.
Övergripande Design
ToonyTuts design är bra? toony. Ljusa färger, roliga teckensnitt och tunga avrundade hörn lägger alla till den fantastiska tecknadstilen.
Strålarna i bakgrunden drar uppmärksamheten på logotypen i mitten och ger en känsla av spänning till designen.
Logotypen
Logotyperna är ett perfekt val för innehållet. Observera att det är definitivt roligt och toony men det är fortfarande mycket läsbart. Storleken? T? tecken är verkligen det enda bokstaven som är signifikant snedvridna med de vertikala linjerna på toppen som lutas till en diagonal form.
Den del som verkligen tar upp din uppmärksamhet är den tjocka svarta stroken. Detta kontrasterar starkt mot de blå bokstäverna med en subtil men attraktiv gradient. Strejken är också starkt rundad på kanterna trots att de faktiska bokstäverna inte är. Detta är det verkliga tricket för att bevara läsbarheten samtidigt som det ger ett roligt, nästan barnsligt utseende.
Den accent typsnittet under logotypen är mycket mer lekfullt med förvrängda brevformer som ser rakt ur en Goofy-tecknad. Denna typ hålls liten så effekten är inte överväldigande men gjord i precis rätt mängd.
Jag älskar att en Twitter-fågel kastades här. Det passar perfekt med molnmotivet och verkar inte som en eftertanke alls. De som känner till Twitter-märket kommer att känna igen symbolen och klicka igenom om de vill följa ToonyTuts.
Sneaky Peek
Det lilla anmälningsfältet är där de avrundade hörnen kommer i spel. Detta område måste vara funktionellt och ändå gjord för att passa perfekt med resten av designen. Notera stänk av färg som används för att fånga din uppmärksamhet.
Jag gillar att fältet har en skuggseffekt som gör att den ser ut som insats medan knappen använder samma skugga i en annan riktning för att se ut som om den kommer lite utanför sidan. Om dessa skuggor var fjädrade skulle de få en realism som skulle kollidera med resten av designen, men de har hållits hårda så att de klarar sig av den tecknade stilen.
Den? Vill du ha en snygg titt? Texten är faktiskt levande och valbar. Det är ett typsnitt som heter DoctorSoosBold implementerat här med @ font-face. Jag gillar typsnittet men jag gillar inte genomförandet av skuggan bakom texten. Den mörka skuggan sträcker sig bara lite från texten och gör därför bokstäverna lite röriga istället för att uppnå sitt verkliga mål att öka läsbarheten.
Mitt förslag är att stöta på den här skuggan lite och lite så att texten inte ser ut som den bara har bitar av svart blandat in?
Animation & Musik
När du först laddar sidan startar animationerna automatiskt. Molnen sveper långsamt upp och ner på ett offset sätt medan strålarna i bakgrunden snurrar medurs.
Eftersom sidan är så enkel, lägger animeringseffekten mycket till erfarenheten. Om du spricker öppna koden kan du se att webkit-funktioner användes för att åstadkomma animationer så att du inte kommer att se dem i andra webbläsare.
Jag ser det inte som ett problem åtminstone. Om du visar sidan i en webbläsare som inte stöder animationerna, är den fortfarande perfekt funktionell och estetiskt tilltalande.
Jag tillägg till animationen finns ett underbart cirkus-esque klipp av musik som startar när du trycker på uppspelningsknappen längst upp till höger.
Det är viktigt att notera att musiken inte startar automatiskt. Massor av användare, inklusive mig själv, hatar det när en webbplats slänger musik på dig om du är redo eller inte. Om dina högtalare vrids och du är i en kaffebutik, skulle ToonyTuts musik utan tvekan tjäna dig lite irriterad och förvirrad utseende från människorna omkring dig.
Den lilla cirkeln bredvid spelningsknappen stoppar molnens animering. Det här är också en bra idé för alla som antingen inte gillar utseendet på de studsande molnen eller inte vill slösa av processorkraften. Otroligt, att slå på den här knappen stannar inte strålarna från att rotera.
Jag tror att om du ska ge användarna möjlighet att upphöra med animationerna på sidan så bör du se till att det täcker allt, annars verkar det lite meningslöst.
På det hela taget är denna sida en fantastisk bit av arbete och mina kritikar var mestadels poking runt på extremt små aspekter av webbplatsen. Det här är ett bra exempel på hur du kan ha kul med en? Kommer snart? design på grund av den begränsade funktionaliteten som är nödvändig. Ju mer intressant du kommer snart, desto mer sannolika människor delar den och desto mer exponering du tjänar!
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.