A course presentation about principles of dialog design, based on Cooper's book " About Face 3".

1. Dialogs Emma & James

2. Dialogs Emma & James Do you want to continue with the presentation? Yes No

3. Agenda Usage Basics Types Purpose Managing Content Guidelines Demo

4. Usage Primary interactionsprimary window Useful for functions out of the main interaction flow Organize Controls Information

5. Basics Functions Use verbs in title bar Properties Use object names in tile bar Properties Dialog Box Function Dialog Box – Insert is the verb

6. Types Modal Main application can’t be used Modeless Main application available Solutions: Visually differentiate dialogs Use consistent terminating commands Don’t dynamically change labels

7. New Modeless Idiom The toolbar Docking Floating Sidebars Modeless Dialog – Detachable Sidebars

8. Purpose Dialog Types User-Launched Property Function Application-Launched Process Bulletin Blocking Transitory Process Dialog Blocking Bulletin

9. Managing Content Tabbed dialogs Expanding dialogs Cascading dialogs Expanding Dialog Tabbed Dialog

10. Guidelines Strong visual hierarchy, visual grouping. Four purposes for dialogs: Property, function, process, and bulletin Use verbs in function dialog title bars. Use object names in property dialog title bars. Alternatives for modeless dialogs. Manage content in dialog boxes: Tabbed, expanding, cascading

11. Demos Powerpoint Properties – Modeless Embed Flash – Modal Photoshop Good use of new idiom Dreamweaver Persistent Properties dialog