Group 5 Group 5 Versatile SolutionsVersatile Solutions

Advanced Human Computer InteractionAdvanced Human Computer Interaction

Jane JakemanJane JakemanDorian MarinovDorian MarinovBesart SopjaniBesart SopjaniScott ThomasScott Thomas

1

Automated airport check-in system

IntroductionIntroduction

• Interface for self check-in• For use at airports throughout the UK

• by all carriers

• Using HCI principles to address • globalisation

• user-centered design

• Creating• a one-stop solution

2

Information gathering

• Observation at LHR - T5• only hand baggage to complete process

• extra baggage process

• no voice commands to aid user

• Interviews with staff and passengers• no facility for main baggage

• Accessibility not fully addressed

• would like more privacy

• would like a worktop area

• staff provide • general customer service

3

Identifying our usersIdentifying our users

• Families• with childrenwith children

• several bagsseveral bags

• pushchairspushchairs

• Groups of travellers• small and large groupssmall and large groups

• Frequent Flyers• travelling alonetravelling alone

• business travelbusiness travel

4

Within these groups will be people with Within these groups will be people with Accessibility issuesAccessibility issues

Identifying our usersIdentifying our users

• Accessibility issues• wheelchair-users

• vision deficiencies• partially sighted

• blind

• hearing impairment• partial hearing impairment

• total hearing impairment

• mobility• general mobility issues

• ie. older people may need to be seated

• specific mobility issues

• learning difficulties

5

Summary of Design NeedsSummary of Design Needs

• Catering for multi-national travellers• speaking different languages

• within the user groups identified• providing Accessibility solutions within those groups

• Use of HCI techniques for:• layout of the airport terminallayout of the airport terminal

• ergonomics of the hardwareergonomics of the hardware

• design of the interfacedesign of the interface

6

The Airport Terminal DesignThe Airport Terminal Design

7

Layout of the Terminal 8

Layout of the Terminal

• Ergonomics • directional guide

• steers users toward kiosks

• overhead sign• arrows indicate direction

• structure either side of sign directs users toward kiosks

• attracts immediate attention reducing user evaluation time

• kiosks• in immediate line of vision

• use by observation

• secondary facilities• situated in the periphery

• out of the immediate line of vision• kiosks remain main focus

9

Information Gathering Information Gathering 5

BeltWalkwayfor Airport

StaffBelt

Walkwayfor Airport

StaffBelt

Walkwayfor Airport

Staff

Walkway for staff, creating

a natural barrier, whilst maintaining a clear view and ability to assist

customers

The worktop to place

documents upon

Curved edges and no screen dividers to

reduce maintenance yet create privacy

Height and shape

restrictors

Secure area

First part of conveyor belt

contains baggage

weighing facility

weigh here

weigh here

weigh here

Placement of desk will help

‘direct’ baggage to the correct

belt

Automated Baggage HandlingAutomated Baggage Handling 10

11 KioskKiosk

• Prototype• touch screen

• child-safe

• curved edges

• maintenance requirement reduced

• aesthetically appealing

• practical design feature• interchangeable

hardware• ability to upgrade

hardware

• work surface fits around kiosk

The Ergonomics of the HardwareThe Ergonomics of the Hardware

12

13 KioskKiosk

• Wheelchair-user kiosk

• height reduction

• screen angle at 90º

• flexibility for:• work surface

installation

• relocation of baggage size restrictors

• moving closer to baggage weighing scale and conveyor belt

• creating wheelchair turning circle space

Vision impairmentVision impairment 14

• Refreshable Braille display• 40, 80, 120 cells40, 80, 120 cells

• Dual functionality • read and write

• buttons• pressing the selected cells will

create an interaction behaviour identical to a button press

• Sound• audio instructions

Visual aidsVisual aids 15

• Speech Browser• UsersUsers

• partially blindpartially blind

• completely blindcompletely blind

• learning difficultieslearning difficulties

• Used with other technology• Refreshable Braille displaysRefreshable Braille displays

The Design of the InterfaceThe Design of the Interface

16

TouchTouch Screen Screen

