1 / 19

Chapter 12 Designing Interfaces and Dialogues

Modern Systems Analysis and Design Fourth Edition. Chapter 12 Designing Interfaces and Dialogues. Interface/Dialogue Design. Layout (of widgets, text, and table data) Structuring data entry (tab order) Controlling data input (validation and format controls)

derick
Télécharger la présentation

Chapter 12 Designing Interfaces and Dialogues

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. Modern Systems Analysisand DesignFourth Edition Chapter 12 Designing Interfaces and Dialogues

  2. Interface/Dialogue Design • Layout (of widgets, text, and table data) • Structuring data entry (tab order) • Controlling data input (validation and format controls) • Feedback (prompting, status, warning, and error messages) • Dialogue sequencing

  3. Deliverables and Outcomes A typical interface/dialogue design specification: Similar to form design, but includes multiple forms and dialogue sequence specifications

  4. Interface Methods • Interface: the method by which a user interacts with the information system • Common interaction methods • Command line • Menu • Form • Object-based • Natural language

  5. Guidelines for Menu Design • Wording: meaningful titles, clear command verbs, mixed upper/lower case • Organization: consistent organizing principle • Length: all choices fit within screen length • Selection: consistent, clear and easy selection methods • Highlighting: only for selected options or unavailable options

  6. Good Menu Design

  7. Form Interaction • Measures of an effective design: • Self-explanatory title and field headings • Fields organized into logical groupings • Distinctive boundaries • Default values • Displays appropriate field lengths • Minimizes the need to scroll windows

  8. Designing Interfaces • Use standard formats similar to paper-based forms and reports • Left-to-right, top-to-bottom navigation • Flexibility and consistency: • Free movement between fields • No permanent data storage until the user requests • Each key and command assigned to one function

  9. Structuring Data Entry

  10. Feedback Messages • Status information: keep user informed of what’s going on, helpful when user has to wait for response • Prompting cues: tell user when input is needed, and how to provide the input • Warning or Error: inform user that something is wrong, either with data entry or system operation

  11. Providing Help • Place yourself in user’s place when designing help • Guidelines: • Simplicity • Help messages should be short and to the point • Organize • Information in help messages should be easily absorbed by users • Show • It is useful to explicitly show users how to perform an operation

  12. What is a Dialogue? • A sequence of interactions between the system and a user • Dialogue design involves: • Designing a dialogue sequence • Building a prototype • Assessing usability

  13. Consistency Shortcuts and Sequence Feedback Closure Error Handling Reversal Control Ease Guidelines for Dialogue Design

  14. Dialogue Diagramming A formal method for designing and representing human-computer dialogues using box and line diagrams

  15. Dialogue diagrams depict the sequence, conditional branching, and repetition of dialogues.

More Related