Vereenvoudiging van de plattegrond van een mobiele luchtvaartmaatschappij met UX

Een eenvoudige casestudy over ontwerp en beperkingen

Wanneer u naar de luchtvaartindustrie komt, is de stoelkaart een van de belangrijkste gebieden die tijdens het boekingsproces in bijzaken wordt geplaatst. De meeste internetboekingsmachines bevatten een stoelkaart die de passagier kan gebruiken bij het online boeken.

Voor alle luchtvaartmaatschappijen zijn hun belangrijkste inkomsten de passagiers die de luchtvaartmaatschappij gebruiken om te reizen, en aangezien het gebruik van technologie op een snelle manier over de hele wereld is toegenomen, treden Internet Booking Engines in de voetsporen van mobiele responsieve websites of native mobiele applicaties.

Dus wat weten we tot nu toe over de Airline Seat Map?

De stoelkaart van de luchtvaartmaatschappij bevat de volgende details

  1. De boekingsklassen die beschikbaar zijn tijdens de vlucht (First Class, Business Class, Economy class)
  2. De dekken in het vliegtuig (als het vliegtuig een dubbeldekker is, moet de stoelkaart het benedendek en het bovendek afzonderlijk weergeven)
  3. Waar de vleugels in het vliegtuig zitten
  4. Waar de toiletten, minibars en foodcourts beschikbaar zijn.

Deze details zijn erg waardevol als het gaat om het boeken van stoelen voor passagiers om hun voorkeuren te selecteren.

Waarom moeten we UX gebruiken in de stoelkaart?

In een mobiel-gebaseerde IBE-applicatie moet de stoelplattegrond de gebruikers volledig ondersteunen om de juiste beslissingen te nemen bij het boeken van de stoelen voor hun reis. De toegang via de stoelplattegrond moet gemakkelijk zijn en de hoeveelheid tijd die de gebruiker besteedt aan het vinden van een locatie op de stoelplattegrond zou minder frustrerend moeten zijn en zou best interessant moeten zijn om te doen. Aangezien er echt lange stoelkaarten kunnen zijn voor luchtvaartmaatschappijen die Boeing 747–400 met een passagierscapaciteit van 524 moeten hebben, moet ze een gebruikersvriendelijke interface kunnen bieden die de gebruiker helpt en helpt bij het vinden van zijn / haar stoel.

Dus laten we aan de slag gaan, de stoelkaart ontwerpen

Bij het ontwerpen van de stoelkaart in het skitch-niveau moeten de openingen tussen de stoelen in een aanzienlijke ruimte zijn, aangezien de toepassingsgebruiker mogelijk een mobiele telefoon met een kleiner scherm gebruikt. De pictogrammen die de verschillende stoelen weergeven, moeten een kleurcode hebben zodat de gebruiker ze goed kan identificeren.

De geselecteerde stoelen moeten worden weergegeven op een manier waarop de stoelen worden geselecteerd, meestal zou een visuele keu met een ander kleurverloop of animatie in deze gevallen van pas komen.

De stoelkaart moet het dek weergeven zoals op het benedendek of bovendek, als de geselecteerde vlucht een dubbeldekkervlucht is, moet de gebruiker kunnen wisselen tussen de dekken om de stoelen te selecteren.

De gebruiker moet de stoelen die al zijn geboekt, inactieve stoelen en beschikbare stoelen kunnen zien.

De stoelkaart moet andere informatie bevatten, zoals wasruimte, servicegebieden, locatie van vleugels, positie van uitgangsdeuren om de gebruiker een betere indicatie te geven waar ze gaan zitten tijdens het reizen in de vlucht.

Als de gebruiker stoelen boekt voor meerdere leden, moet de gebruiker de huidige stoellocatie van een reeds toegewezen lid door hem / haar kunnen zien, evenals het stoelnummer.

Dus laten we het visuele ontwerp doen

In het visuele ontwerp selecteer ik twee methodologieën om de gebruikerservaring te maximaliseren en om te begrijpen welke methode perfect werkt om de taak met minder problemen te voltooien.

bij een lange vlucht in plaats van alle stoelen te tonen die bij verschillende klassen horen, zal het scherm, wanneer de gebruiker de eerste boekingsklasse selecteert, alleen de geselecteerde stoelen in de boekingsklasse in het vliegtuig tonen.

De magie toevoegen

