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 iPhone Verktygslåda.
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 iPhoneToolbox
? Vi samlar de bästa iphone-resurserna, inklusive tapeter, ikoner, iphone-applikationer och nyheter för iPhone-fans. iPhone Verktygslådan uppdateras också dagligen.?
Här är en del av hemsidan:
Första intrycken
Min första reaktion på denna design är blandad. Det finns en stark start här. Innehållet har organiserats i modulära enheter, vilket innebär att hemsidan kan innehålla massor av olika innehåll. Detta är en ganska stark grund för att bygga och är en bra start.
Webbplatsen känner emellertid en liten cookie-cutter men. Därmed menar jag att det verkar som om innehållet tvingades till en mall snarare än att webbplatsen utformades kring innehållet. Mallar är fantastiska och kan spara dig mycket pengar, men du offrar mycket branding möjligheter genom att välja en med en sådan gemensam design.
Låt oss ta en närmare titt på några områden på webbplatsen som kan använda viss förbättring.
Logotypen
Jag är visserligen ganska picky när det gäller upplösning och finner mig själv göra samma förslag på flera kritiker. Din logotyp är den första och primära representationen för din webbplats som besökare kommer att stöta på. Du vill därför att den ska vara så skarp och skarp som möjligt. Logotypen här är lite på den fuzzy sidan.
Bilden är redan en PNG, men det ser ut som en low-res JPG. PNGs kan behålla en imponerande mängd detalj och klarhet så jag föreställer mig att problemet ligger i din PSD. Se till att du bygger filen i rätt storlek och börja inte med små resurser som du sedan måste sträcka för att vara större.
Var ligger betoningen?
Ett av de främsta problemen med att använda en sådan modulär layout är att det är lätt att förlora en hierarkisk känsla. I stället för en tydligt avgränsad kommunikationsstruktur har du flera element med liknande toner som tävlar om uppmärksamhet. Ta en titt på bilden nedan och fundera på var tonvikten ligger. Vilken del av webbplatsen uppmärksammar dig mest?
Om du frågade hundra personer skulle du troligen få flera olika svar. Det finns helt enkelt ingen stark utgångspunkt. Om något är ad-toppen är det starkaste visuella elementet och förvirrar tittarna om meddelandet annonserar dina tjänster eller någon annans.
Kom ihåg att bra design skapar en tydlig väg för tittarna att följa. De kan bryta sig från vägen om de önskar, men ett starkt förslag bör finnas där. Led dem från ett ställe till ett annat och de kommer att hålla sig intresserade, kasta dem i en pool av innehåll och de stänger sidan och fortsätter.
Jag rekommenderar att du skapar en tydligare rubrik för webbplatsen, oavsett om det är ren branding eller en större? Featured? avsnitt, skapa bara något som sträcker sig över bredden på webbplatsen som kan fungera som en stark visuell utgångspunkt.
Inriktning
Lådorna som innehåller det primära innehållet skapar en tydlig anpassning för webbplatsen, både på vänster och höger sida. Den här raden följs hela vägen ner på sidan men bryts överst. I bilden nedan har jag visat det här genom att dra två linjer som går upp från huvudinnehållet.
Som du kan se, stämmer både annonsen och navigeringen helt enkelt inte korrekt med innehållet på webbplatsen. Detta medför att webbplatsen ser lite slarvig ut och driver tanken att annonsen var en eftertanke som tvingades in i designen. Jag föreslår att du anpassar annonsen med resten av innehållet och flyttar navigeringen över det där? Hem? rader upp med resten av innehållet under det.
Slutgiltiga tankar
Annat än det gör platsen ganska bra. Anpassningarna är starka överallt, det finns några coola hovereffekter som visar hur en tapet ser ut på en iPhone, bakgrundsbilden har en snygg hörnbehandling på bilderna och sidfoten ser bra ut.
Några andra saker som eventuellt kan hanteras inkluderar textstorleken (känns lite liten), de avrundade hörnen (något avtagna) och navigeringen (upprepade färger). Slutligen överväga att lägga till några viktiga kontrastpunkter till sidan. Förhoppningsförslaget som jag gjorde tidigare kunde vara riktigt iögonfallande om det var en riktigt mörkgrå eller svart sträckt hela vägen över hela sidan. Kontrast är ett bra sätt att lägga till olika och visuella intressen för 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 några hårda förolämpningar.