Exemplos de Avaliações do Tripadvisor

Neste exemplo, as avaliações são organizadas em um widget atraente com as cores autênticas do Tripadvisor, com um cabeçalho discreto. O cabeçalho exibe a avaliação geral da página e mostra quantos usuários já postaram suas avaliações, com as fotos das mais recentes, que são clicáveis. O botão de solicitação de avaliação incentiva os usuários a deixarem mais uma avaliação, e a opção Sim, pintada de azul, chama a atenção.

Você pode exibir avaliações na página como uma lista bem definida. Ao desativar o cabeçalho e aplicar parâmetros automáticos de largura e altura, como neste exemplo, o widget ocupará o espaço disponível na página e ficará equilibrado. Aplique filtros para restringir a quantidade de avaliações, exibir apenas aquelas com avaliação positiva ou excluir as indesejadas por palavras-chave.

Aqui, uma variedade de avaliações é exibida em uma coleção com layout Masonry, que posiciona as avaliações da forma mais equilibrada conforme a altura de cada item. Cores selecionadas conferem ao widget um visual verdadeiramente único. A classificação por estrelas nas avaliações serve para mostrar que a empresa é valorizada pelos clientes.

A escolha pelo layout em grade e pelo modelo Spotlight de avaliações cria uma interface do widget elegante e equilibrada. Contornos marcantes e textos centralizados chamam a atenção. A geometria simples do layout em grade pode combinar com todos os demais modelos de avaliações — os elementos da interface foram projetados para serem totalmente compatíveis.

Neste widget com layout de Slider, as avaliações aparecem em um carrossel dinâmico com autoplay. É um caso excelente, ideal para a página principal de um site. O layout de Slider inclui controles de navegação: seta, arrastar ou paginação. Há uma opção para escolher quantas avaliações serão exibidas por slide.

Se você organizar avaliações uma a uma, atrairá a máxima atenção dos usuários. Neste exemplo, o modelo Spotlight altera a posição dos elementos: a foto do autor e a classificação por estrelas ficam acima do texto e todos os elementos ficam alinhados ao centro. Mais avaliações podem ser visualizadas arrastando ou usando as setas.

Aqui está um exemplo ilustrativo de como você pode inserir perfeitamente um widget de avaliações em seu site com espaço muito limitado disponível. Defina-o como uma barra lateral; o widget não tem elementos extras, apenas as partes mais importantes, e o tamanho responsivo ajudou a torná-lo pequeno o suficiente. Ainda assim, todas as funções estão lá.