Vereenvoudiging van mobiele stoelplattegrond met UX

Een eenvoudige case study over ontwerp en beperkingen

Wanneer u naar de luchtvaartindustrie komt, is de stoelkaart een van de belangrijkste gebieden die in nevenactiviteiten in het boekingsproces worden geplaatst. De meeste internetboekingsmachines bevatten een plattegrond die de passagier kan gebruiken wanneer hij online boekt.

Voor alle luchtvaartmaatschappijen zijn hun belangrijkste inkomsten de passagiers die de luchtvaartmaatschappij gebruiken om te reizen, en omdat het gebruik van technologie over de hele wereld snel is toegenomen, volgen Internet Booking Engines het spoor van het hebben van mobiel reagerende websites of native mobiele applicaties.

Wat weten we tot nu toe over de stoelplattegrond van de luchtvaartmaatschappij?

De stoelplattegrond van Airline bevat de volgende details

  1. De boekingsklassen die beschikbaar zijn in de vlucht (First Class, Business Class, Economy Class)
  2. De dekken in het vliegtuig (als het vliegtuig een dubbeldekker is, moet de stoelkaart het onderste dek en het bovenste dek afzonderlijk weergeven)
  3. Waar de vleugels in het vliegtuig zich bevinden
  4. Waar de toiletten, minibars en voedselbanen beschikbaar zijn.

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

Waarom moeten we UX op de stoelplattegrond gebruiken?

In een mobiel gebaseerde IBE-applicatie moet de stoelkaart alle gebruikers de volledige ondersteuning bieden om de juiste beslissingen te nemen bij het boeken van de stoelen voor hun reis. De toegang tot de stoelmap moet eenvoudig zijn en de hoeveelheid tijd die de gebruiker besteedt aan het vinden van een locatie in de stoelkaart moet minder frustrerend zijn en moet behoorlijk interessant zijn om te doen. Aangezien er echt lange stoelkaarten kunnen zijn voor luchtvaartmaatschappijen die een Boeing 747–400 hebben met een passagierscapaciteit van 524, moeten ze een gebruikersvriendelijke interface kunnen bieden die de gebruiker helpt zijn weg te vinden bij het vinden van zijn / haar stoel.

Dus laten we aan de slag gaan, de stoelplattegrond ontwerpen

Bij het ontwerpen van de stoelplattegrond op skitch-niveau moeten de openingen tussen de stoelen zich in een aanzienlijke ruimte bevinden, omdat de gebruiker van de toepassing mogelijk een mobiele telefoon met een kleiner scherm gebruikt. De pictogrammen die de verschillende stoelen weergeven, moeten een kleurcode hebben zodat de gebruiker ze correct kan identificeren.

De geselecteerde stoelen moeten zodanig worden weergegeven dat de stoelen worden geselecteerd, meestal zou een visuele indicatie met een ander kleurverloop of animatie in deze gevallen van pas komen.

De stoelmap moet het deck weergeven zoals in het benedendek of bovendek. Als de geselecteerde vlucht een dubbeldekkervlucht is, moet de gebruiker tussen de decks kunnen schakelen om de stoelen te selecteren.

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

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 voor meerdere leden boekt, moet de gebruiker de huidige stoellocatie van een reeds toegewezen lid en het stoelnummer kunnen bekijken.

Dus laten we het visuele ontwerp doen

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

tijdens een lange vlucht in plaats van alle stoelen weer te geven die aan verschillende klassen zijn gekoppeld, wanneer de gebruiker de eerste boekingsklasse selecteert, toont het scherm alleen de geselecteerde stoelen van de boekingsklasse in het vliegtuig.

Magie toevoegen

wanneer de real deal tot stand komt, moet de gebruiker door het ontwerp in de mobiele telefoon scrollen om naar een locatie te gaan. Om dat probleem op te lossen, kunnen we een kleinere versie van de stoelplattegrond als schuif gebruiken om snel en effectief naar de gewenste locatie te gaan. De gebruiker heeft twee functies in het spel om te gebruiken om te boeken.

Seat map snelweergave scroll

Er zijn twee verschillende manieren om de stoelplattegrond te beheren.

  1. Met traditioneel bij klikken kan de gebruiker de stoel selecteren
  2. Gebruik slepen en neerzetten om de gebruiker toe te wijzen aan de stoel
Drag and Drop en Onclick-stoelboeking

Door een stoeloverzicht toe te voegen, kan de gebruiker bij het selecteren van de stoel identificeren waar hij / zij zich bevindt. De gebruiker kan door de snelle weergave scrollen en de locatie van de stoelmap snel wijzigen, waardoor de vindbaarheid eenvoudig is in de stoelkaart.

De functie van slepen en neerzetten en zijn beperkingen

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

Wanneer hij naar een stoelmap komt, kan de gebruiker een passagier uit de lijst selecteren zoals weergegeven in de afbeelding en de gebruiker naar de gewenste stoel slepen en neerzetten. 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 op de stoel drukken waaraan de passagier is toegewezen en dan kan de passagier binnen de stoelmap worden gesleept. Vervolgens kan de gebruiker de geselecteerde passagier op de gewenste locatie neerzetten.

Het gebruik van de drag & drop-functie in een mobiele applicatie is geen slechte beslissing. Maar de hoeveelheid multitasking moet beperkt zijn, omdat een object of in dit geval een passagier met behulp van een mobiel scherm naar een bepaalde locatie wordt gesleept. De aanraakgevoeligheid van het mobiele apparaat zou binnenkomen om te spelen. Als het mobiele apparaat de slepen-en-neerzetten-functie niet correct 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 het zicht nadat de passagier uit de korf is geselecteerd om aan de betreffende stoel te worden toegevoegd, de val vrij nauwkeurig zijn, aangezien de menselijke vinger 4 stoelen in het bereik van de gewenste stoel kan bedekken en zou de passagier met een lichte druk naar het scherm laten vallen.

De functie van traditionele selectie en zijn beperkingen

Deze functie is veel eenvoudiger. Om een ​​passagier toe te voegen, moet de gebruiker één keer klikken of dubbelklikken op de gewenste stoel en er zal een pop-up verschijnen met de huidige passagiers in de passagiersgegevens. De gebruiker kan één passagier selecteren die aan de betreffende stoel moet worden toegevoegd. wanneer de passagier een andere stoel wil selecteren, moet de gebruiker dubbelklikken op de geselecteerde stoel en het actiepaneel verschijnt en de gebruiker kan de passagier uit de huidige selectie verwijderen. Dit zorgt ervoor dat de gebruiker de stoelboeking doet vanaf het begin tot de specifieke passagier.

Wat als de gebruiker passagiersgegevens wil bekijken?

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

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

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

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