• Screen size • allows for space around the screenallows for space around the screen

• designed for minimum 1024 x 768 pixels basisdesigned for minimum 1024 x 768 pixels basis

• vector graphics accommodate larger screen displayvector graphics accommodate larger screen display

• Navigation • buttons for the user to control processbuttons for the user to control process

• progress bar provides constant landmarkprogress bar provides constant landmark

• screen displays only what is needed at that stagescreen displays only what is needed at that stage

17

Interface

Welcome screenWelcome screen

18

• Includes:• heading

• text hint

• progress bar • 7 chunks

• existing knowledge• colour red

• go back – ‘stop’

• colour green• go forward – ‘go’

• image of World• depicts

language

• language choice in native language

Interface

Select Select languagelanguage

19

Passport check

• Passport Check• Scan

• Check date – expires within 6 months• Yes – abort check-in for non-Domestic flight

• No – continue

• check passport details• Against database

• Visa Check• Check whether visa is applicable for country flight

• Yes – request visa confirmation from customer

• No – abort

• Yes - continue

• No – continue

20

• Displays:• progress bar

• landmarking

• button colour changes to red

• attracting attention

• simulated Qwerty keyboard options for user

• enter flight number, then confirm

• delete

• go back

• select language on progress bar

Interface

Enter flight numberEnter flight number

21

User ProfilesUser Profiles

• Late Traveller• System to alert traveller to the time issueSystem to alert traveller to the time issue

• System will not process the check-inSystem will not process the check-in• Alternative Flights Offered Alternative Flights Offered

• Payment Facility AvailablePayment Facility Available

• Check-in can then proceed (subject to flight time)Check-in can then proceed (subject to flight time)

• No Alternative Flight AcceptedNo Alternative Flight Accepted

• Assistance will arrive via Customer Services Agent Assistance will arrive via Customer Services Agent

22

• Shows:• progress bar

• landmarking

• text asking to type in booking number

• text field to show the letters/numbers typed in

• Qwerty Keyboard provided

Interface

Enter booking numberEnter booking number

23

• The booking screen includes:

• text asking instructions

• user to select one of the following

• if credit card number selected

• green radio button indicates that is selected

• this example• depicts credit card

number selected

Interface

Choose booking or credit card Choose booking or credit card numbernumber

24

• screen requests:• user input credit

card number

• number key pad • similar to

cashpoint

• use of existing knowledge

• Delete option• close proximity

to keypad• similar colour

• similar border

• similar style

Interface

Provide confirmation detailsProvide confirmation details

25

• Clear instructions• remaining group

passengers to book in are shown

• YES and NO buttons to answer

• ‘confirm’ to proceed

Interface

Displays passengers in your groupDisplays passengers in your group

26

• Screen then adds information:

• shows names of who has already booked in for the flight

• a green tick to show that they are checked in

• YES/NO showing those need to book in

Interface

Display of further group informationDisplay of further group information

27

• Displays:• names with:

• flight number

• date/time

• status

• And a tick showing those already checked in

• relevant help options

• reprint ticket

• call customer services

Interface

Ticket detailsTicket details

28

User Profiles User Profiles

• Family of four – 2 adults, 2 children• wish to be seated togetherwish to be seated together

• book in all togetherbook in all together• one person can check-in all of the familyone person can check-in all of the family

• with their credit card as reference & flight numberwith their credit card as reference & flight number

• with their one booking number as reference & flight numberwith their one booking number as reference & flight number

• passport scan will alleviate security issuepassport scan will alleviate security issue

29

Domestic Traveller check Domestic Traveller check

• Domestic Traveller• Hand luggage onlyHand luggage only

• ID Choice OfferedID Choice Offered• Fingerprint optionFingerprint option

• Photograph to be takenPhotograph to be taken

• Otherwise Passport is requiredOtherwise Passport is required

• More than 1 bagMore than 1 bag• Passport requiredPassport required

• Possible additional chargePossible additional charge

30

• seating screen includes:

• blue button showing name

• seating plan labelled

• seat location in red

• ability to change seat

• Scrollable seating plan on the right

Interface

Seating screenSeating screen

