Dialogs<br />Emma & James<br />
Dialogs<br />Emma & James<br />Do you want to continue with the presentation?<br />Yes<br />No<br />
Agenda<br />Usage<br />Basics<br />Types<br />Purpose<br />Managing Content<br />Guidelines<br />Demo<br />
Usage<br />Primary interactionsprimary window<br />Useful for functions out of the main interaction flow<br />Organize<br...
Basics<br />Functions<br />Use verbs in title bar<br />Properties<br />Use object names in tile bar<br />Properties Dialog...
Types<br />Modal<br />Main application can’t be used<br />Modeless<br />Main application available<br />Solutions:<br />Vi...
New Modeless Idiom<br />The toolbar<br />Docking<br />Floating<br />Sidebars<br />Modeless Dialog – Detachable Sidebars<br />
Purpose<br />Dialog Types<br />User-Launched<br />Property<br />Function<br />Application-Launched<br />Process <br />Bull...
Managing Content<br />Tabbed dialogs<br />Expanding dialogs<br />Cascading dialogs<br />Expanding Dialog<br />Tabbed Dialo...
Guidelines<br />Strong visual hierarchy, visual grouping.<br />Four purposes for dialogs:<br />Property, function, process...
Demos<br />Powerpoint<br />Properties – Modeless<br />Embed Flash – Modal<br />Photoshop<br />Good use of new idiom<br />D...
Upcoming SlideShare
Loading in...5
×

Dialog design

277

Published on

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

Published in: Design, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
277
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • James
  • James
  • Emma
  • James
  • Emma
  • James
  • Emma
  • James – the slideEmma – Printing as a function dialogExit, Ctrl-P to talk about function dialogs
  • Emma
  • Emma
  • James
  • Transcript of "Dialog design"

    1. 1. Dialogs<br />Emma & James<br />
    2. 2. Dialogs<br />Emma & James<br />Do you want to continue with the presentation?<br />Yes<br />No<br />
    3. 3. Agenda<br />Usage<br />Basics<br />Types<br />Purpose<br />Managing Content<br />Guidelines<br />Demo<br />
    4. 4. Usage<br />Primary interactionsprimary window<br />Useful for functions out of the main interaction flow<br />Organize<br />Controls<br />Information<br />
    5. 5. Basics<br />Functions<br />Use verbs in title bar<br />Properties<br />Use object names in tile bar<br />Properties Dialog Box <br />Function Dialog Box – Insert is the verb<br />
    6. 6. Types<br />Modal<br />Main application can’t be used<br />Modeless<br />Main application available<br />Solutions:<br />Visually differentiate dialogs<br />Use consistent terminating commands<br />Don’t dynamically change labels<br />
    7. 7. New Modeless Idiom<br />The toolbar<br />Docking<br />Floating<br />Sidebars<br />Modeless Dialog – Detachable Sidebars<br />
    8. 8. Purpose<br />Dialog Types<br />User-Launched<br />Property<br />Function<br />Application-Launched<br />Process <br />Bulletin<br />Blocking<br />Transitory<br />Process Dialog<br />Blocking Bulletin<br />
    9. 9. Managing Content<br />Tabbed dialogs<br />Expanding dialogs<br />Cascading dialogs<br />Expanding Dialog<br />Tabbed Dialog<br />
    10. 10. Guidelines<br />Strong visual hierarchy, visual grouping.<br />Four purposes for dialogs:<br />Property, function, process, and bulletin<br />Use verbs in function dialog title bars.<br />Use object names in property dialog title bars.<br />Alternatives for modeless dialogs.<br />Manage content in dialog boxes:<br />Tabbed, expanding, cascading<br />
    11. 11. Demos<br />Powerpoint<br />Properties – Modeless<br />Embed Flash – Modal<br />Photoshop<br />Good use of new idiom<br />Dreamweaver<br />Persistent Properties dialog<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×