Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.
-
date post
18-Dec-2015 -
Category
Documents
-
view
215 -
download
0
Transcript of Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.
![Page 1: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/1.jpg)
www.monash.edu.au
Lecture 8
Designing Forms and Reports
IMS1002 /CSE1205 Information Systems 2
![Page 2: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/2.jpg)
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
![Page 3: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/3.jpg)
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
![Page 4: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/4.jpg)
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
![Page 5: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/5.jpg)
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
![Page 6: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/6.jpg)
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
![Page 7: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/7.jpg)
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
![Page 8: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/8.jpg)
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
![Page 9: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/9.jpg)
www.sims.monash.edu.au
9
ClearTitle
Easy to read,Clear balanced
layout
Intensity differences,boxing, font
sizes
Clear navigationinformation
Good Form Design
![Page 10: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/10.jpg)
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
![Page 11: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/11.jpg)
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
![Page 12: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/12.jpg)
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
![Page 13: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/13.jpg)
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
![Page 14: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/14.jpg)
www.sims.monash.edu.au
14
Cleartitle
Mixedcase
Spacing between sections
Clear navigationinformation
Good Text Design
![Page 15: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/15.jpg)
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
![Page 16: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/16.jpg)
www.sims.monash.edu.au
16
Clear separate column labels Numeric data
Right justified
Good Table Design
![Page 17: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/17.jpg)
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
![Page 18: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/18.jpg)
www.sims.monash.edu.au
18
Sales
QuarterFirst Second Third Fourth
300
350
400
Bias in Scales of Graphs
![Page 19: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/19.jpg)
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
![Page 20: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/20.jpg)
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
![Page 21: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/21.jpg)
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
![Page 22: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/22.jpg)
www.sims.monash.edu.au
22
• Time to learn• Speed of performance• Rate of errors• Retention over time• Subjective satisfaction
Measures of Usability
![Page 23: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/23.jpg)
www.sims.monash.edu.au
23
• Usability data can be collected by
– observation
– interviews
– keystroke capturing
– questionnaires
Collection of Usability data
![Page 24: Www.monash.edu.au Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.](https://reader030.fdocuments.net/reader030/viewer/2022032800/56649d255503460f949fbc10/html5/thumbnails/24.jpg)
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