wanneer het tot de real deal komt, moet de gebruiker door het ontwerp in de mobiel scrollen om naar een locatie te gaan. Om dat probleem op te lossen, kunnen we een kleinere versie van de plattegrond van de stoel als scroll gebruiken om snel en effectief naar de gewenste locatie te gaan. De gebruiker heeft twee functies die kunnen worden gebruikt om te boeken.

Stoelkaart snelweergave scrollen

Er zijn twee verschillende manieren om de plattegrond van de stoel te beheren.

  1. Met behulp van traditionele on-click kan de gebruiker de stoel selecteren
  2. Gebruik de functie slepen en neerzetten om de gebruiker aan de stoel toe te wijzen
Drag and Drop en Onclick-stoelreservering

Door een stoelkaart toe te voegen, kan de gebruiker snel zien waar hij zich bevindt bij het selecteren van de stoel. De gebruiker kan door de snelle weergave scrollen en de locatie van de stoelkaart snel wijzigen, waardoor de vindbaarheid binnen de stoelkaart gemakkelijk wordt.

De functie van slepen en neerzetten en de beperkingen ervan

Slepen en neerzetten is een vrij handige en mooie functionaliteit die werkt in webgebaseerde desktop-applicaties. Hiermee kunnen gebruikers op een zinvolle manier een bepaalde set gegevens selecteren en toevoegen. Met slepen en neerzetten is de gebruikerservaring veel bevredigender voor de gebruiker die wordt gebruikt in desktop-gebaseerde applicaties.

Wanneer hij naar de stoelkaart komt, kan de gebruiker een passagier uit de lijst selecteren, zoals weergegeven in de afbeelding, en de gebruiker slepen en neerzetten op de gewenste stoel. De gebruiker kan de gebruikers ook afzonderlijk aan verschillende stoelen toevoegen. Wanneer de gebruiker de stoel van de passagier wil veranderen die hij / zij wenst, moet de gebruiker de stoel ingedrukt houden en wordt de passagier toegewezen en wordt de passagier binnen de stoelkaart versleepbaar. Vervolgens kan de gebruiker de geselecteerde passagier op de gewenste locatie neerzetten.

Het gebruik van de functie slepen en neerzetten in een mobiele applicatie is geen slechte beslissing. Maar de hoeveelheid multitasking moet worden beperkt omdat een object of in dit geval een passagier met een mobiel scherm naar een bepaalde locatie wordt gesleept. De aanraakgevoeligheid van het mobiele apparaat zou spelen. Als het mobiele apparaat de functie slepen en neerzetten niet goed uitvoert, heeft dit direct invloed op de kwaliteit van het product en de functionaliteit van het selecteren van stoelen. Aangezien niet alle mobiele apparaten grote schermen hebben, moet de zichtbaarheid nadat de passagier is geselecteerd uit de mand die aan de specifieke stoel moet worden toegevoegd, vrij nauwkeurig zijn, aangezien de menselijke vinger 4 stoelen in het bereik van de gewenste stoel kan bedekken en de passagier zou laten vallen bij een lichte druk op het scherm.

De functie van traditionele selectie en zijn beperkingen

Deze functie is veel eenvoudig. Om een ​​passagier toe te voegen, moet de gebruiker één of twee klikken op de gewenste stoel en er verschijnt een pop-up met de huidige passagiers die worden vermeld in het gedeelte met passagiersgegevens en de gebruiker kan één passagier selecteren om aan de specifieke stoel te worden toegevoegd. wanneer de passagier een andere stoel wil selecteren, moet de gebruiker dubbelklikken op de geselecteerde stoel en vervolgens verschijnt er een actiepaneel waarmee de gebruiker de passagier uit de huidige selectie kan verwijderen. Dit zorgt ervoor dat de gebruiker vanaf het begin de zitplaats boekt voor de betreffende passagier.

Wat als de gebruiker de passagiersgegevens wil bekijken?

Een enkele klik op de geselecteerde stoel toont de passagiersgegevens, de boekingsklasse en de stoelnummergegevens.

De hoeveelheid details zou worden gewijzigd afhankelijk van het belang van de informatie die op de stoelkaart moet worden weergegeven.

Dus wat zou ik beschouwen als de stoelkaartfunctie die goed zou werken?

Ik zou voor de traditionele klik- en selectiefunctie gaan vanwege de aard van het ontwerp en de functionaliteit die de problemen zou verminderen bij het toevoegen van een passagier aan de stoelkaart. Maar dit zou een persoonlijk perspectief zijn. Ik sta altijd open voor suggesties en discussies.