designing forms, reports, and screens cmis570 week 11
TRANSCRIPT
![Page 1: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/1.jpg)
Designing Forms, Reports, and Screens
CMIS570Week 11
![Page 2: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/2.jpg)
Introduction
Human factors in designing HCI General design guidelines Users’ bias Design specifications
![Page 3: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/3.jpg)
SDLCProject Identification
& Selection
Project Initiation& Planning
Analysis
Logical Design***
Physical Design
Implementation
Maintenance
![Page 4: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/4.jpg)
![Page 5: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/5.jpg)
![Page 6: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/6.jpg)
![Page 7: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/7.jpg)
![Page 8: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/8.jpg)
We Are Designing for Humans
Faulty nature of human knowledge and memory, so… 1. 2. 3.
![Page 9: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/9.jpg)
General Guidelines Categories
Layout Text Color Highlighting Navigation
![Page 10: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/10.jpg)
Layout Guidelines 1. Create a unique site identity and strive for consistency
Fonts What is background, foreground Graphics size, color, shape
2. 3. 4. 5. 6.
![Page 11: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/11.jpg)
![Page 12: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/12.jpg)
1 2
34
![Page 13: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/13.jpg)
![Page 14: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/14.jpg)
Text Guidelines Avoid large blocks of text; reading is
25% less efficient online Limit lines of text to 60 characters Left justify text to improve readability Avoid words in all upper case letters Clear and specific titles describing
content and use No hyphens, abbreviations, or
acronyms Revision date or date when data was
generated
![Page 15: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/15.jpg)
Color Guidelines
Only useful when information is most effectively displayed (cannot improve on garbage)
Limit browser-safe colors to 3 or 4 complimentary colors
Simplify background Can be soothing, provide interest, emphasize
logical organization, and draw attention to warnings
Can degrade resolution and fidelity with different display units and can be a problem for color blindness
![Page 16: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/16.jpg)
Includes blinking, audible tones, color differences, intensity differences, size differences, font differences, boxing, underlining, ALL CAPITAL LETTERS, offsetting positions, and
Use sparingly to draw user to or away from certain information (errors, warnings, keywords, high priority messages, changed data, data outside normal ranges
Use consistently
Highlighting Guidelines
reverse video
![Page 17: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/17.jpg)
![Page 18: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/18.jpg)
Navigation Guidelines 1. Use consistent means of
navigation with visual cues. 2. 3. 4.
![Page 19: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/19.jpg)
What Is Wrong With This?
USE MIXED UPPER & LOWER CASE AND --(CONVENTIONAL
PUNCTUATION) USE DOUBLE SPACING IF SPACE
PERMITS LEFT-JUSTIFY TEXT AND LEAVE A
RAGGED RIGHT MARGIN DO NOT HY-
PHENATE WORDS BE-TWEEN LINES
UAAACOWU NO GRAPHIC EXPLANATION
![Page 20: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/20.jpg)
Information Bias How you format
information influences how it is perceived by the user
Bias includes providing 1. 2. 3. 4.
![Page 21: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/21.jpg)
![Page 22: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/22.jpg)
![Page 23: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/23.jpg)
![Page 24: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/24.jpg)
Design Specifications for Forms, Reports, & Screens
Narrative Overview Who will use it? What & when is the task performed?
Sample Design Testing and usability assessment
Can you complete the task efficiently? (time to learn, speed of performance, rate of errors, rate of retention)
Is the form/report accurate? (expectations, confidence)
Do you like using the form/report? (satisfaction)
![Page 25: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/25.jpg)
Guidelines to Design Maintain consistency and standards Allow shortcuts and accelerator keys Provide feedback to user actions Provide logical sequencing & closure Report all errors & suggest solutions Allow for reversals of actions Make the user feel in control Provide simplicity and ease of use
![Page 26: Designing Forms, Reports, and Screens CMIS570 Week 11](https://reader036.vdocuments.mx/reader036/viewer/2022062304/56649ea05503460f94ba31a4/html5/thumbnails/26.jpg)
Related Web Sites
www.websitesthatsuck.com www.webreview.com www.useit.com www.killersites.com www.lynda.com