The application's visual architecture focuses on organizing, structuring, and labeling functionality in an effective way. The goal is to help users intuitively find information and complete tasks. The two primary areas are the Passenger Name Record (PNR) and the Terminal.
The PNR Viewer is on the left side. This is where the booking file details appear.
The Terminal window is on the right side. This is where the agents enter formats and obtain general responses.
PNR Action Bar
The PNR action bar contains functions that interact with the PNR screen or provide general application feedback.
The PNR icons are 40 pixels x 40 pixels with a 5 pixel margin. The PNR icons have 4 states: Default, hover, down and selected (hover triggers a tooltip). Clicking on an icon will trigger an action or display a menu which opens above the icon.
PNR action bar menus should open above the clicked icon. The menu window should not expand beyond the PNR area.
Terminal Interactions - Color Uses
The terminal utilizes different colors to indicate the interactions that an item provides.
Green Links - #00DD00 Green links indicate that the link relates to a primary action, such as "Book," or that clicking the link will open a window or replace the current display with a different one.
Blue Links - #43C0FF Blue links indicate that the link relates to additional information, and should only be used on text that reveals a tooltip, or reveals additional text within the current display.
Orange Links - #F39A26 Orange links indicate warnings, and may or may not be clickable. For example, wait-listed flights and unknown hotel rates are displayed in orange.
White Text - #ffffff White text is always non-clickable, and is generally support text.
Terminal Interactions - General
The following are a few examples of interactions available from the terminal.
Terminal Color Schemes
The terminal has multiple themes that the user can choose from.
Terminal Action Bar
The Terminal action bar contains functions that interact with the terminal screen. The area is 55 pixels wide with a 5 pixel padding. Terminal action bar content should be no wider than 45 pixels. The terminal action bar is divided into two sections. First, icon triggered actions on top followed by buttons below. The buttons are divided into two areas: queues and plugins.