Skip to Content

Interaction design

Standards relating to interaction design.

Error messages

Written on May 7, 2015

Error messages should be tailored to the function so that the user is clear about what has happened and what they should do next. An error message should follow this structure: 1) apologise for the error 2) briefly explain what the problem is, to give the user some context 3) tell the user what toContinue Reading

Updating an area of a page remote from the action that causes the update

Written on March 4, 2011

If information on one part of a page is changed by making a change elsewhere on the same page, the customer should be informed, and the flight selling ‘twizzle’ is the default way of doing so. text should be kept to a minimum minimum display time is 3 seconds

Display of information that has changed

Written on March 4, 2011

How to clearly notify customers that information has changed.

Animations

Written on March 4, 2011

How to using animations including number per page and how many rotations are permitted.

Exit option for applications

Written on March 1, 2011

For all applications, at each stage, there must be a clear ‘exit this application’ button, which takes customers to the home page, or other suitable location.

Action buttons – naming

Written on March 1, 2011

Continue – default labelling to move to the next stage in a process. Submit – typically used when the customer has filled in a form and this is the only stage in a process. Confirm – to be used where the customer is asked to review information and to confirm that it is correct. ProceedContinue Reading

Use of sound

Written on March 1, 2011

Where sound is used, it must be user initiated.

Downloading

Written on March 1, 2011

Where files are offered for download, the following information must be provided adjacent to the download link: If appropriate (e.g. for more rarely used formats) a link to online resources to download the appropriate player/viewer software The format of the file The size of the file. File sizes should be shown as “xx kb” (ifContinue Reading

Tabbing

Written on March 1, 2011

Each page should have a logically defined tab sequence. In some cases the default will be sufficient.

Frames

Written on March 1, 2011

Frames are not normally permitted. In limited circumstance they may be used, but only with approval. Where integration of external content with a site is needed, then frames can be considered.

External sites – when to link to them

Written on March 1, 2011

Whether or not to link to an external site is a commercial decsion. When making such a decision the following factors must be satisfied as apporpriate: Is it relevant to our customers? The following points are indicative of the types of consideration to be applied:- content linked to must relate to content linked from contentContinue Reading

Browser caching of form fields

Written on March 1, 2011

The ability for browsers to cache and pre-fill form fields should be explicitly disabled for personal and sensitive information. This does not apply to usernames, but does apply to passwords.

Online surveys

Written on March 1, 2011

‘Confirmit’ is the approved tool for conducting ad-hoc online surveys. Surveys can be targetted or random, and may be conducted in local languages. Customer Insights must be consulted in the planning of any online survey. There are four principal ways to attract a customer to a survey: Via a link from a chosen page toContinue Reading

Design for printing

Written on March 1, 2011

Pages designed specifically for printing should fit within a width of 21cm (A4 width) and a length of 28cm (US standard length). They should ‘work’ if printed in black and white. If the page is in colour, if appropriate, the customer should be informed that a black and white print is OK. Buttons in popupsContinue Reading

Radio buttons, dropdowns and checkboxes for selecting and navigating

Written on March 1, 2011

Radio buttons and dropdowns are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. As a rule of thumb, a dropdown would be used when there are more than five choices, otherwise radio buttons are used. The context of use mayContinue Reading

Application timeouts

Written on February 28, 2011

If an application session times out, an appropriate message should be given to the customer, and appropriate action offered e.g. ‘Sorry, but you have not done anything for [time], and you will need to start again’    [big red start again button] If an application session times out, an appropriate message should be given toContinue Reading

Advertising standards

Written on February 22, 2011

  See attached file for ba.com standards   3rd-Party-Advertising-on-ba.com-4.10

Positioning of the OneWorld orb

Written on February 22, 2011

The OneWorld orb is to be associated with the BA logo, and appear in the header of all pages. On non-application pages it must be clickable to www.oneworld.com. On application pages it is non-clickable.   The orb is not required on mobile.

Supported browsers and systems

Written on February 22, 2011

Last updated 9 March 2017 We support browsers and systems that our customers use. Desktop web Mobile web Fully supported Fully supported MSIE 10 and above on PC (not Mac) and Edge iPhone 4s and above – iOS 8+ Safari Safari 9 and above on Mac Android phones <7” – Android 4.4+ Android browser, ChromeContinue Reading