1 / 14

Dialogue Design - Documenting the User Interface

Dialogue Design - Documenting the User Interface. Agenda: Documenting the Dialogue Design Menu Hierarchy Dialog and Story Board. Documenting Dialog Designs. Overall system structure from standpoint of user is reflected in menu structures Can use simple numeric lists or clickable switchboard

bettyward
Download Presentation

Dialogue Design - Documenting the User Interface

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. Dialogue Design - Documenting the User Interface Agenda: • Documenting the Dialogue Design • Menu Hierarchy • Dialog and Story Board

  2. Documenting Dialog Designs • Overall system structure from standpoint of user is reflected in menu structures • Can use simple numeric lists or clickable switchboard • Dialog designs are done simultaneously with other analysis activities • Include options such as backup and recovery

  3. RMO Overall Menu Hierarchy Figure 12-8 Question: Would the Menu Hierarchy for Baker’s Dozen be different?

  4. Dialogs and Storyboards • Methods for documenting User Interface • Dialog • Written descriptions of flow of events • Storyboard • Sketches of screens simulating flow of event

  5. Dialog for Redline Racing Appointment Booking System: What Redline Racing Option do you want? User: I need to book an service appointment System: O.K. What is your Vehicle Plate number? User: ADDZ 888 System: Fine. Your name is John Lee at 1 Post Road. Your car is a 2002 Suburu WRX. What date, time and store would you like to book your appointment? User: Sept 1 at 9:00 a.m. at Store 1. System: Your appointment has been confirmed. Your confirmation number is 12345. Thank you.

  6. Storyboard for DownTown Videos Rent Videos Dialog Figure 12-9

  7. Storyboard for DownTown Videos Rent Videos Dialog Figure 12-9 (continued)

  8. Menus & Forms (screens) used by RMO Order process • Main menu / Order Entry / Create New Order • Customer • Item search • Product detail • Order summary • Shipping and payment options • Order confirmation

  9. Sequential Approach for Create New Order DialogFigure 12-17

  10. Ordered-Centered Approachfor Create New Order DialogFigure 12-18

  11. Summary- Dialog Design • Dialog Design determines how the user interface will be created • To the user, the System Structure consists of the Menus • A Dialog can be expressed as the conversation between the user and the computer • A Story Board is used to document dialog design by showing a sequence of sketches of a display screen (the preferred approach)

  12. Prototyping • Develops the storyboard actively • Done after the basic paper based storyboards are approved

  13. Prototyping • An early, rapidly constructed “working” version of the proposed system • Used to verify user requirements • Nonprocedural software tools • 4th GL (for problem definition) • Screen, Report, Program Generators • MS-Access, VB, HTML & PHP • Procedural software tools (detailed steps) • Only if painfully necessary • C, COBOL, RPG, CGI scripts

  14. Prototyping • User Centered Design • May be upgraded or “evolved” into the final system (can be dangerous) • Combine with eXtreme Programming (XP) development techniques

More Related