Scrollbalk problemen
Nieuwsbrief augustus 2005
Op de meeste websites is de standaard scrollbalk, of scrollbar, van de browser gebruikt. Er komen echter meer en meer websites die zelf scrollbars ontwerpen. Deze scrollbars komen in alle kleuren en maten en werken lang niet allemaal op dezelfde manier als de standaard scrollbalk. Het gevolg laat zich raden: gebruikers zien de scrollbalk over het hoofd, weten niet hoe zij deze moeten gebruiken en zij missen informatie.
Jakob Nielsen geeft 5 essentiële usability richtlijnen voor scrollen en scrollbalken. Sommigen zijn wellicht een open deur, maar er zijn helaas genoeg websites die zich er niet aan houden:
- Toon een scrollbar als een pagina te veel tekst voor een scherm bevat.
- Toon geen scrolbalk als alle content zichtbaar is. Dus zorg dat er geen witregels onder een pagina staan. Gebruikers vinden het bijzonder onprettig als zij scrollen en het blijkt dat er geen extra informatie op een pagina staat.
- Gebruik scrollbalken die eruit zien als scrollbalken.
- Vermijd altijd horizontaal scrollen. Dit is een van de grootste ergernissen van gebruikers.
- Plaats belangrijke informatie aan de bovenzijde van de pagina, zodat deze ook zonder scrollen zichtbaar is.
Enkele aanbevelingen voor een goede scrollbar.
- Gebruik een echte balk in de vorm van een rechthoek, waarvan de kleur goed contrasteert met de achtergrond.
- Plaats aan de onderzijde en bovenzijde van de scrollbar pijlen, waarvan de kleur goed contrasteert met de achtergrond.
- Zorg dat de verhouding tussen de scrollbalk en overige deel in verhouding is met het zichtbaren en onzichtbare deel van een pagina.
- Gebruik geen aparte scrollbalk in een grote frames op de pagina.
- Zorg dat gebruikers de scrollbar op de volgende manieren kunnen gebruiken:
- Door op de plaatsen in de balk te klikken die verwijzen naar delen van de website die niet in beeld zijn;
- Door op de pijlen te kunnen klikken;
- Door op het beweegbare deel van de scrollbar te kunnen klikken;
- Met behulp van het scrollwieltje op de muis.
Kortom: als je als designer perse een eigen scrollbalk wilt ontwerpen zorg dan dat deze voldoet aan de verwachtingen van gebruikers en dat is een scrollbalk zoals die door Windows wordt gebruikt.
Bronnen:
Inhoud:
- Vertrouwen
- Usability van teksten
- Stylesheets
- Scrollbalk problemen
- Welke afmetingen moet mijn website hebben?
- Usability van blogs en RSS
- Kort Nieuws - Kort Nieuws - Kort Nieuws
- Individuele deelname aan workshops usability