6 stappen om het minimalisme in het webontwerp te perfectioneren
In de afgelopen paar jaar is webdesign opgeschud door verschillende trends die zijn gekomen en weg zijn. Een van de trends met uithoudingsvermogen is minimalisme, simpelweg omdat het een tijdloos concept is dat door de eeuwen heen op verschillende media populair is geweest. Dus waarom niet in webdesign?
Een van de dingen die met minimalisme te maken hebben, is dat het de gebruikerservaring verbetert en er bovendien leuk uitziet. Een klacht van veel gebruikers over de jaren is dat sommige websites gewoon te ingewikkeld zijn om te navigeren. Er gebeurt gewoon teveel dat de gebruikerservaring minder maakt dan wat het zou moeten of zou kunnen zijn.
Het oude gezegde dat 'minder is meer' klopt nog steeds, vooral als het gaat om design in de 21 ste eeuw.
1) Omarm het platte ontwerp
We weten allemaal dat platte vormgeving in wezen het antwoord is van de ontwerpwereld op het skeuomorfisme, dat onlangs op grote schaal uit de gratie is geraakt, met Apple als een goed voorbeeld van deze zeewijziging. Het platte ontwerp wordt met name gekenmerkt door de afwezigheid van slagschaduwen, 3D-effecten en -gradiënten; het gebruikt ook gewaagde en levendige kleuren om de aandacht van de gebruiker te trekken.
Een enorm merk, dat op een indrukwekkende manier plat is omarmd, is Microsoft, vooral met het Windows 8-besturingssysteem. Op de officiële website van het bedrijf voor de nieuwste versie , 8.1, we zien een flatscreen ontworpen in al zijn glorie. Dit is volledig logisch vanuit het oogpunt van consistentie, aangezien Windows 8 bekend stond om het platte ontwerp van zijn startscherm.
Daarom zie je op de site geen tekenen van schaduwen of gradiënten - je ziet alleen alles in 2D. De typografie van verschillende lettertypen voor koppen en body-copy functies geen texturen van welke aard dan ook; de paginalay-out is zeer schoon en zonder rommel; pictogrammen en knoppen zijn levendig en plat als het kan; en de afbeeldingen van Windows 8 startschermen zijn een studie in platte uitvoering.
2) Neem witte ruimte op
Hoe je het ook wilt noemen, negatieve of witte ruimte is niet alleen een uitzonderlijk slim ontwerpelement dat het oog leidt naar waar je wilt dat het op een webpagina gaat, maar het is ook een standaarddrager voor minimalisme. Meer en meer sites gaan naar deze ontwerptechniek als ze zich realiseren hoe nuttig het is.
Het beste voorbeeld van negatieve of witte ruimte op internet is waarschijnlijk de site waarmee u het het minst associeert, alleen omdat u het als vanzelfsprekend beschouwt. Je gebruikt het zo vaak dat het eenvoudig aan je aandacht ontsnapt ... maar het is er! ik heb het over Google zoeken . Het is een studie in de witte ruimte, om redenen die vrij vanzelfsprekend zouden moeten zijn.
Omdat het doel van de site zoekend is, heeft het bedrijf listig zoveel negatieve of witte ruimte op de pagina gebruikt dat een gebruiker in het hele universum onmogelijk kan worden afgeleid door iets anders op de zoekpagina. Alle elementen zijn verwijderd en witruimte omgeeft de zoekbalk. Vanzelfsprekend richt dit het oog van de gebruiker op het punt van grootste en enige belang: waar te typen in uw zoekopdracht.
Hoewel negatieve of witte ruimte een ideaal voorbeeld van minimalisme is, moet ook worden benadrukt dat dit niet per se de leegte vertegenwoordigt. Het is eigenlijk een heel slim ontwerpelement dat helpt bij het begeleiden van de ogen van de gebruiker.
3) Beperk keuzes
Een van de grootste regels voor het verhogen van conversies op elke e-commerce- of B2B-site is het verwijderen van het aantal keuzes dat u uw gebruikers, kopers of bezoekers geeft. Het is gewoon logisch: wanneer je zoveel mogelijk keuzes wegneemt, laat je je bezoekers niet afleiden door iets dat hen kan beletten het doel van de pagina te voltooien, namelijk omzetten. Minder keuze is dus een ander verbluffend voorbeeld van minimalisme in webdesign.
Een van de beste plaatsen om de magie van het minimalisme van keuze te zien, is op bestemmingspagina's - bestemmingspagina's die er precies goed uitzien. Een bedrijf dat het principe van minimalisme in de keuze krijgt, is Gengo, het professionele vertaalbureau.
Op de landingspagina , je ziet een totale afwezigheid van keuze. Dat komt omdat de bestemmingspagina heel duidelijk maakt wat de volgende (en enige) stap zou moeten zijn voor bezoekers: converteren door de tekst in te typen of het bestand te uploaden voor vertaling. Natuurlijk zouden de die-hard puristen op het gebied van het minimaliseren van de keuze zelfs beweren dat het navigatiemenu hierboven in de kop moet worden verwijderd, omdat gebruikers er nog steeds kunnen klikken in plaats van super gefocust te zijn op de vertaaldienst.
4) Focus op gedurfde typografie
Als je het minimalisme in webdesign echt wilt waarderen naar de basisprincipes, kijk dan eens De site van Brian Danaher . Brian is een art director, ontwerper en illustrator.
Zoals je kunt zien, berust zijn site-ontwerp fundamenteel op twee dingen: gedurfde typografie die je niet mag missen en een lay-out met één kolom. Dat is het! Ja, deze benadering van minimalisme is misschien te extreem voor sommige smaken die er zijn, maar het volbrengt nog steeds twee zeer belangrijke doelen, die boven aan iemands hoofd zijn als ze een eigen site hebben om hun carrière te promoten:
- Omdat de navigatie in feite in de lay-out met één kolom is ondergebracht, weet Brian precies wat hij doet, wie hij is en hoe bezoekers van de site met hem in contact kunnen komen.
- Brian slaagt erin contrast te gebruiken (zowel in de lettertypekleuren en achtergrondkleuren als tussen de formaten en stijlen van de lettertypen) om zijn sitebezoekers iets interessants te geven om naar te kijken
5) Vereenvoudig uw navigatie
Het navigatiemenu kan vaak over het hoofd worden gezien als we een discussie hebben over minimalisme in het ontwerp van de site, maar het kan ook een enorme (hoewel stille) bijdrage leveren aan het minimaliseren van het werk op je website. Een navigatiemenu dat niet opdringerig is en stil overgaat in de achtergrond is de sleutel om een site minimalistisch op een functioneel niveau te maken.
Bekijk fotograaf en ontwerper De site van Cristian Ordonez dat is een onderzoek in het minimalistische navigatiemenu. Het menu is zo'n toegewijde benadering van minimalisme dat het niet eens over de gehele breedte van de homepage reikt; in plaats daarvan is het een beetje stil weggestopt in de rechterbovenhoek van de site. Bovendien is er geen slide-out menu-actie gaande, dus er zijn geen verschillende of extra navigatielagen. Ten slotte mengen de kleuren van het menu (ten minste op de startpagina) subtiel ook in de achtergrondkleur.
6) Gebruik kleur in patches
Als u kleine kleurvlakken in uw siteontwerp gebruikt, kunt u zich aan de minimalistische aanpak houden en wordt het voor bezoekers van uw site eenvoudiger om op een bepaalde pagina op te nemen wat belangrijk is. Door hier en daar kleine kleurpjes op te nemen, slaagt u erin de ogen van bezoekers van uw site te trekken naar specifieke belangrijke gebieden.
De site van de 960 rastersysteem , waarvan de missie is om het webontwikkelingsproces te stroomlijnen, belichaamt dit slimme kleurgebruik heel goed. Meteen zie je de kleine spatten van geel die bijvoorbeeld worden gebruikt voor interne links zoals "download" en "bekijk demo". Zelfs het klikbare Twitter-logo in de linkerbovenhoek biedt een flard helder blauw dat de ogen trekt van bezoekers van de site (het brengt u rechtstreeks naar de Twitter-feed van eigenaar / ontwerper Nathan Smith).
Minimalisme werkt als je weet hoe je het moet gebruiken
Noem het woord 'minimalisme' voor sommige ontwerpers en ze worden bang omdat ze ten onrechte denken dat een al te simplistisch siteontwerp onaantrekkelijk zal zijn. Zoals de bovenstaande voorbeelden aantonen, kan niets echter verder van de waarheid afwijken.
Goed gedaan, minimalisme in het ontwerp van de site kan leiden tot een aantal nieuwe en populaire trends, zoals platte ontwerpen, of ervoor zorgen dat site-eigenaren meer geld verdienen door conversies te verhogen wanneer de keuze beperkt is. Al met al creëert minimalisme een schone, overzichtelijke en nette website die dingen gemakkelijker maakt voor bezoekers van uw site. Dat is de enige reden om het in uw siteontwerp te gebruiken.