What is the usability checklist for web application ?

Showing Answers 1 - 12 of 12 Answers

there are several checklists that u can derive for web application, for example, 1. every page should have a link to HOME page.
2.clicking on "logo" should take u to home page.
3. logo should be placed at the top left corner in every page and it goes on............
like this u can derive upto 30-40 checklists, checklists varies from application to application,

  Was this answer useful?  Yes

The following checklist includes most of the factors that we consider during a usability testing:

Site Design

1. Content is useful, accurate, up to date, and relevant to the audience 2. Provides at least one contact for the Web site, and provides alternate contact methods (phone, snail mail) 3. Information is organized in manner that makes sense to the users 4. Information is chunked into meaningful units 5. Has been tested with actual users

 

Navigation1. Matches the way users will want to work or complete a task 2. Navigation is designed for what 80% of the users need to do 80% of the time 3. Provides a home page for each major area of the site 4. Relies on organization more than search fields 5. If uses search fields, places them toward the center and right, uses large font for the label

 

Page Design1. Important content at the top of a page 2. Each page has a title 3. Information is aligned vertically 4. Avoids horizontal scrolling 5. Limits home pages to two screens 6. Limits inside pages to maximum of six screens for each page 7. Utilizes sufficient white space 8. Minimizes the number of unique margins 9. Provides layout consistency throughout the site 10.Uses grouping to bring order and show connection 11.Uses a consistent footer 12.Name and/or logo on every page, links back to the site's home page

 

Text & Typography1. Uses at least a 12-point for headings, and prefereably a 10-point font for text 2. Avoids overly decroative fonts 3. Never any more than six different fonts on any page 4. Does not place text on busy backgrounds 5. Avoids text in ALL CAPITAL LETTERS 6. Writing is grammatically correct and is short and concise 7. Uses short paragraphs 8. Uses headings and sub-headings for text

   

Links1. Uses visual cues, such as color, size, and positioning to show how relatively important links are 2. Puts important links on the top half of the page 3. Uses enough text to explain a link 4. Links only keywords, not the whole paragraph 5. Linked graphics are large enough and spaced widely enough for easy clicking 6. Places the text link at the beginning of a paragraph 7. Matches the wording of the link with the title of the page it goes on

 

Graphics1. Every graphic has a reason/purpose/meaning - no purely decorative graphics 2. Absolutely NO animated GIFs 3. Uses graphics that are as small in file size as possible for fast loading 4. Uses alternative text tags or graphics 5. Uses text descriptions with graphics if helpful 6. Avoids beige or brown pictures 7. Makes graphics linkable as much as possible

 

Forms1. Shows what data is required and/or optional 2. Groups data appropriately 3.  Labels grouped data meaningfully 4. Uses a group heading to separate the groups 5.  Matches the user's workflow 6. Makes best use of standard controls

 

Text Boxes1. Lengths of fields match where appropriate 2.  Shows display-only data without a box 3. Uses consistent field height 4. Left aligns data, except for true numerical values 5. Text boxes indicate data length if necessary 6. Uses default value if appropriate

 

Drop Down Menus1. Ordered appropriately 2. Used to save space 3.  Used if users will pick default most of the time 4. Used for navigation or data entry

 

Labels1. All fields have labels 2. Uses industry standard abbreviations only 3.  Includes colons 4.  Places label at center of text height

 

Checkboxes1. Used as a toggle 2. Stacks vertically 3.  Orders appropriately 4. Not used for mutually exclusive choices

 

Radio Buttons1. Used only when one choice (of a group) is available at a time 2. Stacks vertically 3. Labels the group meaningfully 4. Orders by frequency or logic

 

Buttons1.  Uses clear and concise button labels2. Uses heading style capitalization for button label 3. Labels buttons consistently 4. Buttons appear where they are needed
Source : http://www.tcnj.edu/~it/usability/checklist.html

HI

It's depends on project, client..

Every comp will have their own style of Check list, some times client will ask some specific check list, we are following below check list.

-> Consistent labels in entire website Ex: PH instead of Ph, Phone, etc
-> Consistent tool tips
-> Text boxes should have a specific length depends on fields
-> Every action icon should have a help info and tool tip
-> Page heading should be consistent in all pages
-> Every page should have back and cancel buttons
-> Every table class should have Export options
-> Every table class should have navigational links

etc

A usability checklist for a web application includes factors to be considered during an evaluation of a web application prototype.  A usability checklist is often used by testers as reminders of what needs to be considered when producing test cases.  Some categories found in web application usability checklists are:  1) site design, 2) navigation, 3) page design, 4) text and typography, 5) links, 6) graphics, 7) text boxes, 8) drop down menus, 9) labels, 10) checkboxes, 11) radio buttons, and 12) buttons.  

Give your answer:

If you think the above answer is not correct, Please select a reason and add your answer below.

 

Related Answered Questions

 

Related Open Questions