1. Interactive Screen Design Dr. Merle P. Martin CSU Sacramento

2. Agenda t Screen Structure t Interactive Tactics t Dialogue Modes t Menus t Form-filling Screens t Common Screen Considerations

3. Screen Structure t Greeting Screen u Password Screen t Main Menu u Intermediate Menus t Function Screens u Form-filling u Transaction update

4. Structure ( Continued ) t Help screens (Pull Down) t Escape options u Quit u Main Menu u Last screen t Figure 14-1, page 434

5. Interactive Tactics t Allow users to escape u quickly u easily t Keep users from getting lost u “You are here” t Ease transaction throughput u We are not entertainers

6. Dialogue Modes t Inquiry u “ Are you sure …… ” u augments other dialogue modes t Command Language u experienced user shortcuts t Menus ( for navigation ) t Form-filling Screens

7. Menus t Elements, Fig. 14-3, pg. 430 t Option sequence u logical ( new, update, delete ) u frequency of choice u alphabetic t Number options ( 6 to 8 )

8. Option Modes t Lists u scroll down u Hot Keys v mnemonic t Command Buttons t Windows listing options t Defaults

9. Form-filling Screens t Looks like off-line form u same sequence u shade fields to be entered t Cycle until user chooses to exit t Minimize transaction throughput

10. Minimizing Transaction Throughput t Cueing ( entry format ) t Autoterminate t Free-form entry t Default values u constant ( e.g., System Date ) u from record ( e.g., Item Price ) u last transaction ( e.g., Cust # )

11. Common Screen Considerations t Highlighting ( < 10% ) u color u reverse image u flashing u auditory t Colors ( don’t overdo ) u LeCourier Chart, pg.415

12. Screen Considerations t Symmetry u unless there’s a reason t Input verification t Screen density u Relative screen clutter u Tied to throughput u Total and Local

13. Total Screen Density t % screen with non-blank characters t (# char) / (screen capacity ) t should be < 25% t can achieve on form-filling screen u dimming unused screen portions u highlighting screen portions u blocking out with windows

14. Local Screen Density t Mean clutter around each character t How to reduce u symmetry u minimize capital letters u limit punctuation u blank lines between text lines u minimize words used

15. Goodbyte Pizza Company t Figures 14.1-3 through 14.1-5, page 456 t Design Main Menu t Design Delivery Screen

16. Concepts to Remember t Screen Structure t Interactive Tactics t Menus t Form-filling Screens t Common Screen Considerations u Information Density