31

• seating screen then changes to show:

• names of the other travellers

• updated seat colour coding

• seating hints

• ability to change seats again

Interface

Seating screenSeating screen

32

Check-in security questions

• Baggage Security Questions• Did you pack your baggage yourself?

• Yes – continue

• No – call for assistance made automatically by the system

• Are you carrying goods for other people?• No – continue

• If yes • Do you wish to remove the goods?

• Yes – continue

• No - call for assistance made automatically by the system

33

• The security screen includes:

• two security questions

• legal requirement

• radio buttons to select

• creating continuity and existing knowledge as radio buttons used in previous screen

Interface

Security QuestionsSecurity Questions

34

• The baggage screen includes:

• text asking user to select one of the following baggage options

• dark blue means selected

Interface

Baggage screenBaggage screen

35

Baggage Baggage

• Deals with multiple baggage issues with multiple baggage issues• restricts size and shaperestricts size and shape

• weighs baggage on dual purpose conveyor beltweighs baggage on dual purpose conveyor belt• if overweightif overweight

• user may remove items from baggage to reduce weightuser may remove items from baggage to reduce weight

• baggage weighed againbaggage weighed again

• user pays by credit carduser pays by credit card

• if payment refusedif payment refused

• option again to unpackoption again to unpack

• if refuses to unpack, system abortsif refuses to unpack, system aborts

• RFID label printedRFID label printed• user attaches RFID label to suitcaseuser attaches RFID label to suitcase

• process repeated for further luggageprocess repeated for further luggage

36

• The baggage screen includes:

• animation showing the user how to place bags on the scales

Interface

Baggage screenBaggage screen

37

• The baggage screen includes:

• option to pay if baggage is overweight

• radio buttons for selection

Interface

Baggage screenBaggage screen

38

• The baggage screen includes:

• text asking user to use credit card

• images of type of credit cards are accepted

• system will then take user to next screen

Interface

Baggage screenBaggage screen

39

• The baggage screen includes:

• text asking user to enter pin code

• same numeric key pad with delete button

Interface

Baggage screenBaggage screen

40

• The baggage screen includes:

• option to pay

• user selects ‘no’

• system gives another option

Interface

Baggage screenBaggage screen

41

• The baggage screen includes:

• option to reduce weight

• option to call for assistance

Interface

Baggage screenBaggage screen

42

• The time out screen includes:

• system design prompts a time out message

• Option 1• more time

• Option 2 • call assistance

Interface

Time out Time out

43

• The boarding pass screen includes:

• table one shows the user their flight details

• table two shows where they are sitting on the first flight

• seat change facility

Interface

Boarding pass screenBoarding pass screen

44

• Displays:

• first flight and second flight

• table two shows where they are sitting on the first flight and second flight

• seat change facility

Interface

Boarding pass screenBoarding pass screen

45

• Displays:

• boarding pass printed

• progress bar cleared

• system reverts to welcome screen

Interface

Final screenFinal screen

46

Summary Summary

• User-centred interface• pale blue screenpale blue screen

• will not distract users away from main subjectwill not distract users away from main subject

• progress bar to provide landmarkprogress bar to provide landmark• progress displayed in 7 ‘chunks’progress displayed in 7 ‘chunks’

• highlighted progress bar button in red to attract attention highlighted progress bar button in red to attract attention

• simple streamlined design simple streamlined design • provides continual feedback to userprovides continual feedback to user

• more than one way to carry out an interactionmore than one way to carry out an interaction• for example - to navigate, user may press:for example - to navigate, user may press:

• back buttonback button

• progress barprogress bar

• by selecting the relevant ‘chunk’ that they wantby selecting the relevant ‘chunk’ that they want

47

ConclusionConclusion

• Globalised solution• caters for multi-national caters for multi-national

travellerstravellers

• travelling to all travelling to all destinationsdestinations

• National solution• utilise at any UK airportutilise at any UK airport

• carrier airline branding carrier airline branding abilityability

• User solution• user-centered designuser-centered design

• Client solution • complete check-in systemcomplete check-in system

• one-stop transactionone-stop transaction

48