Less is More Fundamentals of Minimalist Web Design

Vechten tegen de rommel is iets wat elke ontwerper onderneemt, of het nu op zijn eigen site is of bij het ontwerpen voor een klant. Het ontwerp van uw website moet het doel van uw site verbeteren door de focus op de inhoud te leggen en door iedereen bruikbaar te zijn. De extra tijd nemen om ervoor te zorgen dat er geen detail over het hoofd wordt gezien, levert een effectieve en aantrekkelijke website op.

Definieer het doel van de site

"Uw site heeft een duidelijk omschreven doel nodig om elke verwarring vanaf het begin te elimineren ...

Allereerst eerst - voordat u uw favoriete grafische app opent om uw nieuwe, hippe, minimale site te ontwerpen, moet u vaststellen waarvoor de site wordt gebruikt. Uw site heeft een duidelijk omschreven doel nodig om elke verwarring vanaf het begin te elimineren door één enkel, sterk brandpunt te hebben. Het kan zijn om bekroonde foto's te laten zien aan potentiële klanten, nieuws over brekende technologieën te delen of gebruikt om uw handgemaakt huisdierenspeelgoed te verkopen. Begin met het maken van een eenvoudige verklaring:

Mijn site moet ______________________________________.

  • Leid tieners op over de gevaren van sms'en en autorijden
  • Toon bekroonde foto's aan potentiële klanten
  • Verkoop met de hand gemaakt, premium hondenspeelgoed

Door al vroeg een doel duidelijk te definiëren, kun je het gebruiken om je ontwerp op schema te houden. Terwijl je door de ontwerpelementen werkt, blijf je jezelf vragen stellen zoals:

  • Zal dit compliment zijn en het doel van mijn site versterken??
  • Is dit echt nodig of vul ik gewoon de ruimte in?
  • Zal dit het doel van mijn site afleiden??

Alles wat u aan de site toevoegt en het werkelijke doel van uw site niet versterkt, kan een afleiding zijn en uw algehele boodschap verzwakken. De extra items moeten uw focus aanvullen.

Uw site met krachtige pogo-sticks hoeft geen link naar uw portfolio voor stockfoto's te bevatten, ongeacht hoe geweldig het is.

Dit is niet het moment om dingen te doen die u op uw site wilt, het is wat nodig is dat echt belangrijk is. Je hebt maar een paar seconden om je bezoekers te overtuigen om rond te blijven en je bericht te lezen.

Zweet de kleine dingen

Elk detail heeft betekenis, wat u uit uw ontwerp verwijdert, is net zo belangrijk als wat u toevoegt.

De fundamenten zijn precies dat, fundamenteel. Al uw ontwerphouders worden veel belangrijker om te begrijpen en te implementeren wanneer rommel en onnodige items worden verwijderd, waardoor uw boodschap op de voorgrond wordt geplaatst.

Fouten worden vergroot met schone, eenvoudige, minimale ontwerpen. Ervoor zorgen dat u de fundamentals van het ontwerp hebt bestudeerd, is van vitaal belang als u artikelen op de pagina wilt plaatsen en deze aan elkaar wilt relateren. Alles wat u doet, moet worden gepland en bedoeld - alleen al omdat er ruimte is voor 'nog één ding' hoeft niet per se te betekenen dat daar iets moet zijn.

Veel, zo niet alle, ontwerpprincipes zijn van toepassing op schone, eenvoudige, minimale stijlontwerpen, maar zorg ervoor dat u deze vanaf het begin bekijkt:

Eenheid

Uw pagina-elementen moeten met elkaar overweg kunnen en goed bij elkaar passen om het algehele ontwerp te verbeteren. Items die opvallen om de aandacht op de pagina te trekken, moeten opvallen omdat u dat wilt, niet omdat ze niet in de andere items op de pagina passen.

Eenvoudige spatten van kleur toevoegen interesse in een zwart-wit kleurenschema en trek uw aandacht van het logo naar creatief, slim en leuk.

Witte ruimte

Elementen op de pagina hebben ruimte nodig om te ademen. Het lijkt misschien logisch voor u en u doet het misschien zelfs zonder te denken, maar veelgestelde vragen van klanten lijken:

  • "Laten we nog een ding toevoegen, er lijkt hier veel extra ruimte ..."
  • "Er is ruimte onder het menu, verplaats het zodat we kunnen toevoegen ..."
  • "Er is een opening langs de zijkanten van de site, we moeten ook ..."

