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 Redka3d, den personliga portföljen av en webbdesigner från Indonesien.
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 webbplatsen ägaren
? Familj och vänner ring mig Tata, jag är webbdesigner från Indonesien och bor för närvarande i Jakarta. ?
Här är en del av Tata hemsida:
Site Performance
Innan vi börjar vår kritik om design, måste jag säga att sidbelastningstider kan vara lika viktiga eller ännu mer så än vad webbplatsen ser ut. Höghastighetsinternet har oss alla bortskämda och användarna kommer helt enkelt inte att vänta mer än några sekunder för en sida att ladda.
Redka3d verkar lida av vissa seriöst långa lasttider. Det här är sannolikt ett tillfälligt problem med servern, men bara om det är en indikation på ett långsiktigt problem, trodde jag att jag skulle rekommendera att titta på den.
Rubrik
Strax utanför flaggan kan du se att den här webbplatsen kommer att vara unik. Tanken här är säkert djärvt annorlunda; platsens namn är inneslutet i en stor triangel med olika bokstorlekar.
Jag ska medge det estetiskt, det här avsnittet är inte min favorit. Men eftersom det är okonventionellt, vinner designern några stilpoäng.
Ett par områden behöver definitivt ta itu med. För det första blöste bokstäverna i logotypen ut ur triangeln på ett besvärligt sätt. Eftersom bokstäverna har samma färg som platsens bakgrund, känns de som hål som skärs i triangeln. De delar emellertid inte formen s skugga så att de inte verkligen skärs ur formen. På kanterna bryts bokstäverna jämnt ut ur triangeln och täcker upp delar av sin skugga. Detta ger viss visuell förvirring om vad som faktiskt händer här. Jag rekommenderar att du maskerar bokstäverna så att de inte blöder eller faktiskt skär dem ut ur triangeln.
Ett annat område som kan använda lite uppmärksamhet är pilen. Kopian uppmuntrar användarna att klicka här? med en stor pil, men det finns inget i slutet av pilen så det känns som att något inte laddades rätt. I själva verket är det objekt som pilen pekar på mycket liten och väldigt långt ifrån pilen (den? Vem är jag? Text). Jag rekommenderar att ompröva hur det här området fungerar genom att antingen ändra pilen, texten eller båda så att de är tydligare kopplade till varandra.
Slutligen kanske du vill leka med skuggorna och den textfärg som används på webbplatsen. Som en allmän regel försöker jag undvika att göra min skuggans nyans för nära den för de föremål som de appliceras på. Anledningen är att när dessa färger är för likartade ser skuggan nästan ut som en suddighet snarare än en skugga. En enkel åtgärd för detta är bara för att lätta skuggan så att den skiljer sig avsevärt från texten.
Titta bara på skillnaden i det här läget för din text.
Navigering
Navigationen för webbplatsen är placerad precis under rubriken. Standardläget är fetstil text som sedan glider till vänster på svävar medan en lättare version glider in. Det här är en cool effekt. Övergången är smidig och animeringen är kul att leka med.
Men du kanske vill justera avståndet lite på svävarstillstånden. Varje textobjekt är väl placerat i standardläge, men kör för långt till vänster i svängtillståndet. Till exempel, i bilden nedan, ordet? Tjänster? bör centreras mellan? Hem? och? Showcase? i både standard- och svängtillstånden.
När du klickar på navigeringen dyker nya sektioner upp via denna 3D-karusell effekt. Det är svårt att beskriva eller visa här så var noga med att sluta på webbplatsen och prova den. Faktum är att webbplatsen bara är fylld med snygga små jQuery-effekter. Det kan vara för mycket för vissa omständigheter, men det är bra att skjuta för en? Wow? faktor på en personlig portfölj.
Följ mig avsnittet
Det sista området vi diskuterar är det sociala nätverksnavet nära botten. På grund av den stora? Följ mig? text, ligger detta område ganska högt på den visuella hierarkin trots att den ligger nära botten av sidan.
Det faktum att det här området är så uppmärksamt att gripa kan vara bra eller dåligt beroende på designerns avsikter. Om detta område ska vara en av de viktigaste aspekterna på webbplatsen, fungerar den. Om det inte är så rekommenderar jag att du ändrar designen så att den inte distraherar så mycket från innehållet ovan.
När det gäller sociala ikoner tror jag att de är lite för visuellt komplexa. Allt som skuggar kan bli lite rörigt, särskilt i Digg-ikonen. Dessa skulle läsa mycket bättre om de var inverterade och förenklade. Här är en snabb mockup av vad jag menar.
Slutligen, i samband med resten av sidan, ser Twitter-flödet faktiskt ut som en annons. Google har tränat våra ögon för att helt ignorera vad som helst som liknar en textannons, så jag skulle satsa på att många tittare hoppar över detta utan att inse vad det är. Försök spela med styling lite mer, dike de blå länkarna och lägga till lite extra vertikalt avstånd så att det ser mindre ut som en annons och mer en funktion av webbplatsen.
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.