Este bloco compacto de avaliação em destaque apresenta o feedback dos clientes juntamente com informações sobre o produto, num formato simples e fácil de consultar.
Estrutura do bloco de avaliação em destaque
O design utiliza um esquema flexível horizontal, com uma secção de avatar circular à esquerda e uma coluna de conteúdo à direita. As duas áreas estão alinhadas verticalmente, com um espaço de 20px entre elas. O preenchimento e uma borda inferior separam visualmente a avaliação do conteúdo envolvente da página.
A área do avatar mede 75 por 75 pixels no esquema original e tem uma forma circular. À sua direita, a coluna de conteúdo inclui a classificação da avaliação, o feedback escrito e os dados do autor.
Estrutura do conteúdo da avaliação
- Uma fila de estrelas que apresenta a classificação atribuída pelo cliente
- Um bloco dedicado ao texto da avaliação
- Uma linha do autor em itálico, com um indicador opcional de verificação
Esta disposição mantém a avaliação do cliente concisa, preservando simultaneamente uma relação clara entre os dados do autor da avaliação e as informações do produto apresentadas.