| |
Part 1 --Style Guide |
1. Introduction to the Common Desktop Environment | 1 |
| ...Advantages of a Common User Interface | 1 |
| ...Relationship to X/Open Motif Style Guide | 2 |
2. Input, Navigation, |
| ...Selection, and Activation | 3 |
| ...Input Guidelines | 3 |
| ...Navigation | 4 |
| ......Mouse-Based Navigation | 4 |
| ......Keyboard-Based Navigation | 5 |
| ...Selection | 6 |
| ..........Mouse-Based Multiple Selection | 6 |
| ..........Mouse-Based Range Selection | 6 |
| ..........Mouse-Based Discontiguous Selection | 7 |
| ...Component Activation | 8 |
| ......Basic Activation | 8 |
| |
| ...Standard Supported Drop Zones | 28 |
| ......The Front Panel | 28 |
| ......File Manager | 28 |
| ......No Drop-Only Targets | 29 |
| ...Mouse Button Usage | 29 |
| ...Placement upon Drop | 30 |
| ...Ending a Drag | 31 |
| ...Performance Guidelines | 31 |
| ...Using Attachments in Your Application | 33 |
| ......Attachment User Model | 34 |
| ......Attachment Functionality | 34 |
| ..........What Can Be Attached? | 34 |
| ..........What is the Method for Attaching? | 34 |
| ..........What Happens When Something Is Attached? | 35 |
| ..........Attachments in Attachments | 35 |
| ......Editing and Saving Attachments | 35 |
| ..........Executing Attachments | 36 |
| ..........Read-Only Attachments | 36 |
| ..........Drag Load and Attachments | 36 |
| ......Attachment Menu Contents | 37 |
4. Visual Design | 39 |
| ... Color Philosophy | 39 |
| ... What Is an Icon? | 40 |
| ... Icon-Centric Components | 41 |
| |
| ......File Manager | 41 |
| ......Application Manager | 43 |
| ......Front Panel and Subpanels | 43 |
| ......Minimized Window Icons | 44 |
| ......Other Graphics | 45 |
| ... Color Usage in Icons | 46 |
| ...... Icon Color Palette | 46 |
| ......Dynamic Colors | 47 |
| ...Design Philosophy and Helpful Hints | 48 |
| ......Designing with Color | 49 |
| ......Icon Styles | 49 |
| ...... Designing Your Application Icon | 50 |
| ......Designing Your Application Group Icon | 51 |
| ......Designing Your Document Icons | 52 |
| ......International Icons | 52 |
| ......Differences with Other Platforms | 53 |
| ...Implementation of Required Icons | 54 |
| ......Formats | 54 |
| ......Resolutions | 55 |
| ......Sizes | 56 |
| ......Icon Naming Conventions | 57 |
| ......Alignment | 58 |
| ......Optional Icons Sizes | 59 |
| ......Optional Front Panel Icon Style | 60 |
| |
| ..........Achieving the Etched Look | 60 |
| ..........Evolving the Etched Look | 63 |
5. Window and Session Control | 65 |
| ...Window Control Guidelines | 65 |
| ......Window Management Actions | 65 |
| ......Window Decorations | 66 |
| ......Window Menus | 68 |
| ......Window Icons | 70 |
| ......Window Placement | 70 |
| ...Workspace Management Guidelines | 71 |
| ...Session Management Support | 71 |
6. Application Design Principles | 73 |
| ...Component Layout Guidelines | 73 |
| ......Main Window Layout | 73 |
| ......Menu Bar Layout | 74 |
| ...Common Menu Types | 77 |
| ......File Menu Contents | 77 |
| ......<Object-type> and Selected Menu Contents | 78 |
| ......Edit Menu Contents | 80 |
| ......View Menu | 81 |
| ......Options Menu | 81 |
| ......Help Menu Contents | 82 |
| ......Attachment Menu Contents | 83 |
| ......Pop-up Menus | 83 |
| |
| ...General Menu Design Rules | 87 |
| ...Tool Bars | 89 |
| ......Tool Bar Guidelines | 89 |
| ......Design Issues for Tool Bars | 90 |
| ......Tool Bar Components | 90 |
| ..........Tool Bar Container | 91 |
| ..........Tool Bar Button | 91 |
| ..........Pixmap | 91 |
| ...Window Titles | 92 |
| ...Work-in-Progress Feedback | 93 |
| ...General Application Design Rules | 94 |
| ...Application Installation | 95 |
7. Common Dialogs | 97 |
| ......Dialog Box Design and Layout | 97 |
| ......Dialog Box Placement | 102 |
| ......Dialog Box Interaction | 103 |
| ...Expandable Windows and Dialog Boxes | 104 |
| ......Guidelines for Expandable Windows and Dialog Boxes | 104 |
| ......Components of Exapandable Windows | 105 |
| ..........Primary and Secondary Panes | 105 |
| ..........Expanding the Secondary Pane | 106 |
| ..........Resizing the Expanded Window or Dialog | 107 |
| ..........Expand Button | 109 |
| |
| ..........Placing the Expand Button | 109 |
| ..........Window State | 109 |
| ...File Selection Dialog Boxes | 110 |
| ......Contents | 110 |
| ......File Selection Dialog Box Behavior | 112 |
| ......Labeling | 113 |
| ......Button Activation | 113 |
| ......Selection and Navigation | 114 |
| ......Guidelines for Specific File Selection Dialog Box Uses | 115 |
| ..........Open Dialog | 115 |
| ..........Save As Dialog | 115 |
| ..........Directory Selection Dialog | 116 |
| ...Print Dialog Box | 116 |
| ......Standard Print Menu Items for Applications | 116 |
| ......Guidelines for Common Print Dialog Functions | 117 |
| ......Guidelines for Application-Specific Print |
| ........Dialog Box Functions | 119 |
| ..........Optional Fields | 119 |
| ......Some Sample Layouts | 120 |
| ...The Properties Dialog | 123 |
| ......Guidelines | 123 |
| ...The About Dialog Box | 124 |
| ......Guidelines for the About Dialog Box | 124 |
8. Application Messages | 127 |
| |
| ...Error Messages and Informational Messages | 127 |
| ...Error Messages | 127 |
| ......Guidelines for Error Messages | 128 |
| ......Access to Online Help | 130 |
| ......Helpful Hints | 131 |
| ...Informational Messages | 131 |
| ......Guidelines for Informational Messages | 131 |
| ......Other Message Dialogs | 132 |
| ......Work-in-Progress Feedback | 134 |
9. Designing for Accessibility | 135 |
| ...Accessibility | 135 |
| ...Access and the Style Guide | 136 |
| ...Physical Disabilities | 136 |
| ......Guideline | 137 |
| ...Visual Disabilities | 137 |
| ......Guidelines | 138 |
| ...Hearing Disabilities | 138 |
| ......Guidelines | 139 |
| ...Language, Cognitive, and Other Disabilities | 139 |
| ......Guidelines | 139 |
| ...Existing Keyboard Access Features | 140 |
| ......Guideline | 140 |
| |
| ...Resources for More Information on Accessibility | 141 |
| ......Organizations | 141 |
| ......Conferences | 142 |
| ......Bibliography | 142 |
Part 2 --Certification Checklist |
10. Certification Checklist | 145 |
| ...How to Use the Checklist | 145 |
| ...Preface | 146 |
| ...Input Models | 147 |
| ......Keyboard Focus Model | 147 |
| ......Input Device Model | 147 |
| ...Navigation | 150 |
| ......Mouse-Based Navigation | 150 |
| ......Keyboard-Based Navigation | 154 |
| ......Menu Traversal | 158 |
| ......Scrollable Component Navigation | 161 |
| ...Selection | 162 |
| ......Selection Models | 162 |
| ..........Mouse-Based Single Selection | 162 |
| ..........Mouse-Based Browse Selection | 163 |
| ..........Mouse-Based Multiple Selection | 163 |
| ..........Mouse-Based Range Selection | 163 |
| ..........Mouse-Based Discontiguous Selection | 166 |
| ..........Keyboard Selection | 167 |
| |
| ......Icons | 189 |
| ......Application Window Management | 190 |
| ..........Window Placement | 190 |
| ..........Window (Document) Clustering | 191 |
| ..........Window Management Actions | 191 |
| ...... Session Management Support | 192 |
| ...Application Design Principles | 193 |
| ......Layout | 193 |
| ..........Main Window | 193 |
| ..........Window Titles | 194 |
| ..........Menu Bar | 195 |
| ..........File Menu Contents | 198 |
| ..........Help Menu Contents | 203 |
| ..........Attachment Menu Contents | 204 |
| ..........Pop-up Menus | 205 |
| ..........Dialog Boxes | 209 |
| ..........Menu Design | 209 |
| ..........Dialog Box Design | 212 |
| ..........File Selection Dialog Box | 216 |
| ..........About Dialog Box | 218 |
| ..........Dialog Box Layout | 218 |
| ..........Designing Drag and Drop | 219 |
| ......Attachments | 223 |
| ......Installation | 223 |