Forms Design Interface Design

J.E.D.I Figure 4.36 is an example of a report layout which follows the data format conventions as specified in Table 22.This is the general report layout for listing athletes based on their status. Ang Bulilit Liga Club List Member by Status Prepared : MMDDYYYY Page 99 STATUS: XXXXX MEMBER MEMBER MEMBER NUMBER LASTNAME FIRSTNAME 9999 Xxxxxxxx Xxxxxxxx 9999 Xxxxxxxx Xxxxxxxx 9999 Xxxxxxxx Xxxxxxxx Total Number XXXXX Members : 9999 Figure 4.36 Sample Report Layout

4.5.2 Forms Design

Forms are usually used for input when a workstation is not available. It is sometimes used as a turnaround document. The following are the steps in designing forms. Forms Layout Guidelines 1. Instructions should appear on the form except when the same person fills it over and over again. General instructions are placed on top. They should be brief. Specific instructions should be placed just before the corresponding items. 2. Use familiar words. Avoid using not, except and unless. Use positive, active and short sentences. 3. The answer space should be enough for user to comfortably enter all necessary information. If the form will be used for a typewriter, 6 or 8 lines per inch is a good measurement. For handwritten answer spaces, 3 lines per inch with 5 to 8 characters per inch is a good measurement. Software Engineering 171 J.E.D.I 4. Use the following guidelines for typefaces of the fonts. • Gothic • Simple, squared off, no serifs • Easy to read, even when compressed • Capital letters are desirable for headings • Italic • Has serifs and a distinct slant • Hard to read in large amounts of long letters • Good for printing out a work or phrase • Roman • Has serifs but does not slant • Best for large quantities • Good for instructions 5. Lower case print is easier to read that uppercase. However, for small font size, they should not be used. Use upper letters to call attention to certain statements. Developing the Form Layouts STEP 1: Define the standards to be used for designing forms. An example of a standard for defining forms is listed below. • Paper size should not be bigger than 8 12” x 11”. • Colors Schemes • White copies goes to the applicant. • Yellow copies goes to the club staff. • Pink copies goes to the coach. • Important data should be positioned on left side of document. • Dates should use DDMMYY Format. • Logos are only used for all externally distributed documents. • Heading should include Page Number and Title. • Binding should use 3-hole paper. • Ruling should follow 3 lines per inch. STEP 2: Prepare Form Samples. Using the standard format defined in step 1, design the layout of the forms. Redesign if necessary. Software Engineering 172 J.E.D.I

4.5.3 Screen and Dialog Design