11-1 Chapter 11 Designing Forms and Reports Modern Systems Analysis and Design Fourth Edition.

Slides:



Advertisements
Similar presentations
13-1 © Prentice Hall, 2007 Chapter 13: Designing the Human Interface Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra, Joseph S.
Advertisements

13-1 © Prentice Hall, 2004 Chapter 13: Designing the Human Interface (Adapted) Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra,
Display (Output) Design Cognitive functions Present task data Communicate task organization Grouping and ordering Draw attention Aid discrimination/searching.
Copyright 2002 Prentice-Hall, Inc. Modern Systems Analysis and Design Third Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich Chapter 13 Designing.
Lecture 8 Designing Forms and Reports IMS1002 /CSE1205 Information Systems 2.
Chapter Concepts Discuss Fonts Understand Fonts
Copyright 2002 Prentice-Hall, Inc. Modern Systems Analysis and Design Third Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich Chapter 13 Designing.
© 2005 by Prentice Hall Chapter 3b Designing Forms and Reports Modern Systems Analysis and Design Fourth Edition Jeffrey A. Hoffer Joey F. George Joseph.
Copyright 2000 Monash University Lecture 8.3 Designing Forms and Reports IMS1002 /CSE1205 Systems Analysis and Design.
System Design Designing the Human Interface Designing Databases
Chapter 10 Designing Forms and Reports
IMS Lecture 3.1 Introduction to Interface Design IMS Systems Design and Implementation.
Copyright 2006 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Third Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
Copyright 2004 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Second Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Chapter 12 Designing Interfaces and Dialogues
Chapter 10 Designing Forms and Reports. © 2011 Pearson Education, Inc. Publishing as Prentice Hall Designing Forms and Reports 2 Chapter 10 FIGURE 10-1.
Designing Forms and Reports
Chapter 15 Designing Effective Output
Chapter 11 Designing Forms and Reports
Copyright © 2012 Pearson Education, Inc. Publishing as Prentice Hall 8.1.
Chapter 10 Designing Forms and Reports
Copyright 2004 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Second Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
Developing Effective Reports
13-1 © Prentice Hall, 2007 Chapter 13: Designing the Human Interface Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra, Joseph S.
09/09/2015 PDMS 1 Human Computer Interface Janet Nichols.
Key Applications Module Lesson 19 — PowerPoint Essentials
Designing Forms, Reports, and Screens CMIS570 Week 11.
1 Designing Forms and Reports. 2 Learning Objectives Explain the process of designing forms and reports and the deliverables for their creation Discuss.
Chapter 10 Designing Forms and Reports Modern Systems Analysis and Design Sixth Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich.
Chapter 10 Designing Forms and Reports Modern Systems Analysis and Design Sixth Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich.
Microsoft Visual Basic 2005: Reloaded Second Edition Chapter 2 Creating a User Interface.
Human-Machine Boundary 1.0 Create Weekly Payroll Record Employee Data File S1 Employee Tax Form Payroll Data File S2 2.1 Compute Gross Pay 2.3 Create Payroll.
Chapter 11 Designing Forms and Reports
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Copyright 2001 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter 8 Designing the.
Copyright 2006 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Third Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
Copyright © 2009 Pearson Education, Inc. Publishing as Prentice Hall Essentials of Systems Analysis and Design Fourth Edition Joseph S. Valacich Joey F.
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 19 Organizing and Enhancing Worksheets 1 Morrison / Wells / Ruffolo.
BIS 360 – Lecture Nine Ch. 13: Designing Forms and Reports.
Chapter 10 Designing Forms and Reports Modern Systems Analysis and Design Seventh Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich.
Copyright © 2012 Pearson Education, Inc. Publishing as Prentice Hall 8.1.
MBI 630: Class 10 Designing Forms and Reports 12/26/2015.
ITCS311 Systems Analysis and Design Dr. Taher Homeed Feb 2010 Department of Computer Science College of IT University of Bahrain.
Copyright 2006 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Third Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
13-1 © Prentice Hall, 2004 Chapter 13: Designing the Human Interface Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra, Joseph S.
Some of these slides were excerpted from: Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra, Joseph S. Valacich, Jeffrey A. Hoffer.
Chapter 10 Designing Forms and Reports Modern Systems Analysis and Design Sixth Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich.
Printed Reports Analysis questions –Who will use the report? –What is the purpose of the report? –When or how often is the report needed? –Where does the.
Copyright © 2009 Pearson Education, Inc. Publishing as Prentice Hall Chapter 8 Designing the Human Interface 8.1.
Copyright © 2009 Pearson Education, Inc. Publishing as Prentice Hall Essentials of Systems Analysis and Design Fourth Edition Joseph S. Valacich Joey F.
Copyright © 2012 Pearson Education, Inc. Publishing as Prentice Hall 8.1.
Chapter 10 Designing Forms and Reports.
Chapter 4 Designing Forms and Reports
Chapter 11 Designing Forms and Reports
Microsoft Visual Basic 2005: Reloaded Second Edition
Business System Development
Modern Systems Analysis and Design Fifth Edition
Chapter 13 Designing Forms and Reports
IS 334 information systems analysis and design
Chapter 13 Designing Forms and Reports
Technical Communication Fundamentals Chapter 3: Visual Design
Chapter 8 Designing the Human Interface
Agenda: 10/05/2011 and 10/10/2011 Review Access tables, queries, and forms. Review sample forms. Define 5-8 guidelines each about effective form and report.
Chapter 13 Designing Forms and Reports
Chapter 8 Designing the Human Interface
CIS 210 Systems Analysis and Development
Chapter 8 Designing the Human Interface
Designing Pages and Documents
Chapter 10 Designing Forms and Reports
Presentation transcript:

11-1 Chapter 11 Designing Forms and Reports Modern Systems Analysis and Design Fourth Edition

11-2 Learning Objectives Explain the process of form and report design. Apply general guidelines for formatting forms and reports. Use color and know when color improves the usability of information. Format text, tables, and lists effectively. Explain how to assess usability and describe factors affecting usability.

11-3

11-4 Forms vs. Reports Form –A business document that contains some predefined data and may include some areas where additional data are to be filled in. –An instance of a form is typically based on one database record. Report –A business document that contains only predefined data. –A passive document for reading or viewing data. –Typically contains data from many database records or transactions.

11-5 Common Types of Reports Scheduled: produced at predefined time intervals for routine information needs Key-indicator: provide summary of critical information on regular basis Exception: highlights data outside of normal operating ranges Drill-down: provide details behind summary of key-indicator or exception reports Ad-hoc: respond to unplanned requests for non-routine information needs

11-6 The Process of Designing Forms and Reports User-focused activity Follows a prototyping approach Requirements determination: –Who will use the form or report? –What is the purpose of the form or report? –When is the report needed or used? –Where does the form or report need to be delivered and used? –How many people need to use or view the form or report?

11-7 The Process of Designing Forms and Reports (cont.) Prototyping –Initial prototype is designed from requirements –Users review prototype design and either accept the design or request changes –If changes are requested, the construction-evaluation-refinement cycle is repeated until the design is accepted

11-8 A coding sheet is an “old” tool for designing forms and reports, usually associated with text-based forms and reports for mainframe applications.

11-9 Visual Basic and other development tools provide computer aided GUI form and report generation.

11-10 Form/Report Design Specification The major deliverable of interface design Involves three parts: –Narrative overview: characterizes users, tasks, system, and environmental factors –Sample design: image of the form (from coding sheet or form building development tool) –Assessment: measuring test/usability results (consistency, sufficiency, accuracy, etc.)

11-11 Guidelines for Form and Report Design Meaningful titles: clear, specific, version information, current date Meaningful information– include only necessary information, with no need to modify Balanced layout: adequate spacing, margins, and clear labels Easy navigation system: show how to move forward and backward, and where you are currently

