UX Design 10 sites de viagem de coisas podem ensinar você
Já passou pela sua cabeça que você ainda pode crescer profissionalmente enquanto planeja suas férias? Sites de viagens populares, formulários de reservas e check-out, planejadores de viagem e horários de hotéis são excelentes fontes para aprimorar seus conhecimentos no campo do design da experiência do usuário.
Ao selecionar os melhores locais, hotéis e agendar sua viagem, é uma boa ideia prestar atenção ao que funciona e ao que não funciona, o que inspira você e o que faz você pular imediatamente para outro site.. Suas reações, prazeres e aversões são ótimas características da eficiência do design da experiência do usuário do site.
Neste artigo você pode aprender 10 lições sobre a experiência do usuário que você pode pegar em sites populares de viagens.
A diferença entre interface do usuário e UX
UX não é UI, é como um não escrito lei. Quando você lê sobre a usabilidade de um site, precisa pensar sobre sua interface de usuário (UI). Interface do usuário é um conjunto de vários elementos visuais como menus, botões e ícones que seus visitantes usam (clique, passe o mouse, toque em) quando eles interagem com seu site.
Usabilidade é uma qualidade que descreve a interface do usuário (UI). Usabilidade mostra a eficiência da interface do usuário, como como é fácil usar um site (aprendizado), quão rápido os usuários podem atingir metas especificadas (eficiência), quão facilmente eles podem lembrar suas memórias sobre a maneira como o site funciona (memorabilia), e como é agradável usar (satisfação do usuário).
A usabilidade é um aspecto de uma noção mais complicada chamada experiência do usuário (UX). Experiência de usuário envolve tudo o que afeta a experiência do usuário - negativamente ou positivamente. Um bom UX atende a todas as necessidades de possíveis clientes - boa usabilidade e muitas outras coisas.
De acordo com a empresa de pesquisa de experiência do usuário Nielsen-Norman Group:
1. Dê aos usuários um lugar para começar
Em primeiro lugar, você precisa dê aos seus visitantes um lugar de onde eles podem começar. Geralmente, é a página inicial que recebe mais cliques, não apenas porque é a entrada principal de um site, mas quando os usuários vêm de um mecanismo de pesquisa, o próximo clique provavelmente será a página inicial..
Portanto, você precisa oferecer um conteúdo e layout envolventes na página inicial se você quiser manter seus visitantes em seu site.
A home page da Booking.com prova que eles entendem bem as necessidades de seus clientes. Apenas pense nisso. O que você quer fazer em um site de viagens? Você sabe onde quer ir e quer procurar as possibilidades o mais rápido possível, ou não tem certeza sobre a localização da sua viagem e precisa de inspiração.
Booking.com colocou um formulário geral de pesquisa no lado esquerdo de sua home page para aqueles que têm certeza sobre sua futura viagem. Os visitantes não precisam perder tempo navegando em conteúdo irrelevante. Isso os deixa com uma determinação maior e uma autoconfiança reforçada.
O espaço restante na tela sobre a dobra dá muita inspiração para os menos determinados: três grandes fotos de locais populares (Abu Dhabi, Nova York e Dubai) fornecem sugestões, um fluxo AJAX sobre o “Acabou de ser reservado” As viagens mostram o que outros usuários estão fazendo atualmente, e há até mesmo uma pequena seção que garante aos clientes em potencial sobre a política de cancelamento gratuito.
Na home page da Booking.com, todos recebem o incentivo necessário e sentimentos positivos para seguir em frente no site antes mesmo de tocar na barra de rolagem.
2. Torne sua navegação óbvia
Se você quiser que os usuários permaneçam no seu site, você precisa fornecer a eles uma navegação óbvia e fácil de usar..
A navegação do TimeOut.com é como uma anfitriã inteligente: dá aos visitantes uma ajuda valiosa quando precisam, mas não os incomoda. Se você der uma olhada na imagem abaixo, você pode ver que o sistema de navegação quatro elementos diferentes: uma barra de pesquisa enorme e facilmente reconhecível, um menu principal com itens claramente definidos (Guias da cidade; Filme; Música, Artes e cultura; Comida e bebida; Sobre nós; Time Out Shop), um bar de pão ralado bem projetado e uma barra lateral listagem das cidades mais populares.
O TimeOut projetou seu sistema de navegação de maneira intuitiva, oferecendo aos visitantes mais incentivos para explorar o site. A pequena miniatura ao lado de todos os itens da barra lateral dá uma chave visual, a breve descrição sob a manchete Food & Drink garante aos visitantes que eles estão no lugar certo, os breadcrumbs facilitam a movimentação, e a barra de pesquisa no topo ajuda os usuários a irem para o próximo local se estiverem entediados com o atual..
Cada elemento suporta os outros - um sinal claro de um ótimo design UX.
3. Use imagens de alto impacto
A captura de tela abaixo é de uma das páginas de perfil de restaurantes do TripAdvisor. Tenho certeza de que você já leu que as fotos em estoque não são uma boa experiência para o usuário: elas geralmente incomodam os visitantes e não os motivam a seguir em frente no funil de conversão.
A alternativa das fotos em estoque é uma imagem de alto impacto que provoca fortes emoções nos usuários. E todos nós sabemos disso emoções aumentadas levam a maior fidelidade do cliente.
Os sites de viagens costumam usar fotos de alta qualidade, mas o TripAdvisor o leva ao próximo nível incentivando os usuários a adicionar suas próprias fotos para cada restaurante. Desta forma, o TripAdvisor incrementa seu conteúdo com imagens geradas por usuários que geralmente são mais interessantes para o visitante médio do site de viagens do que fotos tiradas por profissionais.
A pressão dos pares é uma das motivações mais fortes, afinal. TripAdvisor também mantém seu conteúdo visual fresco adicionando fotos de alto impacto filmadas por usuários.
4. Mantenha-o simples
Menos é geralmente mais, por isso é sempre uma boa ideia manter as coisas simples e concentrar-se apenas nas informações relevantes. O mundo está tão cheio de distrações que seus visitantes certamente ficarão agradecidos se você salvá-los do fluff desnecessário.
“Mantenha simples” é o princípio UX que o Lonely Planet aparentemente seguiu em sua página inicial. o tópicos mais importantes que intriga seus usuários são organizado em uma grade arrumada de miniaturas atraentes apoiado por manchetes longas de uma ou duas palavras.
A home page da LonelyPlanet é especialmente inteligente a partir do aspecto da experiência do usuário, pois as miniaturas também servem como navegação enquanto fornecer aos usuários uma chave visual facilmente compreensível.
A grade é responsiva, portanto, funciona em todas as portas. No tamanho de dispositivos móveis e tablets, as miniaturas se parecem com ícones de aplicativos para dispositivos móveis que é um layout familiar para todos os usuários móveis, e a familiaridade também é algo que dá conforto aos visitantes, aumentando, assim, seu envolvimento com o site.
5. Use Verbos de Ação
Você provavelmente está familiarizado com verbos de ação de sites de carreira. Os verbos de ação não envolvem apenas os recrutadores que examinam os currículos, mas também os visitantes de sites que navegam pela Web..
A popular rede social de compartilhamento de acomodações, a AirBnB, as utiliza em todo o site. Pertença qualquer lugar, Aluguel, Lista seu espaço, Descobrir locais, Explorar o mundo, Vejo onde as pessoas estão viajando, Compartilhar sua experiência, etc.
Os verbos de ação são incrivelmente eficientes porque mover usuários de um estado passivo para um ativo. Experiências positivas sempre exigem atividade em nome do usuário; é por isso que os parques de aventura são tão populares.
Afinal o que você lembra mais? Algo que você fez sozinho ou algo que acabou de ler em um livro? Vejo? A interação também envolve você. Então, se você quiser aumentar a experiência do usuário do seu site, não hesite em usar verbos de ação onde eles são apropriados.
6. Agilize seus formulários
Como formas muito complicadas muitas vezes levam a um abandono instantâneo A coisa mais inteligente que você pode fazer pela experiência de seus usuários é otimizar os formulários do seu site o máximo possível. O que quero dizer sob simplificação?
Você pode ver um excelente exemplo se der uma olhada no formulário de pesquisa universal do Priceline.com em sua página inicial. Formulários de pesquisa da Priceline são escondido dentro de uma seção de navegação com guias horizontal.
As guias contêm cinco formulários de pesquisa diferentes relacionados às cinco áreas (Hotéis, Voos, Carros, Pacotes de Férias, Cruzeiros) nos quais a empresa está envolvida..
O mais legal aqui é que os usuários não precisam se preocupar com coisas que não estão interessados, eles podem ir direto para o formulário de pesquisa que eles precisam. Portanto eles são não sobrecarregado com campos de dados extras, os campos de formulário são mantidos a um mínimo absoluto, o que significa maior eficiência, menor aborrecimento e rápida compreensão - a melhor experiência de usuário de todos os tempos.
7. Faça Impacto com Histórias Pessoais
Você pode aumentar o engajamento do usuário com o uso inteligente de histórias pessoais, como você está realmente experimentando, na página inicial do GoBackpacking.com.
As aventuras de pessoas reais são sempre mais interessantes que balbucios de marketing super-refinados. Seus visitantes não querem ler os mesmos clichês cansativos que podem ler no site do seu concorrente - eles podem até mesmo gerar o mesmo quadro de baixo impacto por si mesmos depois de tudo.
Comentários, classificações, comentários dirigidos e moderados, status, postagens em blogs, histórias pessoais, recomendações, todos adicionam personalidade ao seu site, portanto introduzindo informações de alta qualidade que seus visitantes podem se conectar emocionalmente.
O GoBackpacking preenche sua home page com histórias pessoais de seus usuários, o que faz com que os visitantes fiquem imediatamente imersos no conteúdo do site, mesmo sem conhecê-lo..
8. Incluir produtos relacionados
Widgets de produtos relacionados, recomendados e populares são usados por todos os grandes players de e-Commerce, portanto, não é uma grande surpresa que os sites de viagens também tirem proveito deles.
HotelTravel.Com resolve a tarefa de uma maneira muito complicada e eficiente. Seu mecanismo de recomendação leva a localização que o visitante procura - no nosso caso é Hong Kong - e mostra um pouco mais opções de hotel recomendadas por outros usuários. Os hotéis relacionados são também os recomendados, uma solução 2 em 1 que é sempre uma boa ideia.
Os designers do HotelTravel.Com deram mais um passo e colocaram o produtos relacionados em um acordeão acessível que permite ao usuário recomendações de grupo de acordo com quatro critérios diferentes (Melhor Valor, Melhor Serviço, Melhor Quarto Standard, Melhor Localização).
Para tornar o widget visualmente interessante, a classificação, o preço, uma pequena miniatura e uma breve citação da última revisão também estão incluídos para dar a máxima ajuda aos visitantes para decidir qual acomodação atende melhor às suas necessidades.
9. Fale sobre os benefícios
Mostrar aos visitantes os benefícios que podem obter em seu site é sempre mais fácil de usar do que importuná-los com fatos secos que os fazem adormecer.
Na página inicial da Booking.com, podemos ver uma utilização inteligente deste princípio de design UX. No lado direito da tela você pode ver o “Por que usar Booking.com?” seção que inclui seis benefícios que estão de acordo com os valores do viajante médio (preço baixo, faixa de escolha da placa, facilidade de uso da interface, sistema de revisão preenchido, atendimento ao cliente de qualidade e disponibilidade 24 horas por dia, 7 dias por semana).
Claro que estes valores são redigidos de uma forma mais maneira envolvente e venha com links onde clientes em potencial podem seguir em frente. o “Por que usar Booking.com” widget é de fato a versão melhorada do regular “Características” seção de um site de pequenas empresas, mas inclui muitos elementos de apoio.
o ícones coloridos, os links destacados e os dados específicos (tal como “701.118 propriedades em todo o mundo”) fazem todos os usuários acreditarem que estão em um site profissional em que podem confiar. o mostruário de locais populares de Sidney a Dublin no lado esquerdo e o pequeno widget do Third-Party ReviewCentre apóia a experiência e cria confiança.
10. Fornecer prova social
Quando as pessoas falam sobre prova social, elas geralmente significam widgets de mídia social, como o Facebook, que também é um ótimo elemento de UX bem projetada, mas a home page do TripAdvisor é um ótimo exemplo como outras formas de prova social funcionam.
O conceito de prova social é baseado em um princípio psicológico que diz que as pessoas são mais propensas a fazer algo se eles vêem outros ao seu redor Faça a mesma coisa. Validação externa é uma grande motivação para a maioria de nós, designers tão sábios criam provas sociais em seus sites de uma forma que incentiva os visitantes a repetir o comportamento de seus colegas usuários..
No TripAdvisor, o engajamento conteúdo social é construído em uma navegação de guia útil com três seções: Comentários do Hotel, Fotos feitas por usuários e fóruns. O título do widget é “O que os viajantes estão falando” qual é menos insistente do que a média das legendas em sites comerciais; portanto, chama a atenção do visitante de uma vez.
A secção de avaliações de hotéis foi concebida de forma inteligente torna o conteúdo fácil de digerir: uma pequena foto de perfil e a classificação do usuário revisor, o nome do hotel revisado, uma breve citação do comentário em si e um ícone de classificação que se ajusta bem ao design geral do site.
