Web Design Critique # 4: Anthem Design Group
Elke week bekijken we een nieuwe website en analyseren we het ontwerp. We zullen wijzen op zowel de gebieden die goed zijn gedaan als de gebieden die wat werk kunnen gebruiken. Ten slotte sluiten we je af met je eigen feedback.
De site van vandaag is Anthem Design Group. Anthem is een klein bekroond creatief en interactief ontwerpbureau in Atlanta, Georgia, VS.
Als u wilt dat uw website wordt opgenomen in een toekomstige ontwerpkritiek, duurt het maar een paar minuten. We rekenen $ 24 voor het bekritiseren van uw ontwerp - aanzienlijk minder dan u zou betalen voor een consultant om uw site te bekijken! Meer informatie vind je hier.
Hymne
“We zijn een vriendelijke, hardwerkende groep van creatieve en technische mensen met superhoge normen die graag geweldige websites, apps, games en kunst maken. Ons werk is bekroond, aantrekkelijk en fijn gemaakt. We werken graag met bedrijven van elke omvang en zijn trots op onze diverse en fantastische groep klanten. ”
Dit is de startpagina van hun website:
Het is een vrij sterk ontwerp met drie primaire kolommen plus een zijbalk (dus eigenlijk vier kolommen). De grote afbeelding bovenaan is een afbeeldingsschuifregelaar met een basisvervagingsovergang.
Laten we een paar dingen bekijken die echt leuk zijn aan dit ontwerp.
Gemakkelijk te navigeren
Er gebeurt hier veel voor een enkele pagina, maar voor het grootste deel is het logisch ingedeeld en is het gemakkelijk te doorzoeken. De homepage lijkt te dienen als een mooi overzicht van alles wat je op de site vindt. Een aantal van de pagina's die toegankelijk zijn via de navigatie, worden hier op de pagina weergegeven met een klein beetje inhoud.
Telkens wanneer u geen idee heeft hoe u de startpagina van een grote site moet vullen, moet u er rekening mee houden dat deze vaak als toegangspoort tot al het andere moet dienen. Door hier hapklare voorbeelden van de rest van de site in te voegen, kan de gebruiker snel kennis maken met wat u aanbiedt en zal het ook helpen bij het vinden van specifieke inhoud.
Het breken van de regels
Deze site heeft een aantal vrij strikte uitlijningen en insluitingsapparaten die goed zijn om alles schoon en georganiseerd te houden. We zien echter in de voettekst dat het vaak goed is om zo'n ontwerp te nemen en het op een paar plaatsen te breken.
Hier zien we het logo en de contactgegevens in een doos die in strijd is met de harde lijnen die zijn opgesteld door de voettekst en de scheiding van inhoud. Ik zou graag iets bovenaan de pagina zien om dit idee ook op te pakken om de stijfheid van het ontwerp te verminderen.
Gebieden om te verbeteren
Laten we nu in de kritiek duiken. Hieronder staan enkele problemen die volgens mij persoonlijk moeten worden aangepakt met betrekking tot het ontwerp.
Interactief?
Ik zie het woord 'interactief' op verschillende plaatsen op de pagina over wat Anthem doet, maar afgezien van de afbeeldingsschuifregelaar, voelt de site gewoon niet erg interactief aan. Een van de belangrijkste gebieden die volgens mij lijdt, zijn de link hover-effecten, of het gebrek daaraan.
In de navigatie is het verschil in de kleur van de link in de niet-zwevende en zweeftoestanden een beetje te subtiel en misschien onmogelijk voor kleurenblinde gebruikers om zelfs maar iets van zulke kleine tekst op te merken. Verder hebben, afgezien van die in de zijbalk, bijna alle andere links op de pagina absoluut geen zweefeffect. Als de cursor van uw browser niet automatisch veranderde voor links, zouden gebruikers waarschijnlijk niet eens weten dat er iets op de pagina aanwezig was.
Nogmaals, dit sluit nauw aan bij het idee van "interactief". Door items toe te voegen die met interactie veranderen op verschillende punten op de pagina, voelt de site veel levendiger en actiever. Deze elementen hoeven niet naar uw gebruikers te schreeuwen, maar ze mogen in ieder geval niet worden verborgen.
Links toevoegen
In dezelfde geest als het tot leven brengen van de huidige links, denk ik dat er nog een paar moeten worden toegevoegd. Zoals ik eerder zei, vind ik het leuk hoe de inhoud van de startpagina en de navigatie op elkaar aansluiten. Er is bijvoorbeeld een serviceslink in de navigatie en een servicesectie op de pagina. De tekst met de tekst 'Services en mogelijkheden' in het inhoudsgedeelte is echter niet ingeschakeld als een link naar de pagina 'Services en mogelijkheden'.
Probeer het uw gebruikers altijd belachelijk gemakkelijk te maken. Als ze een kop zien die overeenkomt met de plaats waar ze naartoe willen, moeten ze erop kunnen klikken om ernaartoe te gaan in plaats van op zoek te gaan naar de juiste link.
Spatiëring
Er zijn een paar plaatsen op de pagina die de inhoud opsplitsen in drie kolommen, elk met hun eigen koptekst. Het probleem is dat de koptekst en de kolom zo ver uit elkaar liggen dat het niet meteen duidelijk is dat ze bij elkaar horen.
Ik raad aan om hier ongeveer de helft van de afstand te verwijderen, zodat gebruikers meteen kunnen zien dat deze twee gebieden als een enkele eenheid moeten worden geïnterpreteerd.
Uitlijning en overloop
Er zijn twee belangrijke gebieden waar ik problemen zie met kleine items die niet goed uitgelijnd zijn. De eerste staat in de zijbalk. De Twitter-feed lijkt hier uit de insluitingsdoos te stromen.
De tweede is de legale kopie en navigatielinks in de voettekst. Ze delen niet echt een uitlijning en lijken gewoon willekeurig in de ruimte te zweven. Ik raad aan om ze allebei een sterke uitlijning naar links te geven en ze misschien naar het logogebied aan de linkerkant te duwen.
Jouw beurt!
Nu je mijn opmerkingen hebt gelezen, kun je meedoen en helpen door de ontwerper wat verder advies te geven. Laat ons weten wat je geweldig vindt aan het ontwerp en wat je denkt dat sterker zou kunnen zijn. Zoals altijd vragen we u ook respect te hebben voor de ontwerper van de site en duidelijk constructief advies te geven, zonder harde beledigingen.
Geïnteresseerd om uw eigen site te laten bekritiseren? Meer informatie vind je hier.
