Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Een accordeon is perfect om veel content compact te presenteren. Het is een verzameling knoppen waarmee je content kunt tonen of verbergen. Gebruikers kunnen zelf kiezen welke informatie ze willen zien. Gebruik een accordeon: Belangrijke onderdelen: Technische opbouw Optionele verbeteringen Voorbeeld accordeon Toetsenbordbediening Optionele toetsen […]
Categorie: Componenten
Broodkruimelpad
Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Een broodkruimelpad laat zien waar je bent op een website. Het is een lijst met links naar bovenliggende pagina’s. Gebruikers zien waar ze zijn en kunnen makkelijk terug naar vorige niveaus. Technische opbouw Voorbeeld broodkruimelpad Checklist Component Algemeen Content Bedieningselementen Bronnen
Combobox
Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Een combobox is een invoerveld met een bijbehorende popup. Gebruikers kiezen een waarde uit de popup. Deze popup kan een list, grid, tree of dialog zijn. In dit voorbeeld gebruik ik een lijst. Gebruik een combobox als: Er zijn twee hoofdtypen combobox: Technische opbouw Optionele […]
Switch
Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Een switch is als een lichtknop: aan of uit. Het is direct duidelijk wat de huidige status is. Bij een switch gebeurt de actie direct als je schakelt. Zoals bij dark mode aan/uit, notificaties aan/uit, enz. Gebruik een switch: Technische opbouw Voorbeeld switch Toetsenbordbediening Checklist […]
Tabpaneel
Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Tabs zijn een set gelaagde inhoudssecties. Je toont één inhoudspaneel tegelijk. Elk paneel heeft een bijbehorend tab-element. Als je een tab activeert, zie je het bijbehorende paneel. De lijst met tab-elementen staat meestal aan de bovenkant van het zichtbare paneel. Gebruik een tabpaneel: Belangrijke termen: […]
Toggle
Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Een toggle is als een schakelaar tussen verschillende toestanden. Je wisselt tussen opties zoals weergave, sortering of filters. Bij een toggle verander je de huidige toestand naar een andere toestand. Zoals bij lijst/raster weergave, oplopend/aflopend sorteren, enz. Gebruik een toggle: Technische opbouw Toetsenbordbediening Checklist Component […]
Tooltip
Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk. Tooltips zijn een kleine informatievensters die verschijnen bij hover of focus van een element. Ze geven extra informatie zonder je interface vol te proppen. Gebruik een tooltip: Een goede tooltip: Opbouw Voorbeeld tooltip Toetsenbord Checklist Component Bronnen