2. HIG (Human Interface Guidelines)

모든 그래픽 사용자 인터페이스 요소가 일관적으로 표시되고 사용자가 쉽게 대화창을 사용하려면 GUI의 레이아웃과 배치에 다음 가이드라인을 따르는것이 중요합니다.

  1. 그룹박스를 사용하여 관련 요소 그룹화: 함께 그룹화할 수 있는 요소 식별후 그룹박스의 주제를 식별할 수 있는 라벨박스를 사용하십시오. 단독 위젝 / 아이템만 포함된 그룹박스를 사용하지 마십시오.

  2. 라벨, 툴팁, 설명텍스트와 기타 제목이 아닌 텍스트는 첫자만 대문자로 사용하고 그외 단어는 명사가 아닌경우 소문자를 사용하십시오.

  3. 제목 (그룹박스, 탭, 목록보기 열 등), 기능 (메뉴항목, 단추), 기타 선택 가능한 항목 (콤보박스 항목, 목록박스 항목, 트리목록 항목 등)은 모든단어 대문자: 5자보다 짧은 전치사(예: 〈with〉, 〈without〉), 접속사 (예: 및, 또는, 그러나), 조사 (a, a, an, the)를 제외한 모든 단어는 대문자입니다. 그러나 항상 첫 번째와 마지막 단어를 대문자로 쓰십시오

  4. Do not end labels for widgets or group boxes with a colon: Adding a colon causes visual noise and does not impart additional meaning, so don’t use them. An exception to this rule is when you have two labels next to each other e.g.: Label1 Plugin (Path:) Label2 [/path/to/plugins]

  5. Keep harmful actions away from harmless ones: If you have actions for 〈delete〉, 〈remove〉 etc, try to impose adequate space between the harmful action and innocuous actions so that the users is less likely to inadvertently click on the harmful action.

  6. Always use a QButtonBox for 〈OK〉, 〈Cancel〉 etc buttons: Using a button box will ensure that the order of 〈OK〉 and 〈Cancel〉 etc, buttons is consistent with the operating system / locale / desktop environment that the user is using.

  7. Tabs should not be nested. If you use tabs, follow the style of the tabs used in QgsVectorLayerProperties / QgsProjectProperties etc. i.e. tabs at top with icons at 22x22.

  8. Widget stacks should be avoided if at all possible. They cause problems with layouts and inexplicable (to the user) resizing of dialogs to accommodate widgets that are not visible.

  9. Try to avoid technical terms and rather use a laymans equivalent e.g. use the word 〈Opacity〉 rather than 〈Alpha Channel〉 (contrived example), 〈Text〉 instead of 〈String〉 and so on.

  10. Use consistent iconography. If you need an icon or icon elements, please contact Robert Szczepanek on the mailing list for assistance.

  11. Place long lists of widgets into scroll boxes. No dialog should exceed 580 pixels in height and 1000 pixels in width.

  12. Separate advanced options from basic ones. Novice users should be able to quickly access the items needed for basic activities without needing to concern themselves with complexity of advanced features. Advanced features should either be located below a dividing line, or placed onto a separate tab.

  13. Don’t add options for the sake of having lots of options. Strive to keep the user interface minimalistic and use sensible defaults.

  14. 버튼을 클릭하면 신규 대화박스가 생성되는 경우 줄임표 문자(…)가 단추 텍스트에 접미사에 추가되어야합니다. 세 개의 마침표 대신 U+2026 수평 줄임표 문자를 사용하십시오.

2.1. 저자

  • Tim Sutton (저자 & 에디터)

  • Gary Sherman

  • Marco Hugentobler

  • Matthias Kuhn