Download - 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