Door waardevolle witruimte tussen elementen op te geven, wordt de site krap en beginnen elementen samen te lopen, zonder uw ogen een pauze te geven die helpt om afzonderlijke gebieden te definiëren.

Web Creme heeft een beperkt aantal advertenties maar plaatst ze in een gebied met de grootste impact.

opstelling

Er zijn veel manieren om objecten op een pagina uit te lijnen, maar met een schoon, eenvoudig, minimaal ontwerp, als iets zelfs een pixel of twee is, is het veel gemakkelijker om te herkennen.

Gebruik een raster om alles wat u nodig hebt uitgelijnd, vierkant en perfect te houden. Het is geweldig om een ​​ontwerp helemaal uit te tekenen naar ontwikkeling met veel verschillende frameworks om uit te kiezen.

Subtiel niet jouw ding? Creëer direct impact door een gedurfde kleur te kiezen die aansluit bij uw ontwerp.

Hiërarchie

Met veel sites heeft u slechts een paar seconden om uw bericht over te brengen of een gebruiker te helpen waar u wilt.

De manier waarop u verschillende groottes en gewichten van elementen gebruikt, creëert een pad dat de gebruiker door de pagina leidt en meestal eindigt in een call-to-action-gebied. Wanneer gebruikers zich op hun gemak voelen, gaan ze in de goede richting, ze zullen doorgaan, maar als ze in de war raken over wat er aan de hand is, kunnen ze gefrustreerd raken.

Pandaweb gebruikt witruimte om de aandacht van bezoekers op het promotiegebied te houden.

Verwijder de overbodige

Wat is de beste manier om onnodige elementen te vinden en te elimineren? Door ze niet toe te voegen! Besteed extra tijd aan het plannen van de site en het vroeg definiëren van uw doel om extra's die alleen maar ruimte opvulden te elimineren.

Houd tijdens het ontwerpproces ruim de tijd om elk element van uw site door te vragen: heb ik dit echt nodig? Je doel of focus verschuift mogelijk een beetje, dus het is een goed idee om jezelf dit te blijven vragen terwijl je meegaat.

Als u toegang heeft tot een testgroep, probeer dan op een testsite clicktracking-software te gebruiken om elementen te vinden die nooit worden gebruikt. Bekijk de ongebruikte elementen en beslis of u ze kunt verwijderen of op een andere locatie kunt plaatsen.

Onthoud dat het creëren van een schoon, eenvoudig, minimaal ontwerp de geest in staat stelt om naar de basis te gaan, uw bezoekers laat zien wat u te bieden heeft en uw boodschap op de meest efficiënte manier over te brengen..

Bruikbaarheid is niet optioneel

Er is geen goede reden om ontwerp te kiezen boven bruikbaarheid, ze zullen perfect samenwerken als ze op de juiste manier worden uitgevoerd. Een goed ontworpen, gebruiksvriendelijke website houdt bezoekers langer vast en voldoet aan het ultieme doel van de site om uw inhoud weer te geven en uw boodschap effectief af te leveren.

Een site die gemakkelijk en comfortabel in gebruik is, heeft bijna het gevoel dat de gebruiker de gedachten leest en browsen wordt gemakkelijk en leuk.

Wees niet bang om creatief te zijn met nieuwe stijlen en technieken, maar wees bewust van algemene functionaliteit en plaatsing van elementen die je als vanzelfsprekend mag beschouwen:

  • Links moeten gemakkelijk te identificeren zijn en op klikken
  • Zorg altijd voor een manier om naar huis te gaan
  • Schakel nooit de terugknop uit
  • Voeg nauwe knoppen toe aan inhoud in pop-upvensters
  • Geef aan op welke pagina de gebruiker zich momenteel bevindt

Sommige mensen associëren schone, eenvoudige, minimale ontwerpen met miniatuurtekst en bijna onbruikbare elementen op een lege pagina. Enkele van de meest elementaire richtlijnen worden vaak over het hoofd gezien bij het ontwerpen van nieuwe sites:

  • De navigatie moet consistent en intuïtief zijn om te gebruiken
  • De inhoud moet leesbaar zijn met duidelijk gedefinieerde koppen
  • De code moet schoon zijn en voldoen aan de nieuwste webstandaarden
  • Zorg ervoor dat uw site in alle browsers correct wordt weergegeven en functioneert

Lokaliseren van probleemlocaties

Hoewel sommige dingen er in de ontwerpfase geweldig uitzien, kunt u zodra u de site in uw browser ophaalt, bruikbaarheidsproblemen ontdekken die u nog nooit hebt opgemerkt terwijl het ontwerp in Photoshop was.

