12-1 chapter 12 designing interfaces and dialogues modern systems analysis and design fourth edition
TRANSCRIPT
![Page 1: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/1.jpg)
12-1
Chapter 12 Designing Interfaces and
Dialogues
Modern Systems Analysisand Design
Fourth Edition
![Page 2: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/2.jpg)
12-3
![Page 3: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/3.jpg)
12-4
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
![Page 4: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/4.jpg)
12-5
A typical interface/dialogue design specification:
Similar to form design, but includes multiple forms and dialogue sequence specifications
Deliverables and Outcomes
![Page 5: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/5.jpg)
12-6
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
![Page 6: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/6.jpg)
12-12
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
![Page 7: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/7.jpg)
12-13
![Page 8: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/8.jpg)
12-14
Good Menu Design
![Page 9: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/9.jpg)
12-16
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
![Page 10: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/10.jpg)
12-23
![Page 11: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/11.jpg)
12-24
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
![Page 12: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/12.jpg)
12-25
Structuring Data EntryEntry Never require data that are already online or
that can be computed
Defaults Always provide default values when appropriate
Units Make clear the type of data units requested for entry
Replacement Use character replacement when appropriate
Captioning Always place a caption adjacent to fields
Format Provide formatting examples
Justify Automatically justify data entries
Help Provide context-sensitive help when appropriate
![Page 13: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/13.jpg)
12-29
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
![Page 14: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/14.jpg)
12-30
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
![Page 15: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/15.jpg)
12-31
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
![Page 16: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/16.jpg)
12-32
Guidelines for Dialogue Design
• Consistency
• Shortcuts and Sequence
• Feedback
• Closure
• Error Handling
• Reversal
• Control
• Ease
![Page 17: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/17.jpg)
12-33
Dialogue DiagrammingA formal method for designing and representing human-computer dialogues using box and line diagrams
![Page 18: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/18.jpg)
12-34
Dialogue diagrams depict the sequence, conditional branching, and repetition of dialogues.
![Page 19: 12-1 Chapter 12 Designing Interfaces and Dialogues Modern Systems Analysis and Design Fourth Edition](https://reader036.vdocuments.site/reader036/viewer/2022062421/56649dbf5503460f94ab3f43/html5/thumbnails/19.jpg)
12-36