11-12 A poor form design

11-13 A better form design

11-14 Uses of Highlighting in Forms and Reports Notify users of errors in data entry or processing. Provide warnings regarding possible problems. Draw attention to keywords, commands, high-priority messages, unusual data values.

11-15 Methods for Highlighting Blinking Audible tones Intensity differences Size differences Font differences Reverse video Boxing Underlining All capital letters Offset positions of nonstandard information

11-16 Highlighting can include use of upper case, font size differences, bold, italics, underline, boxing, and other approaches.

11-17 Color vs. No Color Benefits from Using Color –Soothes or strikes the eye –Accents an uninteresting display –Facilitates subtle discriminations in complex displays –Emphasizes the logical organization of information –Draws attention to warnings –Evokes more emotional reactions Problems from Using Color –Color pairings may wash out or cause problems for some users –Resolution may degrade with different displays –Color fidelity may degrade on different displays –Printing or conversion to other media may not easily translate

11-18 Guidelines for Displaying Text Case: mixed upper and lower case, use conventional punctuation Spacing: double spacing if possible, otherwise blank lines between paragraphs Justification: left justify text, ragged right margins Hyphenation: no hyphenated words between lines Abbreviations: only when widely understood and significantly shorter than full text

11-19 A poor help screen design

11-20 A better help screen design

11-21 Guidelines for Tables and Lists Labels –All columns and rows should have meaningful labels. –Labels should be separated from other information by using highlighting. –Redisplay labels when the data extend beyond a single screen or page.

11-22 Guidelines for Tables and Lists (cont.) Formatting columns, rows and text: –Sort in a meaningful order. –Place a blank line between every five rows in long columns. –Similar information displayed in multiple columns should be sorted vertically. –Columns should have at least two spaces between them. –Allow white space on printed reports for user to write notes. –Use a single typeface, except for emphasis. –Use same family of typefaces within and across displays and reports. –Avoid overly fancy fonts.

11-23 Guidelines for Tables and Lists (cont.) Formatting numeric, textual and alphanumeric data: –Right justify numeric data and align columns by decimal points or other delimiter. –Left justify textual data. Use short line length, usually 30 to 40 characters per line. –Break long sequences of alphanumeric data into small groups of three to four characters each.

11-24 A poor table design

11-25 A better table design

11-26 Tables vs. Graphs Use tables for reading individual data values Use graphs for: –Providing quick summary –Displaying trends over time –Comparing points and patterns of variables –Forecasting activity –Simple reporting of vast quantities of information

11-27

11-28 Bar and line graphs give pictorial summary information that can enhance reports and forms.

11-29 Assessing Usability Overall evaluation of how a system performs in supporting a particular user for a particular task There are three characteristics 1. Speed 2. Accuracy 3. Satisfaction

11-30 Guidelines for Maximizing Usability Consistency: of terminology, formatting, titles, navigation, response time Efficiency: minimize required user actions Ease: self-explanatory outputs and labels Format: appropriate display of data and symbols Flexibility: maximize user options for data input according to preference

11-31 Characteristics for Consideration User: experience, skills, motivation, education, personality Task: time pressure, cost of errors, work durations System: platform Environment: social and physical issues

11-32 Methods for Assessing Usability Time to learn Speed of performance Rate of errors Retention over time Subjective satisfaction

11-33 Errors in Web Page Layout Design Non-standard widgets Appearance of advertising Bleeding edge technology Scrolling text and looping animations Outdated information Slow download times Fixed formatted text Long pages

11-34 Good Web Design Practices Lightweight Graphics: small images to quick image download Forms and Data Integrity Template-based HTML –Templates to display and process common attributes of higher-level, more abstract items –Creates an interface that is very easy to maintain

11-35 Summary In this chapter you learned how to: Explain the process of form and report design. Apply general guidelines for formatting forms and reports. Use color and know when color improves the usability of information. Format text, tables, and lists effectively. Explain how to assess usability and describe factors affecting usability.