7 tips voor het maken van een tijdbesparend ontwerp voor gebruikers

Gebruikers hebben een korte - zeer korte - aandachtsspanne. Dat is waarschijnlijk duidelijk als u door uw website-analyse kijkt. Dit maakt het belangrijker dan ooit om ontwerptechnieken te gebruiken waarmee gebruikers kunnen scannen en zo snel mogelijk de meeste informatie van uw website kunnen halen.

Het is jouw taak om te begrijpen wat gebruikers in één oogopslag uit het ontwerp moeten halen en hen te helpen die informatie te krijgen, dus misschien blijven ze hangen en verkennen ze je website. Hier zijn een paar manieren om dit te doen!

1. Denk minimaal

Een ontwerp zonder veel keuzes kan voor de gebruiker snel en eenvoudig zijn. Hoewel "denk minimaal" u in het begin misschien aan het denken zet over een minimale ontwerpstijl, gaat het meer om het stroomlijnen van elementen en effecten. (Maar een minimaal ontwerppatroon kan ook werken.)

Over het algemeen is het doel om informatieoverbelasting en het aantal beslissingen dat een gebruiker moet nemen om het doel van het ontwerp te bereiken, te beperken.

• Houd navigatie eenvoudig met een handvol keuzes.
• Gebruik eenvoudige lettertypen die gemakkelijk in één oogopslag te lezen zijn.
• Versterk het contrast tussen elementen zodat oproepen tot actie gemakkelijk te vinden zijn.
• Houd voor elke pagina of scroll in het ontwerp vast aan één gedachte of actie.
• Doelconversies - karren, formulieren, enz. - moeten te allen tijde toegankelijk zijn.

2. Stimuleer actie met visuele inhoud

Een website is een visueel medium; Maak er het beste van.

Sterke beelden, inclusief fotografie en video's, zijn een gemakkelijke manier om de aandacht van de gebruiker te trekken en in combinatie met een actiegericht element kan het helpen om onmiddellijk een klik te genereren.

In een ontwerp van punt A naar B gaan zou een snel proces moeten zijn. Denk erover na in termen van e-commerce. Een gebruiker ziet een paar schoenen op sociale media, klikt om naar de website te gaan en moet vervolgens het item kunnen zien (of hoe het onmiddellijk te vinden is) om interactie met de website te blijven houden.

Een tijdbesparend ontwerp zou de schoenen met een knop laten zien om nu te kopen. De gebruiker kan wat hij wil en hoe hij het kan krijgen zonder door meerdere pagina's of klikken te hoeven zoeken. Hier is nog een tip om gebruikers tijd te besparen met beeldmateriaal - gebruik dezelfde afbeelding voor off-site en on-site promoties. Een andere foto van diezelfde schoenen registreert mogelijk niet zo snel bij de gebruiker als dezelfde foto.

Dit werkt omdat de meeste mensen een afbeelding sneller kunnen verwerken dan het lezen van woorden die hetzelfde "zeggen". Een website is een visueel medium; Maak er het beste van.

3. Verdeel ingewikkelde elementen in stukken

Maak een verhaal zodat je een ingewikkeld ontwerp kunt opsplitsen in kleinere, beter verteerbare stukjes. Kleinere blokken of stukjes inhoud kunnen gemakkelijker snel worden begrepen, waardoor gebruikers van element naar element kunnen gaan.

Probeer gebruikersinterface-elementen zoals "lees meer" -links, blokken in kaartstijl en parallax scroll-animatie om betrokkenheid te creëren en ingewikkelde ontwerpen op te splitsen.

4. Formulieren inkorten

Een van de gemakkelijkste manieren om het ontwerp voor gebruikers sneller te maken, is door minder te vragen om informatie die u niet nodig heeft. Formulieren hoeven niet om informatielagen te vragen.

