www.monash.edu.au lecture 8 designing forms and reports ims1002 /cse1205 information systems 2

www.monash.edu.au

Lecture 8

Designing Forms and Reports

IMS1002 /CSE1205 Information Systems 2

www.sims.monash.edu.au

2

• At the end of this lecture you should have some understanding of

– what are forms and reports

– what are the design guidelines for forms and reports

– how to effectively display text, tables, lists and charts

– how to assess the usability of an interface

Designing Forms and Reports

www.sims.monash.edu.au

3

• Form and report design are key ingredients for successful information systems - especially for

users• Each input data flow to a process will be

associated with a form• Each output data flow from a process will be

associated with either a form or a report• Forms and reports cab be paper-based or

screen-based

Forms and Reports

www.sims.monash.edu.au

4

• FORM is a business document containing some predefined data and also some areas for other data to be filled in

– typically based on one database record

– turnaround document is produced by a system and then returned with input data

• REPORT is a business document that contains only predefined data - a passive document for reading

– typically contains data from many different database records

Forms and Reports

www.sims.monash.edu.au

5

• 1. Collect initial requirements– who will use the form or report

– what is its purpose

– when is it needed or used

– where does it need to be delivered

– how many people need to use it

• 2. Construct initial prototype• 3. Users review and evaluate prototype

– Iterate

Designing Forms and Reports

www.sims.monash.edu.au

6

• Narrative overview– Form name, users, task, system, environment

• Sample design• Testing and usability assessment

– user ratings on perceptions of usability dimensions - consistency, sufficiency, accuracy, etc

Design Specifications

www.sims.monash.edu.au

7

• General guidelines:– Meaningful titles

> clear and specific, revision-no, date

– Meaningful information> needed and useable information

– Balanced layout> spacing, margins, balanced and clearly labelled

– Easy navigation> easy forward/backward moves, current position clear

Formatting Forms and Reports

www.sims.monash.edu.au

8

TEACHING RESOURCE INFORMATION

BORROWER NUMBER 7712255BORROWER NAME DR. JIM SMITHLOAN NUMBER 12753DUE DATE 30-5-98ITEM CODE KS H1ITEM AVAILABILITY YESREQUIRED ITEM YESITEM CODE -ITEM AVAILABILITY -REQUIRED ITEM -ITEM CODE -ITEM AVAILABILITY -REQUIRED ITEM -CONFIRMED? NO

VagueTitle

Difficult to read,Information

Packed tightly No navigationinformation

No use of different

intensity, fonts etc.

Poor Form Design

www.sims.monash.edu.au

9

ClearTitle

Easy to read,Clear balanced

layout

Intensity differences,boxing, font

sizes

Clear navigationinformation

Good Form Design

www.sims.monash.edu.au

10

• Blinking and audible tones• Colour, intensity, size and font differences• Reverse video• Boxing• Underlining• Capital letters• Offsetting

Highlighting Information

www.sims.monash.edu.au

11

• Benefits of colour– strikes the eye, draws attention to warnings

– accents an uninteresting display

– facilitates discrimination

• Problems with colour– colour blindness

– resolution may degrade– printing or conversion to other media may not

easily translate

Colour vs No Colour

www.sims.monash.edu.au

12

• Case– display text in mixed upper and lower case

• Spacing– double spacing if possible, leave line between paragraphs

• Justification– left justify with ragged right margin

• Hyphenation– do not hyphenate words between lines

• Abbreviations– use only when widely understood

Displaying Text

www.sims.monash.edu.au

13

HELP SCREEN H2356ADD A FORM WITHIN A REPORTIN THE DATABASE WINDOW, CLICK THE FORM THAT IS BOUNDTO THE TABLE ON THE MANY SIDE OF THE ONT TO MANY RELATIONSHIP AND HOLD DOWN THE MOUSE BUTTON.DRAG THE FORM INSIDE THE MAIN FORM, AND THEN RELEASE THE MOUSE BUTTON.MICROSOFT ACCESS INSERTS THE SECOND FORM AS ASUBFORM WITHIN THE MAIN FORM.IF YOU NEED TO YOU CAN PRESS F1 T ORETURN TO THE MAINMENU, F2 TO GO TO THE PREVIOIS CARD AND F3 TO GO TO THENEXT CARD.

Vaguetitle

Fixed, upper

case textSingle

spacing

Poor Text Design

www.sims.monash.edu.au

14

Cleartitle

Mixedcase

Spacing between sections

Clear navigationinformation

Good Text Design

www.sims.monash.edu.au

15

• Use meaningful labels– for all rows and columns; relabel after change of page

• Formatting columns, rows and text– sort in meaningful order

– place blank row after every 5 lines in long columns

– be consistent with typefaces and fonts

• Formatting numeric, textual and alphanumeric data– right justify numeric data, left justify textual data

Designing Tables and Lists

www.sims.monash.edu.au

16

Clear separate column labels Numeric data

Right justified

Good Table Design

www.sims.monash.edu.au

17

• Sources of bias to avoid include– providing information that does not match the

user’s task– providing charts with too many items– using columns and highlights improperly– providing charts that use improper scaling

Formatting Information to Avoid Bias

www.sims.monash.edu.au

18

Sales

QuarterFirst Second Third Fourth

300

350

400

Bias in Scales of Graphs

www.sims.monash.edu.au

19

• Usability typically refers to

– speed- efficient completion of task

– accuracy - output provides what is expected

– satisfaction - output is liked

Assessing Usability

www.sims.monash.edu.au

20

• Consistency - of operation• Efficiency - related to user task• Ease - output self explanatory• Format - consistent format between entry

and display• Flexibility - must be convenient to user

General Design Guidelines for Usability

www.sims.monash.edu.au

21

• User– experience, skills, motivation, education, personality

• Task– time pressures, costs of errors, work duration (fatigue)

• Systems– platform will influence interaction styles and devices

• Environment– social issues and role should be considered

Contextual Issues

www.sims.monash.edu.au

22

• Time to learn• Speed of performance• Rate of errors• Retention over time• Subjective satisfaction

Measures of Usability

www.sims.monash.edu.au

23

• Usability data can be collected by

– observation

– interviews

– keystroke capturing

– questionnaires

Collection of Usability data

www.sims.monash.edu.au

24

References

Hoffer, J.A., George, J.F. and Valacich, (2005) 4th edn., Modern Systems Analysis and Design, Benjamin-Cummings, MA USA.Chapter 11 & 12

Whitten, J.L. & Bentley, L.D. and Dittman, K.C., (2001) 5th edn., Systems Analysis and Design Methods, McGraw-Hill Irwin, Burr Ridge, IllinoisChapter 13,14 & 15