5 eenvoudige stappen naar een eenvoudiger blogontwerp
Wilt u een eenvoudiger ontwerp voor uw blog? Een die slank, elegant en aantrekkelijk is?
Welnu, er zijn vijf eenvoudige stappen om uw blog er beter uit te laten zien en meer abonnees, klanten en leden aan te trekken.
En je hoeft geen ontwerp-ninja te zijn of bij Apple te werken om het te halen!
Deze stappen zijn eenvoudiger dan je zou denken. Degenen die niet in eenvoud worden verkocht, kunnen zich afvragen: waarom zou ik het willen?
Hier zijn drie overtuigende redenen die voor veel blogs kunnen werken:
- Je blog zal gemakkelijker te lezen en te navigeren zijn , en bezoekers zullen het vasthouden.
- Eenvoud vertaalt zich in sterke branding . Net als een schoon kantoor, geeft een eenvoudige blog bezoekers een goede indruk van u en kan dit leiden tot nieuwe abonnees, klanten of leden.
- Je ziet er gewoon cool uit.
Overtuigd dat een eenvoudiger ontwerp beter is voor je blog? Super goed. Genoeg gejubber dan. Laten we beginnen.
1. Plaats inhoud voor en midden
Geef prioriteit aan inhoud en call-to-action-elementen voor al het andere.
Volg de 80/20 regel: 20% van wat er op de pagina staat levert 80% van de waarde op. Voor welke inhoud komen bezoekers naar uw blog? Wat wil je bereiken? Wilt u dat bezoekers een blog lezen en zich erop abonneren, een product kopen of zich aanmelden voor een service?
De call-to-action-elementen zijn de 20% en al het andere is de 80%. Zet die 20% voor en midden; geef het prioriteit plaatsing, en maak het zichtbaar op elke pagina, want dat is het belangrijkste.
Dus, hoe maak je je inhoud belangrijk? Je doet het op een aantal manieren, afhankelijk van wat geschikt is voor je blog. Hier zijn er slechts een paar:
- Maak de zijbalk kleiner.
- Vergroot het lettertype in het hoofdinhoudsgebied zodat het groter is dan het lettertype in de omringende gebieden.
- Maak het lettertype dikker of donkerder.
- Zet afbeeldingen en opvallende elementen in het hoofdinhoudsgebied in plaats van in de zijbalk of koptekst.
Verwijder vervolgens zoveel mogelijk van de 80% (dwz de niet-essentiële elementen) als mogelijk.
Hoe? De volgende vier stappen zullen u begeleiden.
2. Ontdoen van overbodige elementen
Laat alleen elementen in en rond uw berichten achter die direct bijdragen aan de ervaring die u bezoekers wilt hebben en verwijder de rest.
- Is uw inhoud tijdloos? Verwijder vervolgens de datumstempel.
- Ben jij de enige auteur van de blog? Verwijder vervolgens de naamregel.
- Komt het meeste van uw sociale mediadoors uit een of twee bronnen (bijv. Twitter en Facebook)? Bewaar die pictogrammen dan en gooi de anderen weg.
- Geen reacties ontvangen? Dan is er geen behoefte aan een gedeelte met de tekst 'Reacties gesloten'.
Voor bezoekers met korte aandachtsspanne is uw blog gemakkelijker te lezen; en met minder keuzes (dwz knoppen), zullen waarschijnlijk meer mensen klikken en delen.
Denk er eens over na: wanneer heb je voor het laatst op een van die badges voor sociale media geklikt in een rij van tien of meer? Is het niet eenvoudiger als er alleen een knop "Retweet" is?
3. Ontdoe u van overbodige zijbalkelementen
Hoe meer dingen in de zijbalk staan, des te groter de kans dat bezoekers wegklikken van de hoofdinhoud (die hele belangrijke 20%), dus maak de zijbalk zo slank en onopvallend mogelijk.
Verwijder alle niet-kritieke widgets en elementen, waaronder:
- Admin- en metafuncties
- Links
- Recente berichten
- Top Reacties
- Laatste tweets
Hier is een eenvoudige manier om te bepalen of een zijbalk-widget of -element moet blijven: vraag jezelf af of het een bezoeker waard is om te stoppen met lezen en erop te klikken. Zo niet, doe het weg.
4. Verkort de hoogte van de kop
Verplaats meer inhoud boven de vouw door de hoogte van de kop te verkorten.
Waarom is dit belangrijk? Hoe meer inhoud boven de vouw verschijnt, des te groter de kans dat nieuwe bezoekers blijven en lezen, omdat ze de inhoud onmiddellijk zien zonder te hoeven scrollen of scannen.
Een paar eenvoudige manieren om de hoogte van de kop te verkorten:
- Verwijder witte ruimte; het typogram van je thema is je vriend.
- Maak het logo kleiner; nogmaals, het is tijd voor stijlbladen.
- Verminder verspilde ruimte door twee rijen te combineren. Als uw logo geen eigen rij nodig heeft, verplaatst u het navigatiemenu naar links of rechts.
5. Verklein het aantal kleuren
Hoe minder de kleuren in uw ontwerp, hoe gemakkelijker het is voor de ogen van de bezoeker (die van nature lui zijn) om te focussen, wat betekent dat de bezoeker langer op uw blog zal blijven. Probeer niet meer dan drie kleuren te gebruiken (dat wil zeggen, drie als aanvulling op je hoofdtekstkleur, die waarschijnlijk zwart of wit is): één voor de achtergrond, één als je primaire en een derde als je secundaire.
Hier is een mogelijk drie kleuren schema:
- Achtergrond: wit
- Primair (logo, links, call-to-action knoppen): blauw
- Secundair (pictogrammen, grafisch bloeit): groen
Gebruik bij twijfel minder kleuren.
Hoe meer kleuren u weergeeft, hoe meer het oog van de bezoeker wordt gestimuleerd en hoe groter de inspanning die zij zullen moeten doen om zich te concentreren, en hoe meer geneigd zij zullen zijn om op die "Vorige" -knop te klikken.
Merk op hoe Apple vasthoudt aan alleen wit en zilver. Dat klinkt misschien saai, maar het is stijlvol, eenvoudig en aantrekkelijk voor de meeste mensen.
5 stappen samengevat
Eenvoud is een kunst en deze vijf stappen zijn nog maar het begin. Dit zijn de gemakkelijke 20% van de wijzigingen die u kunt aanbrengen om 80% van de weg naar een eenvoudig blogontwerp te krijgen:
- Zet inhoud centraal en vooraan.
- Ontdoe je van onnodige elementen in je berichten.
- Weg met onnodige zijbalkelementen.
- Verkort de hoogte van de kop.
- Verklein het aantal kleuren.
Neem deze stappen en je bent goed op weg om een eenvoudiger blogontwerp te maken - een die je helpt je doelen te bereiken.
Exclusief geschreven voor Webdesigner Depot door Oleg Mokhov, de 's werelds meest mobiele elektronische muzikant en mede-oprichter van Soundtrackster , de premium royalty-vrije muziekwinkel.
Welke andere tips en trucs ken je om het ontwerp van een blog te vereenvoudigen? Deel ze in de opmerkingensectie.