UI & UX
User Interface &
User Experience
UI
Visueel ontwerp
(trends)
Kleuren | Diepte | Buttons | Sliders | Menu | Cards | Accordion
UX
Gebruiksgemak & ervaring
(Laws)
Indeling | Consistentie | Toegankelijkheid | Respons | Efficientie
UI & UX
Enkele take-aways uit
mijn opleidingen
Sliders zijn over-used
"Time is precious when people are on a website. Visitors bounce off websites at a high rate, they usually skim over text instead of reading all of it, and the first 10 seconds are critical to if they’re going to stay or not. And so, when you put your content into a slider – that’s a barrier to entry. That’s you, making it harder and more time-consuming for a user to get at the content of your website." [..]
"No one will go past the first slide, they slow your site down, they cause Cumulative Layout Shift, the controls are often fiddly and not accessible and they can end up causing SEO issues for a website." [..]
Sliders zijn over-used
Sliders zijn ook visueel interessant, besparen ruimte, bieden interactie en controle,.. Dus het hangt nog steeds af van de context en content.
Goed:
Afbeeldingen
Testimonials
Logo's (partners)
Aanbiedingen
Storytelling
Historiek
Slecht:
Diensten
CTA's
Navigatie
Openingstijden
Contactgegevens
Meldingen
Aanbiedingen
Zeigarnik Effect
"People remember uncompleted or interrupted tasks better than completed tasks." [..]
Concreet:
Een doelgericht proces opbreken in stappen maakt het meer waarschijnlijk dat de gebruiker doorgaat tot het einde. Zeer handig bij bijvoorbeeld offerteformulieren.
Hick's Law
"More choices increase decision time." [..]
Concreet:
Meer keuzes = meer kans dat de gebruiker afhaakt. Gebruik eenvoudige menu's, leg niet te veel accenten. Beter een stap extra dan een keuze te veel.
Aesthetic-Usability Effect
"Aesthetic designs are perceived as easier to use." [..]
Concreet:
Zorg voor een strak en visueel aantrekkelijk design om vertrouwen te wekken. Een mooi design kan effectief compenseren voor een verminderde gebruiksvriendelijkheid.
Microinteractions
"Small animations enhance user feedback.."
Concreet:
Voeg een subtiele hover-animatie toe aan knoppen om interactie te verduidelijken. Je website voelt sneller, gebruiksvriendelijker en dynamischer aan.
Trend: Neumorphism
"Combine depth and light for realistic UI elements."
Concreet:
Gebruik realistische schaduwen en highlights voor knoppen om ze intuïtief te maken.
Skeleton screens
"Show placeholder loading screens."
Concreet:
Gebruik grijze blokken of lijnen tijdens het laden om gebruikers bezig te houden. Zelfs relatief lange laadtijden kunnen op die manier volledig gecamoufleerd worden.
