Web Design Critique # 13: Annual Design Awards
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 de jaarlijkse Design Awards.
Verken Envato Elements
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.
Over de jaarlijkse Design Awards
“De Annual Design Awards (bijgenaamd ANNDAS) is een wereldwijde erkenning van geavanceerde visuele communicatie, opgezet om uitmuntende bijdragen binnen de Design-industrie te belonen. We hebben een aantal van de meest verbazingwekkende talenten en gerespecteerde figuren van over de hele wereld samengebracht om dit wereldwijde evenement te beoordelen, dat tot doel heeft de belangrijkste designprijzen te worden en internationale normen te stellen. ”
Hier is een screenshot van de homepage:
Algemeen ontwerp
Ik wil beginnen met te zeggen dat dit al een geweldige site is. Ik hou van het zwart in combinatie met oranje. Deze enkele herhaling van een felle kleur helpt de ogen van de gebruiker naar de belangrijke delen van de pagina te trekken.
De indeling is solide en bevat veel witruimte. Ook is het visuele volume van de objecten goed verspreid zodat de belangrijke gebieden worden gemarkeerd.
Gelukkig lijkt het erop dat de mensen die het ontwerp van anderen beoordelen, zelf een sterk gevoel voor ontwerp hebben! Nu we het geheel hebben geanalyseerd, gaan we het stuk voor stuk uitsplitsen.
Logo gebied
Laten we beginnen op de meest voor de hand liggende plaats: linksboven. Hier zien we het Annual Design Awards-logo een soort stralende cirkelgrafiek.
Het logo is eenvoudig maar effectief. Het suggereert een jong en scherp publiek dat niet zo dol is op strakke lijnen en saai minimalisme (de site is eigenlijk redelijk schoon, maar op een stiekeme manier).
De cirkels zijn een gedurfd idee dat subtiel is uitgevoerd (smaakvol gedaan). Het is een heel eenvoudig ontwerpelement dat u helpt uw aandacht te vestigen op het logo en bijgevolg op de naam van de site. Dit zou niet werken op een rommelige site, maar deze pagina is eenvoudig genoeg dat het geen visuele puinhoop oplevert en in plaats daarvan zijn doel perfect vervult.
Navigatie
Het navigatiegebied is vrij eenvoudig, alleen wat tekst boven een horizontale balk met pauzes voor elke sectie.
Ik hou echt van de lettertype-keuze hier. Het voelt als iets op maat gemaakt met @ font-face, dus ik was verrast toen ik naar de code gluurde en zag dat het gewoon Georgië cursief was.
Door over een sectie te zweven, wordt de balk in oranje gemarkeerd. Dit is leuk, maar het voelt een beetje vreemd dat de tekst iets niet zo goed doet (dit is nogal kieskeurig, maar op fantastisch uitziende sites moet ik ergens over praten!).
Ik kan begrijpen waarom de ontwerper de tekst niet zo goed heeft veranderd, omdat het waarschijnlijk een beetje moeilijk wordt om kleine oranje tekst op een zwarte achtergrond te lezen. Misschien zou een zeer kleine CSS-transformatie om de tekst tijdens het zweven te roteren helpen. Het is niet erg als het wordt genegeerd in oudere browsers en het zou een mooie knipoog zijn naar de logostijl.
Diavoorstelling
Ik ben dol op JavaScript-diavoorstellingen, dus ik vind deze sectie geweldig. De afbeelding schuift naar links als er een nieuwe verschijnt en de tekst heeft een mooi vervagend effect. Ik hou ook erg van de transparante rand en snijtekens.
De afspeel- en pauzeknop hier snijdt het echter gewoon niet voor mij. Ik zag een afbeelding voorbijgaan waar ik weer naar wilde kijken, maar ik kon niet terug. Daarom moest ik wachten tot het weer zou gebeuren (wat een tijdje duurde).
Ik raad aan om een lijn met kleine cirkelpictogrammen te plaatsen die naar elke afbeelding linken. Het is eenvoudig en subtiel en geeft de gebruiker zowel een idee van waar ze zich in de diavoorstelling bevinden als enige controle over het zien van specifieke afbeeldingen.
Entry sectie
Het volgende gedeelte is waar gebruikers zich normaal gesproken zouden aanmelden om binnen te komen, maar dit is voorlopig gesloten zoals aangegeven door de plaknotitie.
De sticky schendt het ontwerp (opzettelijk) volledig en zorgt ervoor dat je het feit dat inzendingen zijn gesloten niet mag missen. Dit werkt goed en informeert gebruikers onmiddellijk over de informatie die ze moeten weten.
De graphics onder de sticky zijn echter een beetje storend. De prijzen lijken vreemd geplaatst, waarbij de ene tegen die rechthoekige doos aan de linkerkant botst en de andere er niet tegenaan botst. Ik weet niet precies wat hier gebeurt, maar het lijkt een beetje uit.
Voettekst en contactformulier
Het laatste gebied waar we naar kijken, is onderaan de pagina waar u zich kunt aanmelden om informatie te ontvangen. Er zijn ook de standaard voetteksten en sociale informatie onder het contactformulier.
Ik vind het leuk dat het contactformulier hier is genesteld in plaats van op een speciale pagina en dat er maar twee velden zijn om in te vullen. Ik heb gemerkt dat de veldlabels verdwijnen wanneer u in het vak klikt en niet terugkomen wanneer u klikt zonder iets te typen. Dit presenteert een beetje een bruikbaarheidsprobleem omdat ik op de pagina aan het klikken was, maar toen niet zeker wist welk vak voor de naam was en welke voor de e-mail toen ik terugkwam.
Ten slotte ziet het voettekstgebied er geweldig uit, maar ik zou graag wat ruimte willen zien tussen de woorden "Volg ons" en het bijbehorende pictogram. Op dit moment zijn ze een beetje samengedrukt.
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.
