GNOME Human Interface Guidelines Allan Day Table des matieres` 1 Audience 4 2 Structure of the HIG5 3 Version 6 4 Compatibility7 4.1 Cross-platform compatibility..........................8 4.2 GNOME 2 Compatibility............................8 4.3 Give your application a clear focus......................9 4.4 Keep user interface complexity to a minimum................9 4.5 Use progressive disclosure to show controls when they are needed...9 4.6 Require as little work from the user as possible...............9 4.7 Create a clear hierarchy............................. 10 4.8 Prioritize content................................. 10 4.9 Anticipate errors................................. 10 4.10Avoid interruptions............................... 10 4.11Provide quick and effective search....................... 11 4.12Use configuration options sparingly...................... 11 4.13Give your application an instructive name and an attractive icon.... 11 4.14Use emotion and humour (sparingly)..................... 11 4.15Using Icons in Your User Intereface...................... 11 4.16Choosing Stock GNOME Icons......................... 12 4.16.1Color vs. Symbolic Icons........................ 12 4.17Application Icons................................. 13 4.18Custom Symbolic Icons............................. 13 4.18.1Size and grid............................... 13 4.19Custom Full-Color Icons............................ 14 4.19.1Perspective................................ 14 4.19.2Palette................................... 14 Page 1 sur 61 4.20See Also...................................... 14 4.21Keyboard navigation............................... 14 4.22Access keys.................................... 15 4.23Shortcut keys................................... 15 4.24System reserved shortcuts........................... 16 4.24.1Standard widget navigation shortcuts................. 17 4.25Standard shortcut keys............................. 17 4.25.1Standard application shortcuts.................... 17 4.25.2Standard content shortcuts...................... 17 4.25.3Standard edit shorcuts......................... 17 4.25.4Standard view shortcuts........................ 18 4.25.5Standard bookmark shortcuts..................... 18 4.25.6Standard navigation shortcut keys.................. 18 4.25.7Standard format shortcut keys..................... 18 4.26Default Fonts................................... 18 4.27Variants, Sizes and Weights.......................... 19 4.28Take Advantage of Unicode........................... 19 4.29General guidelines................................ 19 4.30Label alignment................................. 20 4.31Visual hierarchy................................. 20 4.32Guidelines.................................... 20 4.33Capitalization................................... 21 4.33.1Header Capitalization.......................... 21 4.33.2Sentence Capitalization......................... 21 4.34Give your application a clear focus...................... 21 4.35Keep user interface complexity to a minimum................ 22 4.36Use progressive disclosure to show controls when they are needed... 22 4.37Require as little work from the user as possible............... 22 4.38Create a clear hierarchy............................. 22 4.39Prioritize content................................. 23 4.40Anticipate errors................................. 23 4.41Avoid interruptions............................... 23 4.42Provide quick and effective search....................... 23 4.43Use configuration options sparingly...................... 23 4.44Give your application an instructive name and an attractive icon.... 24 4.45Use emotion and humour (sparingly)..................... 24 4.46Cross-platform compatibility.......................... 24 Page 2 sur 61 4.47GNOME 2 Compatibility............................ 24 4.48General guidelines................................ 25 4.49Label alignment................................. 26 4.50Visual hierarchy................................. 26 4.51Using Icons in Your User Intereface...................... 26 4.52Choosing Stock GNOME Icons......................... 26 4.52.1Color vs. Symbolic Icons........................ 27 4.53Application Icons................................. 27 4.54Custom Symbolic Icons............................. 28 4.54.1Size and grid............................... 28 4.55Custom Full-Color Icons............................ 28 4.55.1Perspective................................ 28 4.55.2Palette................................... 28 4.56See Also...................................... 29 4.57Guidelines.................................... 29 4.58Capitalization................................... 29 4.58.1Header Capitalization.......................... 29 4.58.2Sentence Capitalization......................... 30 4.59Default Fonts................................... 30 4.60Variants, Sizes and Weights.......................... 30 4.61Take Advantage of Unicode........................... 30 4.62Keyboard navigation............................... 31 4.63Access keys.................................... 31 4.64Shortcut keys................................... 32 4.65System reserved shortcuts........................... 32 4.65.1Standard widget navigation shortcuts................. 33 4.66Standard shortcut keys............................. 33 4.66.1Standard application shortcuts.................... 33 4.66.2Standard content shortcuts...................... 34 4.66.3Standard edit shorcuts......................... 34 4.66.4Standard view shortcuts........................ 34 4.66.5Standard bookmark shortcuts..................... 34 4.66.6Standard navigation shortcut keys.................. 34 4.66.7Standard format shortcut keys..................... 35 Page 3 sur 61 5 Action bars 36 5.1 When to use................................... 38 5.2 Guidelines.................................... 38 5.3 When to use................................... 38 5.4 Menu items.................................... 39 5.5 Additional Guidance............................... 39 5.6 When to use................................... 39 5.7 Message Dialogs................................. 39 5.7.1 Examples................................. 40 5.8 Action Dialogs.................................. 40 5.8.1 Examples................................. 40 5.9 Presentation Dialogs............................... 40 5.9.1 Examples................................. 40 5.9.2 Instant and Explicit Apply....................... 41 5.10Button order................................... 41 5.11Default buttons................................. 41 5.12General guidelines................................ 42 5.13When to use................................... 42 5.14General guidelines................................ 42 5.15When to use................................... 42 5.16Guidance..................................... 43 5.17When to use................................... 43 5.18Controls...................................... 43 5.19Header bars are dynamic............................ 44 5.20Additional guidance............................... 44 5.21When to use................................... 44 5.22Standard lists.................................. 44 5.22.1Styles................................... 45 5.22.2Editable lists............................... 45 5.23Tables....................................... 45 5.24Row behavior................................... 45 5.25General guidelines................................ 46 5.26When to use................................... 46 5.27Notification elements.............................. 46 5.27.1Titles.................................... 47 5.27.2Default actions.............................. 47 5.27.3Notification actions........................... 47 Page 4 sur 61 5.28General guidance................................ 47 5.29When to use................................... 48 5.30The search bar.................................. 48 5.31Search results.................................. 48 5.32Additional Guidance............................... 49 5.33When to use................................... 49 5.34Activating selection mode............................ 49 5.35The action bar.................................. 49 5.36When to use................................... 50 5.37Guidelines.................................... 50 5.38When to use................................... 50 5.39Additional guidelines.............................. 51 5.40When to use................................... 51 5.41Menu items.................................... 51 5.42Additional Guidance............................... 51 5.43When to use................................... 51 5.44Controls...................................... 52 5.45Header bars are dynamic............................ 52 5.46Additional guidance............................... 52 5.47When to use................................... 52 5.48Guidance..................................... 53 5.49When to use................................... 53 5.50The search bar.................................. 53 5.51Search results.................................. 53 5.52Additional Guidance............................... 54 5.53When to use................................... 54 5.54Additional guidelines.............................. 54 5.55When to use................................... 54 5.56Activating selection mode............................ 55 5.57The action bar.................................. 55 5.58When to use................................... 55 5.59Message Dialogs................................. 56 5.59.1Examples................................