• Vraag alleen essentiële informatie, zoals naam en e-mailadres, en volg later op voor formulieren die zijn ontworpen om leads te genereren.
• Gebruik formulieren die gegevens valideren, zodat gebruikers weten of ze iets verkeerds (en waar) hebben ingevoerd, zodat correcties snel en gemakkelijk zijn.
• Minimaliseer typen en gebruik knoppen of selectievakjes in formulieren waar van toepassing. (Dit is vooral tijdbesparend voor mobiele gebruikers.)
• Vraag niet om herhaalde gegevens, zoals het type creditcard en creditcardnummer. (Het kaarttype is herkenbaar aan het nummer.)

5. Ontwerp gewaagde CTA's

Maak het ontwerp snel te gebruiken en gemakkelijk af te maken met een krachtig call-to-action-ontwerp dat gebruikers niet kunnen missen.

Felle kleuren en extra grote elementen kunnen gebruikers helpen om meteen te zien wat ze moeten doen met het ontwerp. Zorg verder voor inhoud binnen knoppen die gebruikers precies vertellen wat ze moeten doen en wat er zal gebeuren als ze 'hier klikken'.

Om te worden gezien, moet een CTA veel contrast hebben, zodat deze niet opgaat in de omringende elementen en de aandacht op zichzelf vestigt. (En vergeet niet ervoor te zorgen dat de CTA ook gemakkelijk te vinden is op mobiele schermen.)

6. Bewerken, Bewerken, Bewerken

Soms betekent een goede bewerking dat je een derde partij moet inschakelen om alles te lezen en ervoor te zorgen dat het logisch is voor iemand anders.

Niets bespaart gebruikers tijd, zoals het doen van uw due diligence vóór publicatie. Bewerk alles in het websiteontwerp en bewerk het vervolgens opnieuw. Een tijdbesparend websiteontwerp heeft een geschreven tekst die gemakkelijk te lezen en te begrijpen is.

Dit betekent dat woorden geen spelfouten of typfouten bevatten, zinnen gebruiken de juiste syntaxis, grammatica en zinsbouw. En alles is op een logische manier georganiseerd.

Soms betekent een goede bewerking dat je een derde partij moet inschakelen om alles te lezen en ervoor te zorgen dat het logisch is voor iemand anders. Een extra set ogen kan u helpen te begrijpen waar verborgen fouten op de loer liggen of als de inhoud te veel jargon bevat voor de algemene lezer.

U kunt ook proberen een tool zoals Grammatica te gebruiken om de spelling en berichten in uw CMS te controleren terwijl u zich voorbereidt om nieuwe inhoud te publiceren.

7. Wees consistent

Koppen, hoofdtekst en afbeeldingen moeten een consistente stijl volgen.

Een consistent ontwerp bevat herhaalde elementen, acties en interacties die op exact dezelfde manier werken tijdens het ontwerp. Dat betekent simpelweg dat een knop er altijd uit moet zien als een knop, dezelfde kleur en hetzelfde lettertype moet hebben, dezelfde zweeftoestand moet hebben en op exact dezelfde manier moet werken, ongeacht waar de knop de gebruiker naartoe leidt.

Herhaal dit idee voor elk element in het ontwerp dat meerdere keren wordt gebruikt, zoals pictogrammen, de winkelwagen, formulieren, links en knoppen voor sociale media.

Wees ook consistent met andere elementen. Koppen en hoofdtekst en beeldgebruik moeten ook een consistente stijl volgen. (Daarom is het essentieel om elementen en stijlen in de CSS te definiëren en vervolgens de juiste tags te gebruiken.)

Die consistentie zorgt ervoor dat elke pagina van uw website-ontwerp eruitziet alsof hij hoort. De gebruiker hoeft nooit te raden of te experimenteren om erachter te komen hoe iets werkt.

Gevolgtrekking

Snel. Klik. Gedaan.

Dat is waarschijnlijk het meest voorkomende gebruikerspatroon. Of gebruikers er nu over nadenken of niet, ze willen snel dingen doen op uw website, taken voltooien of doelen bereiken en verder gaan met iets anders. Hoe meer uw ontwerp met gebruikers werkt om hen tijd te besparen en doelen te bereiken, hoe gebruiksvriendelijker het zal zijn.