Simplificando o Mapa da Assinatura de Linhas Aéreas Móveis usando o UX

Um estudo de caso simples sobre design e limitações

Ao chegar à indústria da aviação, o mapa de assentos é uma das áreas-chave que são colocadas nos auxiliares no processo de reserva. A maioria dos motores de reservas na Internet contém um mapa de assentos a ser usado pelo passageiro quando eles fazem a reserva online.

Para todas as companhias aéreas, suas principais receitas são os passageiros que usam a companhia aérea para viajar e, como o uso da tecnologia aumentou de maneira rápida em todo o mundo, os Mecanismos de reservas na Internet estão seguindo os passos de ter sites responsivos para celular ou aplicativos móveis nativos.

Então, o que sabemos até agora sobre o mapa da companhia aérea?

O mapa do assento da companhia aérea contém os seguintes detalhes

  1. As classes de reserva disponíveis no voo (Primeira Classe, Classe Executiva, Classe Econômica)
  2. Os decks do avião (se o avião for um double decker, o mapa dos assentos deve mostrar o andar inferior e o andar superior separadamente)
  3. Onde as asas do avião estão localizadas
  4. Onde os banheiros, minibares e praças de alimentação estão disponíveis.

Esses detalhes são realmente valiosos quando se trata de reservar assentos para os passageiros para selecionar suas preferências.

Por que temos que usar o UX no mapa de assentos?

Em um aplicativo IBE baseado em dispositivos móveis, o mapa de assentos deve oferecer total suporte aos usuários para que tomem as devidas decisões ao reservar os assentos para sua jornada. O acesso em todo o mapa de assentos deve ser fácil e a quantidade de tempo que o usuário gasta para encontrar um local no mapa de assentos deve ser menos frustrante e deve ser bastante interessante de se fazer. Uma vez que pode haver mapas de assentos realmente longos para as companhias aéreas que têm o Boeing 747-400 com a capacidade de passageiros de 524, ele deve ser capaz de fornecer uma interface amigável que ajude e guie o usuário a encontrar seu assento.

Então, vamos ao que interessa, projetar o mapa de assentos

Ao projetar o mapa de assentos no nível do skitch, os espaços entre os assentos devem estar em um espaço considerável, já que o usuário do aplicativo pode estar usando um celular com tela menor. Os ícones que mostram os diferentes lugares devem ser codificados por cores de forma que o usuário possa identificá-los corretamente.

Os assentos selecionados devem ser exibidos de forma que os assentos estejam sendo selecionados, principalmente uma sugestão visual que tenha um gradiente de cor ou animação diferente, que seria útil nesses casos.

O mapa de assentos deve mostrar o convés como no convés inferior ou superior, se o vôo selecionado for um vôo de dois andares, deve permitir ao usuário alternar entre os conveses para fazer a seleção de assentos.

O usuário deve poder ver os assentos que já estão sendo reservados, assentos inativos e assentos disponíveis.

O mapa de assentos deve conter outras informações, como banheiros, áreas de serviço, localização das alas, posição das portas de saída para dar uma melhor indicação ao usuário onde eles se sentam quando viajam no voo.

Se o usuário estiver reservando assentos para vários membros, o usuário deve poder ver a localização atual do assento de um membro já alocado por ele e o número do assento.

Então vamos fazer o design visual

No design visual, estou selecionando duas metodologias para maximizar a experiência do usuário e entender qual método funciona perfeitamente para concluir a tarefa com menos número de problemas.

em um vôo demorado, em vez de mostrar todos os assentos associados a diferentes classes, quando o usuário selecionar a classe de reserva inicial, a tela mostrará apenas os assentos da classe de reserva selecionada no avião.

Adicionando a magia

Quando chegar ao negócio real, o usuário tem que percorrer o design no celular para chegar a um local. Para resolver esse problema, podemos ter uma versão menor do mapa de assentos como um pergaminho para mover para o local do desejo de forma rápida e eficaz. O usuário terá duas funções em jogo a serem usadas para fazer a reserva.

Rolo de visualização rápida do mapa de lugares

Existem duas maneiras diferentes de gerenciar o mapa de assentos.

  1. Usando tradicional no clique permite ao usuário selecionar o assento
  2. Usando a função arrastar e soltar para alocar usuário ao assento
Arrastar e soltar e reserva de assento OnClick

Ao adicionar uma vista rápida do mapa de assentos na parte superior, o usuário poderá identificar onde ele está ao selecionar o assento. O usuário pode rolar a visualização rápida e alterar rapidamente a localização do mapa de assentos, facilitando a localização do mapa de assentos.

A função de arrastar e soltar e suas limitações

O arrastar e soltar é uma funcionalidade bastante útil e sofisticada que funciona em aplicativos de desktop baseados na web. Ele permite que os usuários selecionem e adicionem um determinado conjunto de dados de maneira significativa. Arrastando e soltando, a experiência do usuário é muito mais satisfatória para o usuário em uso em aplicativos baseados em desktop.

Ao chegar ao mapa do assento, o usuário pode selecionar um passageiro da lista como mostrado na imagem e arrastar e soltar o usuário no assento desejado. O usuário também pode adicionar os usuários separadamente a diferentes lugares. Quando o usuário deseja mudar o assento do passageiro que deseja, o usuário deve pressionar o assento do passageiro e, em seguida, o passageiro pode ser arrastado para dentro do mapa do assento. Em seguida, o usuário pode soltar o passageiro selecionado no local preferido.

Usar a função arrastar e soltar em um aplicativo móvel não é uma decisão ruim. Mas a quantidade de multitarefa deve ser limitada, pois um objeto ou, nesse caso, um passageiro é arrastado e solto em um determinado local usando uma tela do celular. A sensibilidade ao toque do dispositivo móvel entraria em jogo. Se o dispositivo móvel não conseguir executar a função de arrastar e soltar corretamente, isso afetará diretamente a qualidade do produto e a funcionalidade da seleção de assentos. Como nem todos os dispositivos móveis têm telas grandes, a visibilidade depois que o passageiro é selecionado da cesta a ser adicionada ao assento específico. A queda deve ser bastante precisa, pois o dedo humano pode cobrir 4 assentos na faixa do assento desejado e deixaria o passageiro em um leve movimento de pressão em direção à tela.

A função da seleção tradicional e suas limitações

Esta função é muito simples. Para adicionar um passageiro, o usuário precisa clicar ou clicar duas vezes no assento desejado e um pop-up aparecerá com os passageiros atuais listados na seção de detalhes do passageiro e o usuário pode selecionar um passageiro para ser adicionado ao assento específico. quando o passageiro quiser selecionar um assento diferente, o usuário terá de clicar duas vezes no assento selecionado e, em seguida, o painel de ação aparecerá e permitirá que o usuário remova o passageiro da seleção atual. Isso fará com que o usuário faça a reserva do assento desde o início até o passageiro específico.

E se o usuário quiser ver os detalhes do passageiro?

Um único clique no assento selecionado mostrará os detalhes do passageiro, bem como a classe da reserva e os detalhes do número do assento.

A quantidade de detalhes seria alterada de acordo com a importância das informações que precisam ser mostradas no mapa de assentos.

Então, o que eu consideraria como a função de mapa de assentos que funcionaria bem?

Gostaria de ir com o tradicional clique e selecione função devido à natureza do design, bem como a funcionalidade que reduziria os problemas ao adicionar um passageiro ao seatmap. Mas esta seria uma perspectiva de nível pessoal. Estou sempre aberto a sugestões e discussões.