Exemplos de Avaliações do Airbnb

As avaliações aparecem em um widget atraente, com cores que combinam com o Airbnb, acompanhado de um cabeçalho informativo. O cabeçalho mostra a nota total da página e a contagem de avaliadores, com as fotos dos mais recentes, que são clicáveis. 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.

Aqui está uma maneira de exibir avaliações em uma página criando uma lista bem definida. Se ocultar o cabeçalho e escolher largura e altura automáticas, como neste exemplo, o widget preencherá perfeitamente todo o espaço disponível na página e parecerá nativo. Há filtros para limitar o número de avaliações, exibir apenas as positivas ou excluir as indesejadas por palavras-chave.

Neste widget, um conjunto de avaliações é exibido na variante Masonry, que organiza as avaliações da forma mais equilibrada com base na altura. A variante de cor personalizada cria um visual único. A classificação por estrelas exibida ao lado das avaliações serve para mostrar forte prova social.

A escolha do layout em grade (Grid) e do template de avaliações Spotlight confere ao widget uma aparência refinada e equilibrada. Linhas grossas e textos de avaliações centralizados chamam a atenção dos visitantes. A geometria linear do layout Grid pode combinar com qualquer outro template de avaliações — os elementos da interface foram projetados para serem totalmente adaptáveis.

Este widget, no layout de Slider, exibe as avaliações em um carrossel dinâmico com autoplay. É uma variante perfeita, por exemplo, para a página inicial do seu site. O layout Slider oferece elementos de navegação: seta, arrastar ou paginação. E você pode escolher quantas avaliações serão exibidas por slide.

Se você exibir avaliações uma a uma, elas vão atrair a máxima atenção dos usuários. Neste exemplo, o template Spotlight altera a posição dos elementos: a foto do autor e a avaliação em estrelas ficam acima do texto da avaliação e todos os elementos ficam centralizados. Mais avaliações podem ser vistas arrastando ou clicando nas setas.

Aqui está um excelente exemplo de como inserir perfeitamente um widget de avaliações em qualquer site, mesmo com espaço muito limitado. No layout de Barra Lateral, o widget não tem elementos extras — apenas o essencial — e o tamanho responsivo ajuda a mantê-lo compacto, sem perder a funcionalidade total.