10 manieren om uw ontwerp te vereenvoudigen
Het is geen geheim dat simpel vaak beter is als het gaat om website-ontwerp. Een interface die eenvoudig te begrijpen is - en net zo eenvoudig te gebruiken - maakt van bezoekers eerder actieve gebruikers die later naar uw site terugkeren.
Maar hoe vereenvoudig je je website? Zelfs als je helemaal niets nieuws bouwt, is het de kunst om doelen te stellen en vervolgens te kijken naar het pad om ze voor gebruikers te bereiken. Alles wat dat pad in de weg staat, moet worden geëlimineerd. Alles wat inzicht geeft in wat een gebruiker moet doen, moet uit het ontwerp worden verwijderd.
Dat is waar we vandaag naar zullen kijken - een paar trucs die u kunt gebruiken om het ontwerp van uw website te vereenvoudigen. En deze ideeën werken voor bestaande sites en nieuwbouw. (Dit artikel bevat voorbeelden van geweldige eenvoudige ontwerpen, bezoek elke site voor nog meer inspiratie.)
1. Focus op calls-to-action
Uw website moet voor elke gebruiker een einddoel hebben om iets te doen. Dat doel moet voor iedereen duidelijk zijn die op het ontwerp belandt.
Oproepen tot actie moeten duidelijk zijn, groot genoeg om te zien en op voldoende locaties, zodat gebruikers nooit te ver weg hoeven te zijn om die toets te klikken.
2. Stroomlijn het aantal pagina's
Zit uw ontwerp vol met pagina's en pagina's met informatie? Moet het zo zijn?
Stroomlijn inhoud in beheersbare brokken, maar overlaad gebruikers niet met te veel pagina's om door te klikken. Houd alle gerelateerde inhoud bij elkaar zodat ze gemakkelijk kunnen worden gelezen en doorgestuurd.
Verwijder pagina's met oude, verouderde informatie of pagina's die alleen een widget of kaart van derden bevatten. (Die elementen kunnen meestal elders worden opgenomen.)
3. Blijf bij een kleurenpalet
Hoewel een verscheidenheid aan kleuren leuk en boeiend kan zijn, is het ook overweldigend. Blijf bij een kleurenpalet met slechts twee of drie opties om de kleur onder controle te houden.
Als je supereenvoudig wilt gaan, overweeg dan een monotoon kleurenpalet met slechts een paar tinten en tonen van een enkele kleur. Het is verbazingwekkend hoe mooi zoiets eenvoudigs kan zijn, en het is ook gemakkelijk voor gebruikers. Minder kleuren veroorzaken minder mentale overbelasting en helpen bij het creëren van een meer harmonieuze en georganiseerde uitstraling. (Iets dat bijna iedereen met een hectisch leven kan waarderen.)
4. Kies voor standaardnavigatie
Hoewel verborgen of alternatieve navigatiestijlen er misschien cool uitzien, zijn deze trendy opties niet zo gebruiksvriendelijk als je zou verwachten. Elke afwijking van "normale" gebruikerspatronen kan enigszins schokkend zijn en gebruikers ertoe brengen te veel na te denken over het verplaatsen op de site. Kies voor standaardpatronen zodat je website makkelijk te gebruiken is.
Met dat in gedachten is de standaard behoorlijk mager. Boven- of pop-out navigatie-elementen met drie tot acht menu-opties zijn de norm. En vergeet die mega-achtige navigatiemenu's die ooit populair waren. Tenzij u een grote e-commerce detailhandelaar bent, is er geen reden voor elke pagina in het ontwerp om een plaats in de navigatie te hebben. (En veel van die mega-opties werken helemaal niet op mobiele apparaten.)
5. Overweeg de 80-20-regel
De 80-20-regel is een goede plek om te beginnen bij het nadenken over het aanbrengen van wijzigingen in een ontwerp. Er zijn twee manieren om over de regel na te denken en deze toe te passen.
- Houd er rekening mee dat 20 procent van de elementen op uw website resulteert in 80 procent van de gewenste gebruikersacties, wat betekent dat een handvol oproepen tot actie, knoppen of andere gebruikersinterface-elementen een aanzienlijk deel van de gebruikersinteractie zullen genereren. Dit is volkomen normaal.
- Met dat in gedachten, richt u bij het aanbrengen van wijzigingen op de bovenste 20 procent van de inhoud om 80 procent van de wijzigingen aan te brengen wanneer u een ontwerp bijwerkt of heroverweegt. De 20 procent-elementen waar u aan zou willen denken, bevatten dezelfde elementen die de meeste klikken genereren: CTA's, verkeerstrechters en afbeeldingen. Witruimte is een andere belangrijke factor.
Als de 80-20-regel bekend voorkomt, wordt deze ook het Pareto-principe of de wet van de weinige weinigen genoemd. Het is ontwikkeld door econoom Vilfredo Pareto, maar heeft toepassingen in alle disciplines.
6. Gebruik UI-elementen met een doel
Pictogrammen, afbeeldingen en elk ander element van de gebruikersinterface in het ontwerp moeten er niet voor niets zijn. (Bedenk eens hoe vervelend het is om op een Facebook-pictogram te klikken en niet naar de merkpagina te linken.)
Overweldig gebruikers niet met coole divots alleen omdat je ze hebt. Plan en gebruik elementen alleen als ze een daadwerkelijk gebruik en doel dienen in het algehele ontwerp.
7. Wees voorzichtig met typografie
Het model voor het goed gebruiken van typografie is net als het gebruik van kleur: less is more.
De lettertypen die het gemakkelijkst te lezen zijn, hebben standaardvormen, uniforme lijndiktes en geen overvloed aan versieringen. Een solide typefamilie wordt geleverd met opties, zodat u niet hoeft te zoeken naar extra lettertypen als u de nadruk moet leggen op specifieke letters. De letters moeten voldoende heft bevatten om leesbaar te zijn en contrasteren met uw achtergrond.
En begin met slechts twee lettertypen. Een voor de hoofdtekst op de website en een voor weergavegebruik. Dat is het. Meer heb je niet nodig.
8. Verhoog de tekstgrootte
En terwijl u aan typografie denkt, vergroot u de grootte van de letters. Schermen worden steeds groter, zodat ze uw bericht gemakkelijker kunnen zien in plaats van meer tekst op het canvas te proppen.
Hoewel dit contra-intuïtief lijkt als het gaat om mobiele apparaten, geldt hetzelfde. Grotere letters kunnen gemakkelijker te lezen zijn. Vergeet dat oude gezegde dat alles boven de rol moet staan. Hoewel zoekwoorden gebruikers moeten verleiden om te scrollen, hoeft niet alles op dat eerste scherm te staan. Gebruikers begrijpen dat ze door moeten gaan en zijn gewend aan scrollen, vooral wanneer ze naar websites op hun telefoon kijken.
9. Maak moeiteloos kopiëren
Hoewel typografie een enorm verschil kan maken bij het bepalen hoe eenvoudig of complex uw ontwerp eruitziet, zijn de eigenlijke woorden net zo belangrijk. Elk woord moet dezelfde betekenis hebben als uw afbeeldingen, dus er is een duidelijke congruentie.
Bewerk de kopie. Bewerk het dan opnieuw.
Websites zijn een medium dat bedoeld is als leesbare vorm van communicatie. Zorg ervoor dat het gesprek dat u met bezoekers voert het gesprek is dat u verwacht met een schoon, beknopt, goed leesbaar exemplaar. Creëer een toon die door het ontwerp stroomt en gebruik woorden en taal die gebruikers aanspreken.
Bewerk vervolgens nog een keer en verwijder alle overbodige tekst.
10. Breek één regel, maar slechts één
Regels zijn bedoeld om te worden overtreden. Maar breek slechts één regel.
Als je iets anders wilt doen, modder het ontwerp dan niet met veel verschillende of ongebruikelijke elementen. Door je te concentreren op een meer complex of ongebruikelijk iets, kun je interesse wekken zonder de gebruikers te overweldigen.
Het klinkt vrij simpel, toch? (Raak gewoon niet verstrikt in een van de veelvoorkomende valkuilen van te veel doen.)
Gevolgtrekking
Een websiteontwerp dat te ingewikkeld of "te ontworpen" is, kan in de weg staan van wat u met gebruikers wilt communiceren. Onthoud uw conversiedoelen en wat u wilt dat gebruikers met het ontwerp doen. Of het nu gaat om het invullen van een formulier, het downloaden van een app of het kopen van een knuffelkonijntje, elk ontwerpelement moet de nadruk leggen op het bereiken van deze bestemming.
Verwijder alle ontwerpelementen die dit pad in de weg staan. Gebruikers houden van duidelijke, eenvoudige en gebruiksvriendelijke ontwerpen. Dit geldt met name voor kleinere apparaten, zoals telefoons, waar rommel de gebruikerservaring in een kwestie van nanoseconden kan verpesten.
