Exemplos de Avaliações do OpenTable

Aqui, as avaliações estão organizadas em um widget espaçoso com as cores originais do OpenTable, com um cabeçalho moderado. O cabeçalho exibe a avaliação geral da página e mostra a quantidade de usuários que publicaram suas recomendações, com as fotos dos mais recentes. As fotos levam à sua página quando clicadas. O botão de solicitar avaliação convida os usuários a deixar uma nova avaliação, com a opção Sim pintada de azul para atrair cliques.

Você pode incorporar avaliações em uma página em formato de lista limpa. Se desativar o cabeçalho e aplicar largura e altura automáticas, como neste exemplo, o widget se ajustará automaticamente ao espaço livre na página e ficará bem equilibrado. Use filtros para restringir a quantidade de avaliações, exibir apenas aquelas com avaliações positivas ou ocultar avaliações específicas por palavras-chave.

Neste widget, uma variedade de avaliações é organizada na estrutura Masonry, que posiciona as avaliações na disposição ideal com base na altura de cada item. Essa paleta de cores confere ao widget um visual verdadeiramente único. A classificação por estrelas nas avaliações serve para demonstrar forte prova social.

A combinação do layout Grid e do modelo Spotlight de avaliações oferece uma interface de avaliações mais refinada e clara. Linhas retas e textos de avaliações centralizados chamam a atenção dos visitantes. A geometria linear do layout Grid também pode se encaixar em qualquer outro modelo de avaliação — os elementos da interface foram projetados para serem totalmente compatíveis.

Este widget no layout Slider exibe avaliações em um carrossel ativo com reprodução automática. Esta é uma variante perfeita, por exemplo, para a página inicial de um site. O layout Slider possui vários elementos de navegação: seta, arrastar ou paginação. É possível selecionar o número de avaliações que aparecerão por slide.

Se você exibir avaliações uma a uma, isso direcionará a atenção dos usuários. Neste caso de uso, a escolha do modelo altera a ordem dos elementos: a foto do autor e a avaliação com estrelas ficam acima do texto, com todos os elementos alinhados ao centro. Outras avaliações podem ser visualizadas arrastando ou usando as setas.

Aqui vai um excelente exemplo de como inserir perfeitamente um widget de avaliações no seu site com espaço muito limitado. No layout da barra lateral, o widget não tem elementos extras, apenas o essencial; o tamanho permitido é pequeno o suficiente, mas todas as funções estão presentes.