User Interface Checklist

It represents as a guideline and reference for the web application user interface checklist testing.
UI_1: Look & Feel Execution Result across the whole system (R, G
# Item Description Checked?

1 Does the general screen/window background appear

with the correct color and schema as specified in the
specs?

2 Do the field prompts appear with the correct color as

specified in the specs?

3 Do the field backgrounds appear with the correct color

and schema as specified in the specs?
4 In read-only mode, do the field prompts appear with the
correct color as specified in the specs?
5 In read-only mode, do the field backgrounds appear
with the correct color and schema as specified in the
specs?
6 Do all the screen/window prompts appear with the
correct screen/window font as specified in the specs?
7 Does the text in all fields appear with the correct
screen/window font as specified in the specs?
8 Are all the field prompts aligned perfectly on the
screen/window?
9 Are all the fields edit boxes aligned perfectly on the
screen/window?
10 Are all group boxes aligned correctly on the
screen/window?
11 Are all character or alphanumeric fields left justified?
This is the default unless otherwise specified.
12 Are all numeric fields right justified? This is the default
unless otherwise specified.
13 Required fields retrieved from the DB should have a
default value. The user must either enter an alternative
valid value or leave the default value intact.
14 Are the screen/window and field colors adjusted
correctly for read-only mode?
15 Should a read-only mode be provided for this
screen/window?
16 Are all fields and controls disabled in read-only mode?
 17 Assure that (Save) and (Cancel) buttons are grouped
separately from other command buttons.
18 Assure that the screen/window does not have a cluttered
appearance
19 Do non-button graphics have their own design
properties distinct from that of buttons?
20 Are buttons grouped logically and located where the
user is likely to be looking?
21 Does every menu have a title?
22 Does text appear clearly and with normal margins and
spacing?
23 The window’s title bar text is the same as the one in
the page.

UI_2:: Consistency Status: R Y G

# Item Description Checked?

1 Is all user input captured in UPPER case or lower case
consistently?
2 Assure that all screens/windows have a consistent look
and feel.
3 Assure that all dialog boxes have a consistent look and
feel.
4 Is validation consistently applied at screen/window level
unless specifically required at field level?
5 Assure consistency of mouse actions across
screen/windows
6 Banner style & size & display exactly the same as the
existing screens/windows
7 Do all buttons and icons have a consistent and unique
appearance?
8 Are navigation buttons displayed in exactly the same
screen/window position every time they appear?
9 Are text fonts used consistently?
10 Are the terminology in user interface text consistent
throughout a product.
11 Are Abbreviations avoided
12 Tool Tips are correct
13 Consistent handling error messages upon submit vs. lost
focus
14 Consistent error messages throughout the site
15 Consistent handling of fields serving the same logical
purpose.
16 Consistent handling Date & time fields format.
17 Navigation: Consistent active/non active selection
handling.
18 The feel and look of the pages all through the site is the
same (Same theme, Font Name and size, Tables, bullets,
color scheme, logo)
erface checklist testing.
n Result across the whole system (R, G, Y)
Pass/Fail Related Bug Number(s)

Execution Result per each page

Execution Date:< DD MON YYYY>
Release <x.x>
Executed by: <Tester Name>
Result: Pass/ Fail
Criteria UI-1

Page
R Y G

Pass/Fail Related Bug Number(s)

 page
YYYY>

>

UI_2 UI_3 UI_4 UI_5 UI_6 UI_7

Related bugs
Number (S)