Aplicativos de viagens

O manual de ideias para aplicativos de viagens descreve um aplicativo de viagens fictício para o Windows 8.1. Você pode obter inspiração para o design do seu próprio aplicativo de viagens examinando os cenários deste tópico e vendo como a linguagem de design da Microsoft é utilizada no aplicativo.

Cenários de aplicativo de viagens

O aplicativo de viagens descrito neste tópico usa os recursos de design da Microsoft para criar uma experiência de viagens envolvente para os usuários.

Inspirar Reservas Check-in
imagem de blocos dinâmicos e navegação imagem de um aplicativo de viagens imagem de uma notificação do sistema

 

Inspirar os usuários e atraí-los

Você pode usar blocos dinâmicos para atrair os usuários para seu aplicativo, e o contrato de Compartilhamento facilita a disseminação de seu conteúdo para outros. Siga este cenário para ver como você pode tornar seu aplicativo de viagens envolvente.

imagem grande de blocos dinâmicos e navegação

Ben optou pelo bloco dinâmico do aplicativo da Wigtip Destinations, e a oferta de umas férias na praia chama sua atenção.

imagem do menu Iniciar com blocos dinâmicos

Depois de iniciar o aplicativo, Ben clica na oferta sobre praias.

imagem de um aplicativo de viagens com ofertas

Ben escolhe a oferta da Contoso Beaches para uma análise mais profunda.

imagem das ofertas de viagem

Ben gosta do visual da oferta, então decide compartilhá-la com seu amigo.

imagem de uma oferta de viagem e o botão de Compartilhamento

 

Resumo dos blocos dinâmicos e compartilhamento

No primeiro cenário, vemos que...

  • Os blocos dinâmicos atraem os usuários para o seu aplicativo exibindo informações que são relevantes para eles, incluindo a capacidade de aceitar uma oferta.
  • É possível converter seu conteúdo em uma origem de Compartilhamento, e o Windows 8.1 conecta você a outros aplicativos, email e redes sociais.

Para saber mais sobre blocos dinâmicos e Compartilhamento, veja:

Reservando a viagem

Você pode usar a barra de aplicativos e o zoom semântico para permitir que o conteúdo se destaque enquanto oferece aos usuários uma maneira consistente de navegar pelo aplicativo.

imagem de reserva de viagem

Ben inicia o aplicativo da Wingtip Destinations e digita a cidade para a qual está viajando. O aplicativo já sabe a localização atual dele.

imagem de um mapa com destinos

O calendário é fácil de usar com toque e mouse.

imagem de uma página de calendário

A barra de aplicativos oferece a Ben diferentes maneiras de exibir, filtrar e classificar suas opções de voo.

imagem da barra de aplicativos e das opções de voo

Ben está preocupado com o custo, por isso decide exibir os resultados por preço.

imagem das opções e preços de viagem

Ben usa zoom semântico para obter uma exibição diferente dos dados.

imagem reduzida dos preços das opções de voo

Ben vê o itinerário, insere as informações dos passageiros, escolhe os assentos e insere os detalhes do pagamento em uma única etapa. A partir daí, ele pode salvar essa viagem para depois ou reservar o bilhete aéreo.

imagem do painel de viagem de um aplicativo de viagens

Ben decide reservar a viagem e conclui a compra.

imagem da página de itinerário de um aplicativo de viagens

 

Resumo da reserva de viagem

No segundo cenário, vemos que...

  • Seu conteúdo está em primeiro plano porque os comandos e a navegação estão colocados na barra de aplicativos.
  • O zoom semântico permite que os usuários exibem dados de diferentes maneiras.
  • Você pode habilitar o reconhecimento de localização no aplicativo usando o recurso de localização geográfica.

Para auxiliá-lo a escolher qual o melhor navegador para o seu aplicativo, acesse Tipos de navegadores.

Acesse o Padrão de navegador simples atualmente em uso na seção Características para Aplicativos, da série do início ao fim.

Para saber mais sobre a barra de aplicativos, o zoom semântico e os aplicativos com reconhecimento de localização, veja:

Notificações e impressão

Você pode usar o ecossistema do Windows 8.1 para se comunicar com os usuários.

imagem de uma notificação do sistema

Ben está empenhado no trabalho quando uma notificação do sistema da Wingtip Destinations o avisa de que é hora de fazer check-in.

imagem de uma notificação do sistema

Ben clica na notificação do sistema, que cria links profundos para a página de check-in. Ele faz o check-in e imprime seu cartão de embarque.

imagem da página de check-in de um aplicativo de viagens

 

Resumo das notificações e impressão

No terceiro cenário, vemos que...

  • As notificações do sistema criam links profundos com seu aplicativo e oferecem aos usuários a oportunidade de se envolver outra vez com o conteúdo.
  • Você pode aproveitar todo o ecossistema do Windows em seu aplicativo, incluindo dispositivos como impressoras.

Para saber mais sobre notificações do sistema e impressão, veja:

Explorar as possibilidades

O Windows 8.1 está repleto de novos recursos que podem deixar seu aplicativo em destaque.

Por exemplo, adicionar uma caixa de pesquisa permite que as pessoas pesquisem o conteúdo do seu aplicativo, enquanto adicionar o contrato de Pesquisa permite que as pessoas pesquisem o conteúdo do seu aplicativo a partir de qualquer outro aplicativo. Para saber mais, veja Exemplo de pesquisa e Orientação sobre pesquisa.

imagem de como funciona a pesquisa

Tópicos relacionados

Conheça os aplicativos da Windows Store

Diretrizes de UX para aplicativos da Windows Store

Diretrizes e lista de verificação para notificações do sistema

Exemplo de notificação do sistema

Exemplo de bloco dinâmico

Orientação sobre blocos dinâmicos

Orientação sobre AppBar

Exemplo do AppBar (HTML)

Exemplo do AppBar (XAML)

Exemplo de zoom semântico (C#/VB/C++)

Exemplo de zoom semântico (JavaScript)

Orientação sobre zoom semântico

Orientações sobre impressão

Exemplo de impressão

Diretrizes para os aplicativos com reconhecimento de local

Exemplo de localização geográfica

Exemplo de pesquisa

Orientação sobre pesquisa

Exemplo de fonte de compartilhamento

Exemplo de destino de compartilhamento

Orientação sobre compartilhamento