Web Application UI Checklist

COLORS


1 Are hyperlink colors standard?

2 Are the field backgrounds the correct color?

3 Are the field prompts the correct color?

4 Are the screen and field colors adjusted correctly for non-editable mode?

5 Does the site use (approximately) standard link colors?

6 Are all the buttons are in standard format and size?

7 Is the general screen background the correct color?

8 Is the page background (color) distraction free?


CONTENT

1 All fonts to be the same

2 Are all the screen prompts specified in the correct screen font?

3 Does content remain if you need to go back to a previous page, or if you move forward to another new page?

4 Is all text properly aligned?

5 Is the text in all fields specified in the correct screen font?

6 Is all the heading are left aligned

7 Does the first letter of the second word appears in lowercase? Eg:

IMAGES

1 Are all graphics properly aligned?

2 Are graphics being used the most efficient use of file size?

3 Are graphics optimized for quick downloads?

4 Assure that command buttons are all of similar size and shape, and same font & font size.

5 Banner style & size & display exact same as existing windows

6 Does text wrap properly around pictures/graphics?

7 Is it visually consistent even without graphics?

INSTRUCTIONS

1 Is all the error message text spelt correctly on this screen?

2 Is all the micro-help text(i.e tool tip) spelt correctly on this screen?

3 Microhelp text(i.e tool tip) for every enabled field & button

4 Progress messages on load of tabbed(active screens) screens

NAVIGATION

1 Are all disabled fields avoided in the TAB sequence?

2 Are all read-only fields avoided in the TAB sequence?

3 Can all screens accessible via buttons on this screen be accessed correctly?

4 Does a scrollbar appear if required?

5 Does the Tab Order specified on the screen go in sequence from Top Left to bottom right? This is the default unless otherwise specified.

6 Is there a link to home on every single page?

7 On open of tab focus will be on first editable field

8 When an error message occurs does the focus return to the field in error when the user cancels it?



USABILITY

1 Are all the field prompts spelt correctly?

2 Are fonts too large or too small to read?

3 Are names in command button & option box names are not abbreviations.

4 Assure that option boxes, option buttons, and command buttons are logically grouped together in clearly demarcated areas "Group Box"

5 Can the typical user run the system without frustration?

6 Do pages print legibly without cutting off text?

7 Does the site convey a clear sense of its intended audience?

8 Does the site have a consistent, clearly recognizable "look-&-feel"?

9 Does User cab Login Member Area with both UserName/Email ID ?

10.  Does the site look good on 640 x 480, 600x800 etc.?

11. Does the system provide or facilitate customer service? i.e. responsive, helpful, accurate?

12.  Is all terminology understandable for all of the site’s intended users?