5 tips om uw webontwerp te vereenvoudigen
Eenvoud regels! Het maakt websites er strak uitzien, vermindert verwarring door nagemaking en het helpt bij het bereiken van gewenste doelen en resultaten (dat wil zeggen, meer aanmeldingen, abonnees en verkoop). Maar al te vaak lijkt het ongrijpbaar om uw website-ontwerp te vereenvoudigen. Hoe hard je het ook probeert, je kunt je werk er niet als dat van Apple laten uitzien. Dus wat moet een website-ontwerper echt doen? Fret niet, want dat zijn er 5 beginpunten om uw websiteontwerp te vereenvoudigen.
Een eenvoudig websiteontwerp zou geen ontmoedigende alles-of-niets beproeving moeten zijn - u kunt uw ontwerp vereenvoudigen door kleine stapjes te nemen. Eenvoudige taken, zoals het alleen richten op de essentiële elementen van uw website, het wegwerken van overbodig, het verminderen van het aantal pagina's van uw site, het verkrijgen van meer inhoud boven de vouw en het beperken van het aantal kleuren dat u gebruikt. U kunt uw eenvoudige ontwerp altijd precies afstemmen en verbeteren, maar het belangrijkste is om hiermee aan de slag te gaan.
Klaar om te beginnen met het vereenvoudigen van uw websiteontwerp? Geweldig. Zonder verder oponthoud, hier zijn 5 beginpunten om uw websiteontwerp te vereenvoudigen.
1. Focus alleen op essentiële elementen
Deze eerste stap lijkt waarschijnlijk voor de hand te zijn geslagen: van CursusIk zou de focus moeten leggen op de essentiële elementen in mijn site, wat ben ik, een idioot? Maar een verrassend aantal websites slaagt er niet in om dit te bereiken en het resultaat is een grote puinhoop van belangrijke en onbelangrijke elementen uitgespuwd op een pagina. Ik ben er net zo schuldig aan om dit in het verleden als iedereen te doen. Het is moeilijk om objectief te zijn en prioriteiten te stellen wat belangrijk is of niet, want alles lijkt essentieel. Als u wilt dat uw website eenvoudiger wordt, identificeer dan wat moet focus zijn, net als bij elk goed visueel ontwerp of kunstwerk. En dat betekent dat de aandacht alleen op de essentiële elementen moet worden gevestigd.
Gebruik de 80-20-regel
Welke 20% van de pagina's geeft 80% van de waarde en inhoud waar mensen naartoe gaan? Het kan bijvoorbeeld een kopie zijn, een sociaal bewijs (revisiefragmenten, getuigenissen, mediakentekens) en een aanmeldingsformulier of call-to-action-knop. Dat is de 20% daar. Op uw website, evenals op elke individuele pagina, focus op weergave van slechts 20% van de site-elementen die 80% van dat nut opleveren.
Dit is geen technische stap, maar een principe dat u als uw gids kunt gebruiken om uw websiteontwerp constant te vereenvoudigen. De 80-20-regel helpt u bij het vereenvoudigen van uw websiteontwerp door u ertoe te bewegen uw site-elementen in te korten tot de essentie. Wat echt cool is, is dat de 80-20-regel ook kan helpen om de gewenste resultaten te vergroten die u op uw website wilt bereiken. Bijvoorbeeld een hogere conversieratio voor bezoekers die zich aanmelden, zich registreren of kopen. Hoe? Je maakt het zodat er minder afleidingen zijn en dingen waarop bezoekers kunnen klikken om de pagina te verlaten.
Zoals we allemaal weten, zijn we altijd op zoek naar een excuus om niet iets te kopen bij de laatste stap, en elke reden om weg te gaan is een goede. Reduceer die redenen en click-away-opties met de 80-20-regel.
Chris Pearson, de maker van het populaire Thesis WordPress-themakader, zegt dat dit precies is wat heeft bijgedragen aan het vergroten van de verkoop op zijn website.
2. Ontdoe u van alle overbodige elementen
We gaan hier verder met de 80-20-regel.
Nu u de 20% website-elementen hebt geïdentificeerd die u 80% van uw gewenste resultaten opleveren, is het tijd om dit te doen ontdoen van alle onnodige elementen. Met andere woorden, de 80% van website-elementen die u slechts 20% van de resultaten opleveren. Dit kunnen widgets voor het delen van sociale media zijn, zijbalkelementen, meta-details van blogposts (datum, tijd, auteur, aantal reacties, enz.) Of links in het voettekst (dit is met name vaak een grote boosdoener, vooral wanneer de bezoeker zoekt het voornoemde excuus om weg te navigeren van de pagina).
3. Verklein het aantal pagina's
Een groot deel van het vereenvoudigen van uw websiteontwerp is om simpelweg minder plaatsen te hebben om te verkennen en rond te klikken. U kunt dat doen door het aantal pagina's bijsnijden. Ofwel ontdoen van onnodige pagina's die diep van binnen je weet zijn niet nodig, of op zijn minst, fuseren meerdere pagina's in één. Ik bedoel, dat doe je niet werkelijk moeten de pagina's 'over de site' en 'over mij' scheiden.
Ga eerst in de mindset van de bezoeker - als u op uw website zou komen, wat zijn de belangrijkste dingen die je zou willen doen? Bijvoorbeeld zoek uit waar je spul over gaat? Of contact met u opnemen? volgende, zorg ervoor dat uw pagina's vergemakkelijken wat nodig is en niets meer. Bewaar geen onnodige pagina's op uw website omdat u denkt dat dat moet, of omdat andere websites ze hebben. Wanneer u het aantal pagina's op uw website vermindert, is niet alleen het voor uw bezoekers gemakkelijker om zich op uw inhoud te concentreren, omdat er minder plaatsen zijn om rond te klikken, maar uw navigatiemenu is ook eenvoudiger.
We zijn allemaal op websites geweest met te veel nav-menu-items. We weten niet waar we moeten beginnen met navigeren omdat we overweldigd raken door de keuzes. En wanneer we overweldigd raken door te veel keuzes te krijgen, gaan we met niets kiezen. Door zo min mogelijk nav-menu-items te hebben, maakt u uw website niet alleen eenvoudiger, maar ook uitnodigender en vriendelijker voor bezoekers.
4. Krijg meer inhoud boven de vouw
Studies hebben aangetoond dat de meeste mensen het grootste deel van hun tijd boven de vouw op webpagina's doorbrengen (wat op het scherm verschijnt zonder naar beneden te scrollen). Dus als u de effectiviteit van uw website wilt vergroten, heeft u de belangrijkste inhoud en call-to-action-elementen boven de vouw. U kunt zoiets eenvoudigs doen als het inkorten van de kophoogte als u een logo en een navigatiemenu bovenaan uw website hebt.
Dit omvat niets anders dan het wijzigen van de "hoogte" -waarde van de koptekst in uw stylesheet (meestal style.css
of stylesheet.css
). Controleer ook of een aanmeldingsformulier of -knop zich onder de vouw bevindt. Verplaats dat element hoger op de pagina, zodat het het eerste is dat een bezoeker ziet. Na dat alles is uw gewenste call-to-action van de bezoeker, dus verminder het werk dat nodig is om het te bereiken (dwz scrollen).
5. Beperk uw kleurenschema
Het is gemakkelijk om je te laten meeslepen door kleuren. Waarom zou u genoegen nemen met 2 of 3 kleuren als u 12 of 13 kunt hebben? Maar om uw websiteontwerp visueel te vereenvoudigen, moet u uw kleurenschema beperken. Gebruik bij twijfel minder kleuren. Het varieert natuurlijk op basis van je ontwerp, maar probeer te beginnen met niet meer dan 2 of 3 kleuren. Als u meer subtiliteit en textuur nodig heeft voor uw visuele ontwerp, gebruik dan tinten van dezelfde kleur - lichtblauw voor de achtergrond en donkerder blauw voor koptekst en menu-items.
Ik ben net zo schuldig als iemand die in het verleden wild van kleuren is geworden. Ik zal deze kleur toevoegen, dan nog een, en nog een - en voor ik het weet, lijkt het op regenboogdiarree op mijn hele website. Je kunt je website constructief vereenvoudigen, maar als de kleuren de ogen afleiden als je ernaar kijkt in plaats van de inhoud te complimenteren, dan was al die moeite voor niets. Gebruik daarom in plaats daarvan minder kleuren met uw websiteontwerp.
Hebt u problemen bij het kiezen van een kleur om mee te beginnen? Voor na magazine heeft een handig gratis e-book over hoe je de perfecte kleur hier kunt vinden. Hulp nodig bij het kiezen van een kleurenschema? Probeer deze handige kleurenschema-generator uit.
Tenslotte
Hopelijk ben je nu gewapend en klaar om te beginnen met het vereenvoudigen van je website-ontwerp. Je zult trotser zijn als je je website laat zien, want het ziet er ontzettend sexy uit en tenslotte zullen je bezoekers een veel leukere ervaring hebben op je website..
Om samen te vatten, hier zijn de 5 startpunten om uw websiteontwerp te vereenvoudigen:
- Richt de aandacht alleen op de essentiële elementen
- Ontdoe alle onnodige elementen
- Verklein het aantal pagina's
- Ontvang meer inhoud boven de vouw
- Beperk je kleurenpalet
gerelateerde artikelen
- 11 veel voorkomende webontwerpfouten. Zaken als het vermijden van gecompliceerde formulieren, ongeorganiseerde inhoud, slechte leesbaarheid en een niet-gemakkelijk te vinden zoekbalk - alles zal u verder helpen om uw websiteontwerp te vereenvoudigen en het een vreugde voor bezoekers te maken en een hoger succespercentage voor u.
- Schone, eenvoudige en minimalistische websiteontwerpen. Al die voorbeelden van websites bewijzen nog maar eens dat een eenvoudig ontwerp er niet alleen mooi uitziet en indruk maakt op leden van het andere geslacht, maar het helpt ook enorm met de gebruikerservaring.
Aan u: wat zijn uw favoriete tips voor het ontwerpen van websites? Heb je een toename van je gewenste resultaten gezien door je ontwerp te vereenvoudigen?
Opmerking van de uitgever:Ã'Â Dit bericht is geschreven door Oleg Mokhov forÃ'Â Hongkiat.com. Oleg Mokhov is 's werelds meest mobiele elektronische muzikant, een web- en visueel ontwerpenthousiast, en mede-oprichter van de premium royalty-vrije muziekwinkel Soundtrackster.