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 hemsida är Anthem Design Group. Anthem är ett litet prisbelönt kreativt och interaktivt designbyrå beläget i Atlanta, Georgia USA
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.
Hymn
? Vi är en vänlig och arbetsgivande grupp kreativa och tekniska människor med superhöga standarder som älskar att göra fantastiska webbplatser, appar, spel och konst. Vårt arbete är prisbelönt, attraktivt och fint utformat. Vi älskar att jobba med alla storlekar och är stolta över vår mångsidiga och fantastiska grupp av kunder.?
Här är hemsidan på deras hemsida:
Det är en ganska stark design med tre primära kolumner plus ett sidofält (så i princip fyra kolumner). Den stora bilden upptill är en bildreglage med en grundläggande fadingövergång.
Låt oss undersöka några av de saker som är väldigt trevliga om denna design.
Lätt att navigera
Det går en hel del här på en enda sida, men för det mesta läggs den logiskt ut och är lätt att sortera igenom. Hemsidan verkar fungera som en fin översikt över allt du hittar på webbplatsen. Flera av de sidor som är tillgängliga via navigeringen är representerade här på sidan med lite innehåll.
När som helst du är clueless om hur du fyller hemsidan till en stor webbplats, kom ihåg att det ofta bör fungera som en gateway till allt annat. Om du lägger in förhandsgranskningar av bitar av resten av webbplatsen gör det här möjligt för användaren att snabbt bekanta sig med vad du erbjuder och kommer också att tjäna till att hjälpa till med att hitta specifikt innehåll.
Bryta linjerna
Denna webbplats har några ganska strikta anpassningar och inneslutningsanordningar som är bra för att hålla allt rent och organiserat. Vi ser dock i sidfoten att det ofta är bra att ta en sådan design och bryta den på några ställen.
Här ser vi logotypen och kontaktinformationen placerad i en låda som bryter mot den hårda linjens inställning av sidfot och innehållsavskiljning. Jag skulle vilja se något överst på sidan plocka upp den här ideen också för att underlätta designens styvhet.
Områden att förbättra
Låt oss nu dyka in i kritiken. Nedan är några frågor jag personligen tror bör tas upp när det gäller designen.
Interaktiv?
Jag ser ordet? Interaktivt? på flera ställen på sidan om vad Anthem gör, men bortsett från bildreglaget, känner webbplatsen helt enkelt inte mycket interaktiv. En av de viktigaste områdena som jag tror är att lida är länkhuvudseffekterna eller bristen på dem.
I navigeringen är skillnaden i färgen på länken på non-hover och hover-staterna lite för subtil och kanske omöjlig för färgblind användare att ens märka på så liten text. Vidare, förutom de i sidofältet, har nästan alla andra länkar på sidan absolut ingen svängningseffekt alls. Om din webbläsares markör inte automatiskt ändras för länkar, skulle användarna förmodligen inte ens veta att det fanns någon närvarande på sidan.
Återigen ligger detta nära i begreppet "interaktivt". Om du lägger till objekt som ändras med interaktion på olika punkter på hela sidan kommer webbplatsen att känna sig mycket mer levande och aktiv. Dessa element behöver inte skrika på dina användare, men de borde åtminstone inte gömma sig.
Lägga till länkar
Längs samma åder som att föra de nuvarande länkarna till livet tror jag att några fler borde läggas till. Som jag sa tidigare gillar jag hur innehållet på hemsidan och navigeringen knyts samman. Till exempel finns en service länk i navigeringen och en tjänst sektion på sidan. Men texten som säger? Tjänster och förmågor? I innehållsdelen är inte aktiverat som en länk till "Tjänster och funktioner"? sida.
Försök alltid göra saker löjligt lätt på dina användare. Om de ser en rubrik som matchar den plats de vill gå, borde de kunna klicka på den för att åka dit istället för att jaga efter rätt länk.
Mellanrum
Det finns ett par ställen på sidan som delar upp innehållet i tre kolumner, var och en med sin egen rubrik. Problemet är att huvudet och kolumnen är placerade så långt ifrån varandra, det är inte omedelbart uppenbart att de tillhör varandra.
Jag rekommenderar att du tar bort ungefär hälften av avståndet här så att användarna direkt kan berätta att dessa två områden borde tolkas som en enda enhet.
Justering och överflöde
Det finns två viktiga områden där jag spottar problem med små saker som inte klämmer upp ordentligt. Den första är i sidofältet. Twitter-flödet här verkar vara överflödigt ur behållaren.
Den andra är de juridiska kopierings- och navigeringslänkarna i sidfoten. De delar inte riktigt någon form av anpassning och verkar bara vara flytande slumpmässigt i utrymmet. Jag rekommenderar att de båda ger en stark vänsterjustering och kanske trycker dem över nära logotypområdet till vänster.
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.