Tämä kompakti esittelyarvostelulohko näyttää asiakaspalautteen ja tuotetiedot siistissä, helposti silmäiltävässä muodossa.
Esittelyarvostelulohkon asettelu
Suunnittelussa käytetään vaakasuuntaista flex-asettelua, jossa vasemmalla on pyöreä avatar-osio ja oikealla sisältösarake. Alueet on kohdistettu pystysuunnassa, ja niiden välissä on 20px:n väli. Sisennys ja alareuna erottavat arvostelun visuaalisesti ympäröivän sivun sisällöstä.
Alkuperäisessä asettelussa avatar-alueen koko on 75 x 75 pikseliä, ja se on muodoltaan pyöreä. Sen oikealla puolella oleva sisältösarake sisältää arvostelun arvosanan, kirjallisen palautteen ja kirjoittajan tiedot.
Arvostelun sisältörakenne
- Asiakkaan arvosanan osoittava tähtirivi
- Arvostelutekstille varattu lohko
- Kursivoitu kirjoittajarivi, jossa voi olla vahvistusta osoittava merkintä
Tämä asettelu pitää asiakkaan arvion tiiviinä ja säilyttää samalla selkeän yhteyden arvostelijan tietojen ja mukana olevien tuotetietojen välillä.