Tien jaar geleden bladerden veel internetgebruikers ongeduldig naar Smashing Magazine om de nieuwste webdesignartikelen te lezen. Veel echte webontwerpers vonden hun passie voor het maken van websites via deze berichten. Het was een tijd waarin de principes van webdesign een productief debat bepaalden onder ontwerpers – zowel beginners als experts.
Tegenwoordig zijn er aanzienlijk minder discussies over ontwerpprincipes. Is de passie voor goed design dood? Ik geloof dat ontwerpers, bloggers en ontwikkelaars geen tijd meer hebben voor deze discussies.
We hebben toegang tot zoveel websitebouwers, sitesjablonen, contentmanagementsystemen (CMS) en andere tools om websites te maken. In deze overvloed aan alternatieven creëren we steeds meer sites, maar we negeren hun ontwerp.
Ik geloof dat iedereen van tijd tot tijd een opfriscursus nodig heeft over de basisbeginselen van webontwerp. Bekijk deze ideeën!
Eenvoud in design
Ben je de talloze blogposts beu die de sexyheid van eenvoud benadrukken? Het is volkomen begrijpelijk. Maar de harde realiteit is dat 99% van de sites min of meer belast zijn met nutteloze elementen.
Website-eigenaren willen gebruikers helpen door zoveel mogelijk gegevens in zo weinig mogelijk ruimte te verstrekken. Ze moeten echter de goede plek vinden, omdat te veel gegevens kijkers irriteren. Webdesign is deels wetenschap, deels kunst!
Anders dan tien jaar geleden, toen smartphones nog maar door een klein percentage van de bevolking werden gebruikt, zijn er nu meer mobiele gebruikers dan desktopgebruikers. In deze context is eenvoud nog belangrijker. Een eenvoudige lay-out laadt sneller en irriteert gebruikers niet.
Eenvoud gaat hand in hand met laadsnelheid. Tegenwoordig is een snellaadsite verplicht. Vergeet de theorie van Steve Jobs niet: design is niet hoe het eruit ziet, maar hoe het werkt.
Controleer elk item op uw site. Is het onnodig? Als dat zo is, verwijder het dan. Is het enigszins nodig? Als dat zo is, verwijder het dan. Is het nodig? Zo ja, verwijder het! Is het extreem noodzakelijk? Zo ja, bewaren!
Laat gebruikers niet nadenken
Steve Krug schreef in 2000 een boek met deze titel, en ontwerpers waardeerden het zeer. De inzichten van Krug zijn zelfs nu nog geldig, bijna twintig jaar later. Een goede webdesigner zet gebruikers niet aan het denken. En dit idee is niet aanstootgevend voor gebruikers.
Mensen hebben een aandachtsspanne die korter is dan die van een goudvis ! De aandachtsspanne van de gemiddelde mens bedroeg in 2002 twaalf seconden en in 2012 slechts acht seconden. Tegenwoordig heeft u waarschijnlijk minder dan acht seconden om gebruikers te overtuigen van het nut van uw site.
De kans is groot dat een eenvoudige lay-out gebruikers niet aan het denken zet, maar er zijn nog veel meer aspecten waarmee rekening moet worden gehouden. Begin met een laag die scanbaar is: gebruikers scannen, niet lezen. Zorg ervoor dat uw slogan en slogan gemakkelijk opvallen. Mensen moeten vanaf de eerste seconde weten waar ze zijn beland en wat het doel van de webpagina is.
De architectuur van de site moet gebruikers in staat stellen om in minder dan drie klikken van de startpagina naar een andere pagina te navigeren. Elke extra klik zal vragen oproepen. Hoe meer vragen een gebruiker heeft, hoe lager de kwaliteit van de website lijkt.
Visuele hiërarchie
Niet alles op een webpagina is even belangrijk. Laat mensen weten wat uw sterkste boodschap is door gebruik te maken van visuele hiërarchie. Daarom moet de call-to-action-knop groot en krachtig zijn en op een plek worden geplaatst waar hij meteen in het oog springt.
Visuele hiërarchie wordt bereikt met plaatsing, grootte en kleur. Bij het ontwerpen van de lay-out moet u er rekening mee houden dat mensen een webpagina gewoonlijk in een “F”- of “Z”-patroon scannen .
Ook worden grotere webpagina-elementen geassocieerd met belangrijkere rollen. Het is logisch om een grote slogan te hebben, nietwaar?
Ten slotte geven kleuren ook vorm aan de visuele hiërarchie. Daarom staat een goede call-to-action-knop in krachtig contrast met de achtergrond.
Gestaltontwerpwetten
De Gestaltpsychologie heeft tot doel de wetten van de menselijke perceptie in een ogenschijnlijk chaotische wereld te bepalen. Er zijn een paar wetten die ontwerpers helpen gebruiksvriendelijkere ontwerpen te maken.
Wet van nabijheid
Volgens deze wet worden objecten die dicht bij elkaar staan, gezien als een verenigde groep. Pas deze wet bijvoorbeeld toe bij het ontwerpen van een goed navigatiemenu.
Gebruikers zullen het menu niet als geheel waarnemen als de items niet dienovereenkomstig zijn gegroepeerd, en dat zal de gebruikerservaring aanzienlijk schaden. Groepeer alle menu-items en streef naar symmetrie en gelijkenis om een esthetisch element te realiseren.
Wet van gelijkenis
Deze wet stelt dat vergelijkbare objecten vaak als een verenigde groep worden gezien. Net als de vorige wet raad ik aan soortgelijke menu-items te ontwerpen.
Wet van Symmetrie
Objecten die symmetrisch ten opzichte van elkaar zijn, worden gezien als een verenigde groep. Mensen geven de voorkeur aan symmetrie boven asymmetrie, dus streef naar symmetrie in uw lay-outontwerp.
Wet van Continuïteit
Volgens deze wet heeft het menselijk brein de neiging om de objecten die zich dicht bij elkaar bevinden, in een lineair pad te verenigen. Bekijk dit artikel om te leren hoe de wet van continuïteit in de kunst werkt. Houd deze wet in gedachten bij het ontwerpen van lay-outs die onregelmatige vormen en gebogen lijnen bevatten.
Er zijn nog een paar Gestaltwetten die een kleinere invloed hebben op ontwerpwerk. Negeer de menselijke psychologie niet bij het ontwerpen van websites.
Kleuren spreken
Spelen met kleuren is leuk, maar het is een riskant spel! Websitebouwers zoals Wix, Gutenberg-editor en andere WordPress-paginabouwers stellen gebruikers in staat om het volledige kleurenschema van een site in een handomdraai te wijzigen.
Het is zeker een geweldige functie, maar tegelijkertijd kan het een negatieve invloed hebben op het ontwerp van de website.
Een succesvolle site is gebruikersgericht, dus het kleurenschema moet comfortabel zijn voor gebruikers en niet de favoriete keuze van de websitebeheerder.
Het kiezen van het juiste kleurenschema is niet eenvoudig. Als vuistregel geldt dat meer dan vier kleuren te veel zijn, maar dit hangt af van het doel en de complexiteit van de site. Kleuren moeten de afbeeldingen aanvullen en een gezamenlijke boodschap helpen overbrengen.
Vergeet ten slotte nooit de verschillende betekenissen van kleuren over de hele wereld . Gelukkig voor ons zijn er talloze webapps die je helpen inspiratie op te doen en de juiste kleurenschema's te kiezen.
Leesbaarheid
Gemiddeld leest één op de twee lezers van dit bericht het op een handheld-apparaat. De schermformaten en de besturingssystemen zijn verschillend, maar de inhoud is hetzelfde. Het lettertype en de lettergrootte moeten zich aanpassen aan elk apparaat om de beste leesomgeving te bieden.
Het is onnodig om te zeggen dat mensen uw site zullen verlaten als uw inhoud niet leesbaar is, en een slechte lettertypekeuze kan een goede website verpesten. Test elke lettertypekeuze voordat u deze op uw site implementeert.
Testen, testen, testen
Niet alleen de technologie is de afgelopen tien jaar veranderd, maar dat geldt ook voor de manier waarop een site wordt gemaakt en onderhouden. Een website was tien jaar geleden slechts een online aanwezigheid. Tegenwoordig maakt het deel uit van een bedrijf of van het bedrijf zelf.
Mensen beoordelen uw diensten op basis van uw site. Bijgevolg is een site niet langer een statisch exemplaar: het is een levend wezen. Site-eigenaren werken samen met ontwerpers en werken voortdurend aan het verbeteren van hun sites.
Testen is geen webontwerpprincipe, maar een onderdeel van het proces van het maken en verbeteren van een website.
Inpakken
WordPress, Bootstrap en Wix geven gebruikers onbeperkte mogelijkheden om een website te maken zonder codering. Ze zijn geweldig, maar onervaren gebruikers kunnen in de verleiding komen om websites te maken die aansluiten bij hun voorkeuren en niet op basis van goede webontwerpprincipes.
De bovenstaande tips zijn slechts een oppervlakkige schets, maar vormen een nuttige samenvatting van de basisideeën. Heb ik een belangrijke tip gemist? Laat een reactie achter met uw inzichten. Wij wachten met spanning op uw bijdrage.
Laat een reactie achter