Documentatie

Componenten (Layout-aanpassing)

Bijgewerkt April 28, 2025

Carousel

Een carousel is een interface-element dat een reeks horizontaal scrollbare items toont. Elk item wordt meestal weergegeven als een grafische thumbnail en kan worden doorgescroll door naar links of rechts te swipen op het scherm, of door te klikken op pijlknoppen die op het scherm worden getoond. In een app wordt een carousel vaak gebruikt om een set afbeeldingen of andere media weer te geven waarop je kunt klikken of tikken om meer informatie te krijgen of een andere actie uit te voeren.

Collectie Carousel

Een collectie carousel is een functie die een groep items toont die horen bij een bepaald thema of categorie. De items in een collectie carousel zijn meestal georganiseerd als een set horizontaal scrollende kaarten, en je kunt naar links of rechts swipen om de verschillende items te bekijken. Collectie carousels worden in e-commerce apps gebruikt zodat gebruikers een selectie producten kunnen bekijken die per thema of categorie zijn ingedeeld. Een app kan bijvoorbeeld een collectie carousel hebben voor “zomermode” die een selectie kleding en accessoires toont die geschikt zijn voor zomers weer.

Product Carousel

Een productcarrousel is een type carrousel dat een selectie van te koop aangeboden producten toont. De producten in een productcarrousel worden meestal georganiseerd als een reeks horizontaal scrollende kaarten, en de gebruiker kan naar links of rechts vegen om de verschillende items te bekijken. Productcarrousels worden vaak gebruikt in e‑commerce‑apps om gebruikers een selectie van producten te laten doorbladeren en meer informatie over elk item te tonen. Bijvoorbeeld, een app kan een productcarrousel hebben voor “new arrivals” die een selectie van recent uitgebrachte producten weergeeft, of een productcarrousel voor “bestsellers” die een selectie van de populairste producten laat zien.

Image carousel

Een image carousel is een functioneel element dat een reeks afbeeldingen in een horizontale lijst toont, met een functie waarmee gebruikers door de afbeeldingen kunnen scrollen. De afbeeldingen in een image carousel worden meestal weergegeven als een reeks horizontaal scrollende kaarten, en de gebruiker kan naar links of rechts vegen om de verschillende afbeeldingen te bekijken. Image carrousels worden vaak gebruikt in apps om gebruikers een selectie van afbeeldingen te laten doorbladeren en meer informatie over elke afbeelding te tonen. Bijvoorbeeld, een app kan een image carousel hebben voor uitgelichte “banner images” die een selectie van afbeeldingen van aanbiedingen, producten of promoties weergeeft, of een image carousel voor “trending products” die een selectie van populaire items laat zien.
 

Product List

Een productlijst is een functie in een app die een selectie van te koop aangeboden producten toont. De producten in een productlijst worden doorgaans verticaal georganiseerd, waarbij elk product wordt weergegeven op een kaart met informatie zoals de productnaam, prijs en een miniatuurafbeelding. Productlijsten worden in e‑commerce‑apps gebruikt zodat gebruikers een selectie producten kunnen doorbladeren en meer informatie over elk item kunnen bekijken. Gebruikers kunnen meestal op een product in de lijst tikken om gedetailleerdere informatie te zien, zoals een beschrijving, extra afbeeldingen en klantrecensies. Productlijsten kunnen ook functies bevatten zoals sorteer‑ en filteropties om gebruikers te helpen de producten te vinden waarin ze geïnteresseerd zijn.

Collectielijst

Een collectielijst is een functie in een app die verschillende collecties toont, doorgaans georganiseerd in een verticale lijst, waarbij elk item wordt weergegeven op een kaart met informatie zoals de collectienaam en collectie‑afbeelding. Collectielijsten worden vaak in e‑commerce‑apps gebruikt zodat gebruikers een selectie producten kunnen doorbladeren die volgens een thema of categorie zijn gegroepeerd. Bijvoorbeeld, een app kan een collectielijst hebben waarin klanten de categorie vinden waarin ze geïnteresseerd zijn tijdens het winkelen; een collectie voor kleding of accessoires is een passend voorbeeld. 

Afbeeldingsslider

Een afbeeldingsslider is een interface-element dat één afbeelding toont en de gebruiker de mogelijkheid geeft om naar andere afbeeldingen te navigeren door op pijlknoppen te klikken of door een navigatie-indicator met stippen te gebruiken. Afbeeldingssliders worden vaak gebruikt om één afbeelding of een kleine groep afbeeldingen uit te lichten en komen veel voor op websites en in mobiele apps.
In een app kan een afbeeldingsslider bijvoorbeeld worden gebruikt om een reeks productafbeeldingen te tonen, of om een reeks afbeeldingen te laten zien die een bepaald concept of idee illustreren. De gebruiker kan door de afbeeldingen navigeren door naar links of rechts te swipen op het scherm, of door te klikken op de pijlknoppen die op het scherm worden weergegeven. Sommige afbeeldingssliders bieden de gebruiker ook de mogelijkheid om de diavoorstelling te pauzeren en handmatig een afbeelding te kiezen uit de set afbeeldingen die wordt getoond.

Tekst

Tekst is een functie die vaak in apps wordt gebruikt om geschreven informatie aan de gebruiker te tonen. Tekst kan voor allerlei doeleinden worden gebruikt, zoals het weergeven van instructies, beschrijvingen, labels of andere soorten informatie. Tekst kan in verschillende vormen worden weergegeven, zoals een alinea, een lijst of een kop, en kan worden opgemaakt met verschillende groottes, kleuren en andere opmaakopties. Tekst wordt vaak in combinatie met andere functies gebruikt, zoals afbeeldingen, knoppen of links, om een interactievere en boeiendere gebruikerservaring te bieden.

Inklapbare tekst

​​Een inklapbare tekstfunctie is een type tekstfunctie waarmee gebruikers een tekstblok kunnen uitvouwen of inklappen door op een knop, link of dropdown te tikken. Wanneer de tekst is ingeklapt, wordt alleen een samenvatting of fragment weergegeven, en kan de gebruiker op de knop of link tikken om de volledige tekst te bekijken. Dit is handig om ruimte te besparen en maakt het makkelijker voor gebruikers om lange tekstblokken te scannen en te navigeren. Inklapbare tekst wordt vaak in apps gebruikt om informatie weer te geven die niet voor alle gebruikers essentieel is, of die sommige gebruikers liever overslaan. Bijvoorbeeld, een app kan inklapbare tekst gebruiken om een gedetailleerde productbeschrijving te tonen, met de optie voor gebruikers om de volledige beschrijving te bekijken als ze dat willen.

Product recommendation 

Een productaanbevelingsfunctie is een functie in een app die gebruikers producten aanbeveelt op basis van hun interesses of eerdere gedrag. Productaanbevelingsfuncties worden vaak gebruikt in e‑commerce‑apps om gebruikers nieuwe producten te laten ontdekken die ze interessant vinden, en om hen aan te moedigen extra aankopen te doen. Er zijn verschillende algoritmen en technieken die je kunt gebruiken om productaanbevelingen te genereren, zoals collaborative filtering, content‑based filtering en matrixfactorisatie. Productaanbevelingsfuncties kunnen gebaseerd zijn op diverse factoren, zoals de producten die een gebruiker eerder heeft bekeken of gekocht, de categorieën of merken waarin de gebruiker geïnteresseerd is, en de beoordelingen of recensies die de gebruiker aan andere producten heeft gegeven.