1 / 26

Designing Forms, Reports, and Screens

Designing Forms, Reports, and Screens. CMIS570 Week 11. Introduction. Human factors in designing HCI General design guidelines Users’ bias Design specifications. Project Identification & Selection. Project Initiation & Planning. Analysis. Logical Design ***. Physical Design.

madison
Télécharger la présentation

Designing Forms, Reports, and Screens

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing Forms, Reports, and Screens CMIS570 Week 11

  2. Introduction • Human factors in designing HCI • General design guidelines • Users’ bias • Design specifications

  3. Project Identification & Selection Project Initiation & Planning Analysis Logical Design *** Physical Design Implementation Maintenance SDLC

  4. We Are Designing for Humans • Faulty nature of human knowledge and memory, so… • 1. • 2. • 3.

  5. General Guidelines Categories • Layout • Text • Color • Highlighting • Navigation

  6. 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.

  7. 1 2 3 4

  8. 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

  9. 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

  10. Highlighting Guidelines • 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 reverse video

  11. Navigation Guidelines • 1. Use consistent means of navigation with visual cues. • 2. • 3. • 4.

  12. 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

  13. Information Bias • How you format information influences how it is perceived by the user • Bias includes providing • 1. • 2. • 3. • 4.

  14. 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)

  15. 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

  16. Related Web Sites • www.websitesthatsuck.com • www.webreview.com • www.useit.com • www.killersites.com • www.lynda.com

More Related