Forenkle Mobile Airline Seat Map ved bruk av UX

En enkel casestudie om design og begrensninger

Når du kommer til flyselskapet Industry, er setekartet et av de viktigste områdene som er plassert i tilknytningspunkter i bookingprosessen. De fleste av internettbookingsmotorene inneholder et setekart som passasjeren kan bruke når de gjør online-bestilling.

For alle flyselskapene er hovedinntektene deres passasjerer som bruker flyselskapet for å reise, og siden bruken av teknologi har blitt økt på en rask måte over hele kloden, følger Internet Booking Engines fotsporene med å ha mobile responsive nettsteder eller innfødte mobilapplikasjoner.

Så hva vet vi så langt om flysete-kartet?

Sittekart for flyselskapet inneholder følgende detaljer

  1. Bestillingsklassene som er tilgjengelige på flyreisen (First Class, Business Class, Economy class)
  2. Dekkene i flyet (hvis flyet er en dobbeltdekker, bør setekartet vise underdekket og øvre dekk hver for seg)
  3. Hvor vingene i flyet ligger
  4. Der vaskerom, minibar og matbaner er tilgjengelige.

Disse detaljene er virkelig verdifulle når det gjelder å bestille plasser til passasjerer for å velge sine preferanser.

Hvorfor må vi bruke UX på setekartet?

I en mobilbasert IBE-applikasjon bør setekartet gi full støtte til brukerne til å ta riktige beslutninger når de bestiller setene for reisen. Tilgangen gjennom setekartet skal være lett, og tiden brukeren bruker på å finne et sted på setekartet skal være mindre frustrerende og bør være ganske interessant å gjøre. Siden det kan være veldig lange setekart for flyselskaper som har Boeing 747–400 med passasjerkapasiteten 524, må de kunne levere et brukervennlig grensesnitt som hjelper og guider brukeren til å finne sitt sete.

Så la oss komme til virksomheten, designe setekartet

Når du utformer setekartet i skitch-nivået, må hullene mellom setene være på et betydelig sted, siden applikasjonsbrukeren kanskje bruker en mobiltelefon med mindre skjerm. Ikonene som viser de forskjellige setene, skal fargekodes på en måte som brukeren kan identifisere dem på riktig måte.

De valgte setene skal vises på en måte som setene blir valgt, for det meste vil en visuell signal som har en annen fargegradient eller animasjon være nyttig i disse tilfellene.

Setekartet skal vise dekk som i underdekke eller øvre dekk, hvis den valgte flyvningen er en dobbeltdekkerflyging, skal den tillate brukeren å veksle mellom dekkene for å gjøre valg av seter.

Brukeren skal kunne se setene som allerede er booket, inaktive seter og tilgjengelige seter.

Setekartet skal inneholde annen informasjon som vaskerom, serviceområder, vinger, plassering av utgangsdører for å gi bedre indikasjon til brukeren hvor de setter seg når han reiser i flyturen.

Hvis brukeren bestiller seter for flere medlemmer, må brukeren kunne se den nåværende seteposisjonen til et allerede tildelt medlem av ham / henne og seternummeret.

Så gjør det visuelle designet

I den visuelle designen velger jeg to metodologier for å maksimere brukeropplevelsen og for å forstå hvilken metode som fungerer perfekt for å fullføre oppgaven med færre antall problemer.

i en lang flytur i stedet for å vise alle setene som er assosiert med forskjellige klasser, når brukeren velger den første bestillingsklassen, vil skjermen bare vise de valgte reservasjonsklassene i flyet.

Legger til magien

når det kommer til virkelig brukeren må bla gjennom designen i mobilen for å komme til et sted. For å løse dette problemet kan vi ha en mindre versjon av setekartet som en rulle for å flytte til ønsket sted raskt og effektivt. Brukeren har to funksjoner i spill som skal brukes til å gjøre bookingen.

Sete kart rask visning bla

Det er to forskjellige måter å administrere setekartet på.

  1. Bruk tradisjonell på klikk og la brukeren velge sete
  2. Bruk dra og slipp-funksjon for å tildele bruker til setet
Dra og slipp og reservasjon av onclick-sete

Ved å legge til et setekart, vil hurtigvisning på toppen tillate brukeren å identifisere hvor han / hun befinner seg når han velger sete. Brukeren kan bla raskt i visningen og raskt endre plasseringen av setekartet, noe som gjør det enkelt å oppdage på setekartet.

Funksjonen til dra og slipp, og det er begrensningene

Dra og slipp er en ganske nyttig og fancy funksjonalitet som fungerer i nettbaserte stasjonære applikasjoner. Det lar brukerne velge og legge til et visst sett med data på en meningsfull måte. I en dra og slipp er brukeropplevelsen mye mer tilfredsstillende for brukeren i bruk i skrivebordsbaserte applikasjoner.

Når han kommer til setekart, kan brukeren velge en passasjer fra listen som vist på bildet og dra og slippe brukeren til ønsket sete. Brukeren kan separat legge brukerne til forskjellige seter også. Når brukeren ønsker å skifte passasjersete som han / hun ønsker at brukeren må trykke på setet, blir passasjeren tildelt, og passasjeren kan trekkes inni setekartet. Deretter kan brukeren slippe den valgte passasjeren på det foretrukne stedet.

Å bruke dra og slipp-funksjonen i en mobilapplikasjon er ikke en dårlig beslutning. Men mengden multitasking bør begrenses siden en gjenstand eller i dette tilfellet en passasjer dras og slippes til et bestemt sted ved hjelp av en mobilskjerm. Berøringsfølsomheten til den mobile enheten vil komme til å spille. Hvis den mobile enheten ikke klarer å dra og slippe funksjonen riktig, vil det direkte påvirke kvaliteten på produktet og funksjonaliteten til valg av seter. Siden ikke alle mobile enheter har store skjermer, er synligheten etter at passasjeren er valgt fra kurven som skal legges inn i det bestemte setet, slippet må være ganske nøyaktig, siden menneskefingeren kan dekke 4 seter i området til ønsket sete og ville slippe passasjeren i et lite trykk bevegelse mot skjermen.

Funksjonen til tradisjonelt utvalg og dets begrensninger

Denne funksjonen er mye av en grei handling. For å legge til en passasjer må brukeren enkeltklikke eller dobbeltklikke på ønsket sete, og en popup vises med de gjeldende passasjerene som er oppført i passasjerdetaljer-delen, og brukeren kan velge en passasjer som skal legges til det aktuelle setet. Når passasjeren ønsker å velge et annet sete, må brukeren dobbeltklikke på det valgte setet, og da vises et handlingspanel som lar brukeren fjerne passasjeren fra det aktuelle utvalget. Dette vil føre til at brukeren gjør seterstillingen fra starten til den aktuelle passasjeren.

Hva om brukeren vil se passasjerdetaljer?

Et enkelt klikk på det valgte setet vil vise passasjerdetaljer samt reserveklasse og seternummerdetaljer.

Mengden med detaljer vil bli endret i henhold til viktigheten av informasjonen som må vises på setekartet.

Så hva ville jeg betrakte som setekartfunksjonen som vil fungere bra?

Jeg ville gå med den tradisjonelle klikk og velg-funksjonen på grunn av designets art, så vel som funksjonaliteten som vil redusere problemene når jeg legger en passasjer til setekartet. Men dette ville være et personlig perspektiv. Jeg er alltid åpen for forslag og diskusjoner.