Een dropdownmenu is een klein element dat een lijst met opties uit het zicht stopt tot je ze nodig hebt. Je ziet een enkele knop of label; klik of tik erop en de keuzes klappen eronder open. Sluit hem weer en het scherm blijft netjes. Het patroon komt in twee smaken voor: een navigatie-dropdown met links, en een formulier-dropdown (een select-veld) waarin je een waarde uit een lijst kiest.
Stel je een ladekast voor. Dicht is het een vlak oppervlak dat de kamer rustig houdt; opengetrokken is elk dossier erin bereikbaar. Een dropdown doet hetzelfde met opties: hij ruilt constante zichtbaarheid in voor een opgeruimde indeling. Je herkent hem van landkiezers, accountmenus en formuliervelden waarin je een antwoord uit veel moet kiezen. Het is een naaste verwant van het accordeon-menu, dat content ter plekke uitvouwt, en een simpelere variant van het mega-menu voor grote navigatie. Het verschil zit in de schaal. Een dropdown houdt een nette lijst, een mega-menu opent een heel paneel met kolommen.
De keerzijde is dat verborgen opties een extra handeling kosten om te bereiken, dus dropdowns passen bij bijzaken of ruimtevretende keuzes en niet bij je belangrijkste call to action. Op kleine schermen is er ook een prijs. Een lange dropdown kan onder de rand van een telefoon vallen, dus de lijst moet scrollen of het ontwerp moet overschakelen naar een schermvullende kiezer. Doe je dat verkeerd, dan kunnen mensen de laatste optie simpelweg niet bereiken.
Bij TopDevs zorgen we dat elke dropdown die we bouwen onderdeel is van een heldere menustructuur en volledig met het toetsenbord werkt, zodat hij elke bezoeker helpt en niet alleen muisgebruikers.
