Tutorial: Form & Prototype Guidelines

Dr. Thomas E. Hicks
Computer Science Department
Trinity University

 


Windows & Forms In General

  1. Always include a clear, concise title in the title bar of each form and window.
  2. The title bar shall include a commercial in the form of Designed By for each and every form that you do for this class.
  3. Most forms should have one - two major columns; there are certainly many exceptions.
  4. The most important information should generally be at the top of the form.
  5. There should be some consistent pattern to the data.
  6. Select color combinations that are pleasant and that do not strain the eyes. The color combinations should be those that you can live with 8 hours a day.
  7. Do not select a background that forces one to strain to read/enter text and utilize the buttons.
  8. Do not use too many colors on the same form.
  9. Keep colors consistent throughout the many forms of an application.
  10. Center the Window.
  11. Opt for clarity over cuteness.
  12. Size All Data To Fit
  13. Align Prompts & Field ==> Use Horizontal & Vertical Alignments.
  14. Do not have large gaps of unused space.
  15. The margins at the top, bottom, left, and right should be about the same.

Buttons

  1. The Previous button should be on the far left and the Next button on the far right.
  2. The buttons should form some type of aesthetically pleasing arrangement.
  3. The space between buttons should generally be same.
  4. The button sizes should form some consistent pattern.
  5. You are welcome to make buttons that are used more frequently larger in size.
  6. Keep button organization consistent throughout the many forms of an application.
  7. Keep button appearance/format consistent throughout the many forms of an application.
  8. The button text and/or image should be extremely obvious.
  9. Use tool tips to expand on button functionality.
  10. Opt for clarity over cuteness.
  11. Include appropriate buttons, or combos, to filter or select subsets of the data
  12. Include appropriate buttons, or combos, to order the data

Prompts

  1. Remove the colon from the prompts.
  2. You may place prompt over or to the left of the data entry field; select one and be consistent.
  3. If placing the prompt beside the data entry field, right justify the prompt beside the field.
  4. If placing the prompt over the data entry field, left justify the prompt with the field.
  5. Keep the distance from the prompt consistent throughout the form.
  6. Keep the prompts the same font and size.
  7. Do not make the prompt larger or more predominant than the corresponding data entry field.
  8. Capitalize the first letter of each and every word in the prompt.
  9. Try to avoid all upper case prompts, unless acronyms.
  10. The prompt should be extremely clear and concise.
  11. Opt for clarity over cuteness.

Data Entry Fields

  1. Keep the data entry fields the same font and size.
  2. Do not make the data entry fields smaller than the corresponding prompt.
  3. Try to adjust the data for the user when possible [leading space - formatting - case - etc.]
  4. Try to provide adequate space for the response.
  5. Do not accept any more in the field than the table will hold.
  6. Opt for clarity over cuteness.
  7. Name the fields well.
  8. Help to mask and validate the data when possible.
  9. Make the background and foreground easy to read.
  10. You may enter the following types of one line button code to a valid form field event
    1.  Replace FirstName with AllTrim(FirstName)
    2.  Replace State with AllTrim(Upper(State))

Sample Forms

 

 

 


May be accessed through URL: http://www.cs.trinity.edu/~thicks
May also be accessed through URL: http://carme.cs.trinity.edu
This Document May Not Be Printed or Reproduced Without Written Permission.
 2003 Copyright : Dr. Thomas E. Hicks
Permission granted : Professional Educators & College Students may print one copy of this page!

Dr. Thomas E. Hicks

Computer Science Department    
Trinity University

"Dr. Web"