Een goede manier om erachter te komen hoe de site wordt gebruikt, is door een vrijwilliger te grijpen en over de schouder te kijken of (met hun toestemming) een hulpprogramma voor het delen van bureaublad te gebruiken als u zich niet op dezelfde fysieke locatie bevindt..

Geef ze een lijst met taken en kijk goed of ze gemakkelijk kunnen worden uitgevoerd:

  • Koop een boek uit mijn winkel
  • Neem contact met me op voor een afspraak
  • Lees meer over mijn achtergrond

Je zult er versteld van staan ​​hoe verschillende mensen verschillende delen van de site of de paden die ze kunnen nemen kunnen interpreteren. Bekijk ze van dichtbij maar geef onderweg geen hulp of tips.

  • Zullen ze weten waar ze moeten klikken?
  • Gaan ze verdwalen op een bepaald gebied?
  • Kiezen ze op een ontwerpelement in de veronderstelling dat het hen naar een nieuwe pagina brengt??
  • Hebben ze moeite om op een klein pictogram te klikken??

Maak notities over gebieden waar ze moeite mee hebben en zoek manieren om te verbeteren. Wees niet defensief of boos als er problemen zijn met de site. Gebruik die nieuwe kennis om je werk te verbeteren en die kennis over te dragen naar toekomstige projecten.

Maar ik vind kleur leuk!

Het creëren van een schoon, eenvoudig, minimaal ontwerp betekent niet dat u vastzit in zwart-wit of een saaie en oninteressante site, maar gewoon om uw kleurkeuzes te vereenvoudigen. Er zijn twee hoofdroutes om kleur toe te voegen:

Kleuren explosie

Met kleine kleurpjes zullen de ogen van uw bezoekers onmiddellijk weten dat het gebied met kleur belangrijk is. Gebruik dit in je voordeel door het te gebruiken om een ​​pad voor de ogen te volgen.

CSS-frameworks zoals het 960.gs-systeem bieden een manier om alles perfect op elkaar te laten aansluiten.

Eenvoudig maar vet

Een meer gewaagde keuze kan zijn om uw kleurstelling op de achtergrond te maken met een opvallende, effen kleur. Vet kan storend zijn dus zorg ervoor dat je de boodschap van je site niet wegneemt, waardoor het moeilijk leesbaar of onbruikbaar wordt, maar dit zal je site zeker opvallen..

De elementen van Finch voelen alsof ze allemaal op de pagina thuishoren en samenwerken.

Het is niet voor iedereen

Bijna iedereen zal profiteren van een site met een sterke focus, maar een schone, eenvoudige, minimale stijl is niet voor iedereen.

Website Thema Auteurs - Vaak krijg je maar een paar seconden voordat een koper beslist of ze tijd willen besteden aan het kijken naar de site die je hebt gemaakt. Alleen een super minimaal ontwerp weergeven omdat de enige lay-outoptie zich kan registreren als 'standaard' en meteen als functies zonder functies kan worden beschouwd. Misschien moet je gewoon verschillende niveaus laten zien van wat mogelijk is in gebieden en hen laten beslissen of ze de functie willen gebruiken of niet.

Ad zware sites - De schone, eenvoudige, minimale stijl past waarschijnlijk niet het best bij sites die sterk afhankelijk zijn van advertenties, tenzij u zeer begripvolle advertentie-eigenaren heeft die zich aanpassen aan uw stijl. Een betere optie is om minder advertenties te plaatsen, maar zoek ze in een gebied waarop het meest zou worden geklikt.

Sofa gebruikt een geïnverteerde piramide van informatie die u naar beneden brengt vanaf de kop, het bedrijfsoverzicht en naar de services die zij bieden.

Een balans vinden

We realiseren ons dat we niet alle volledige creatieve controle over elk ontwerpproject krijgen, proberen een balans te vinden met uw klanten.

Wanneer je uitlegt waarom je een site op een bepaalde manier hebt ontworpen, raadpleeg dan andere sites die de dingen correct doen en leg uit waarom het werkt en waarom hun website een succes is.

Leg uit hoe ze hebben geprofiteerd en hoe jij dat ook kon. Laat ze de positieve resultaten en reacties zien die de andere site heeft ontvangen vanwege de goede ontwerpkeuzes en neem de extra tijd om ervoor te zorgen dat alle bezoekers een bruikbare, effectieve site hebben.