Dit uitgelichte beoordelingsblok is ontworpen om een beknopte klantbeoordeling samen met productinformatie in een overzichtelijke, compacte indeling te presenteren.
Aurion Master Key Pro Kit - Geavanceerd slotenmakersgereedschap
Indeling en vormgeving
De component rangschikt de inhoud horizontaal met een flex-indeling. Links staat een ronde avatar, terwijl de beoordelingsdetails in een aparte kolom rechts staan, met 20px ruimte tussen beide gedeelten. Opvulling en een onderste rand onderscheiden de beoordeling visueel van de omliggende pagina-inhoud.
- De hoofdcontainer gebruikt flex-uitlijning met gecentreerde items en een tussenruimte van 20px.
- Het avatargebied is rond en meet in de oorspronkelijke indeling 75 bij 75 pixels.
- De aangrenzende inhoudskolom bevat de beoordeling, de tekst van de review en de gegevens van de auteur.
Inhoud van de beoordeling
Binnen de informatiekolom volgen de elementen een duidelijke verticale volgorde, zodat ze gemakkelijk kunnen worden gescand:
- Een rij sterren die de beoordeling aangeeft
- De geschreven reviewtekst
- Een cursieve auteursregel die ook een verificatie-indicator kan bevatten
Structuur
De aangeleverde indeling richt zich op het presenteren van feedback van klanten naast productdetails, zonder functies toe te voegen die verder gaan dan het gedefinieerde ontwerp van het beoordelingsblok.