Een back-to-top-knop is een klein knopje, meestal een pijl naar boven, dat over een lange pagina zweeft en de bezoeker met één tik terugbrengt naar de bovenkant. Hij verschijnt meestal pas nadat iemand een flink stuk naar beneden heeft gescrold, zodat hij niet in de weg zit tot hij nuttig is.
Zie het als de snelle lift in een hoog gebouw. Je zou elke trap terug naar beneden kunnen lopen, maar een knop die je rechtstreeks naar de begane grond brengt scheelt de moeite. Op een artikel van 4.000 woorden of een productpagina met vijftig items bespaart die ene klik mensen een lang gesleep terug naar boven. Een subtiele micro-interactie, zoals de knop die rustig verschijnt terwijl je scrollt, laat zien dat hij er is zonder om aandacht te schreeuwen.
De details doen ertoe voor gebruiksvriendelijkheid. De knop moet staan waar een duim hem op mobiel kan bereiken, een duidelijk label voor schermlezers dragen, en met het toetsenbord werken. Een soepele scroll terug naar boven leest als verzorgder dan een abrupte sprong, al moet die beweging een voorkeur voor minder beweging respecteren.
Het is ook goed om te weten wat het niet is. Een back-to-top-knop is een gemak, geen vervanging voor echte toegankelijke navigatie. Als mensen het menu alleen bereiken door helemaal naar boven te scrollen, staat het menu op de verkeerde plek. De knop helpt op echt lange pagina’s; hij hoort nooit een structuur te verbloemen waarin bezoekers naar de basics moeten zoeken.
Bij TopDevs voegen we een back-to-top-knop alleen toe op echt lange pagina’s, en zorgen we dat hij met het toetsenbord bereikbaar is zodat hij elke bezoeker helpt en niet alleen muisgebruikers.