21
Dialog Design I Basic Concepts of Dialog Design

Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Embed Size (px)

Citation preview

Page 1: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Dialog Design I

Basic Concepts of Dialog Design

Page 2: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Dialog Outline

Evaluate User ProblemRepresentations, Operations, Memory Aids

Generate Dialog DiagramOutline the structure of the dialog on

paperStart with a Simple Hierarchy StructureRobust and easy to manage

Generate Skeleton Code -- Functions LaterCode that calls screens without actions

Page 3: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Dialog Purpose

Produce Output RepresentationsEnable User to Call Operations and Feed Parameters to ThemAccess Memory AidsProvide Control Mechanisms

Page 4: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Objectives of Good Dialog

Promote man/machine symbiosis.

Identify Problem to be SolvedIdentify Users for the SystemIdentify Functions to be SupportedDesign Dialog

Page 5: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Dialog Design Principles

Machine StatusPrint screen name on screen display, record parameter status.

Shop StandardsConsistent presentation for common operations and messages.

DocumentationRecord objectives. Internal documentation.

Page 6: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

ROMC

RepresentationsOperationsMemory AidsControls

Page 7: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Fundamental Principles

Plan ContentMatch User NeedsPlan and TestDetermine Formats

Page 8: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Plan Content

CriteriaBasic output requirementsProcessUser interface needsContentData and processing requirements

beforeFormat

Page 9: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Match User Needs

Natural Action SequencesMinimize Stress FromLack of controlUnexpected EventsNoveltyPoor Responses (e.g. codes)

Focus on HELP whenGetting StartedGetting StuckRecovering

Page 10: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Planning and Testing

Sketch dialog before coding TestRepresentative usersAll hardwareSaturation and degradationLogs (errors, system failures, recovery)SecurityAcceptance measures

Page 11: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Format

InputMatch user expectationsAssure consistent keystrokesPlan defaultsRequest input in user terms

Page 12: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Format

OutputMeet system objectivesPerform business tacticHuman likesShort linesHighlightsAccurate labels, units and titlesMinimize clutterBeware of codesProvoke action (so what?)

Page 13: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Dialog Diagramming

Machine DisplayUser ResponsesMachine Actions* Data* Process

Page 14: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Machine Display

Access Forms and ReportsLinked or Embedded Objects

Design should describe the approximate display. Graphical design tools will do the details.

Page 15: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

User Responses

Identify All responsesAssure that there is a machine action for all user actions

Page 16: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Machine Action

Describe the code module or macro that is to be executed. Describe objective rather than code detail.

Page 17: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Formal Design Models

Comparison of tools used for designing program architectures

Page 18: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Web Map

Used to describe Web and other event driven interfacesHas a navigation component and a sequence component

Page 19: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

P1P2

Process

Body

P3

Page 20: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

P1Home OfficeSmall BusinessEtc.

P2

Process

Action/Event Diagram

Page 21: Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram

Object/Event Hierarchy

Screen NameData Source

Object 1 Event 1.1 ActionData SourceNew Focus

Event 1.2 ActionData SourceNew Focus

Object 2