HIG (Human Interface Guidelines)¶

In order for all graphical user interface elements to appear consistant and to all the user to instinctively use dialogs, it is important that the following guidelines are followed in layout and design of GUIs.

1. Agrupar elementos relacionados usando caixas: Tente identificar elementos que podem ser agrupados em conjunto e, em seguida, use caixas com um rótulo para identificar o tópico desse grupo. Evite o uso de caixas com apenas um item dentro.

2. Capitalise first letter only in labels: Labels (and group box labels) should be written as a phrase with leading capital letter, and all remaining words written with lower case first letters

3. Não termine rótulos de itens e de caixas com dois pontos: a adição de dois pontos causa ruído visual e não fornece significado adicional; portanto, não os use. Uma exceção a essa regra é quando você tem dois rótulos próximos, por exemplo: Rótulo1 Complemento (Caminho:) Rótulo2 [/caminho/para/complemento]

4. 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 inadvertantly click on the harmful action.

5. Use sempre um QButtonBox para botões como ‘OK’, ‘Cancelar’ etc : Usando uma caixa de botão você garante que a ordem dos botões ‘OK’ e ‘Cancelar’ etc, seja coerente com o sistema operacional / local /ambiente de trabalho que o usuário está usando.

6. Abas não devem ser justapostas. Se você usar abas, siga o estilo das abas usadas em QgsVectorLayerProperties / QgsProjectProperties etc. ,ou seja, abas na parte superior com imagens de 22x22.

7. 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.
8. Try to avoid technical terms and rather use a laymans equivalent e.g. use the word ‘Transparency’ rather than ‘Alpha Channel’ (contrived example), ‘Text’ instead of ‘String’ and so on.

9. Use iconografia consistente. Se você precisar de uma imagem ou elementos de imagem, entre em contato com Robert Szczepanek na lista de discussão para obter assistência.

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

11. Separar as opções avançadas das básicas. Os usuários iniciantes devem acessar rapidamente os itens necessários para atividades básicas sem se preocupar com a complexidade dos recursos avançados. Os recursos avançados devem estar localizados abaixo de uma linha divisória ou colocados em uma guia separada.

12. Não adicione opções para ter muitas outras opções. Esforce-se para manter a interface do usuário minimalista e usar padrões coerentes.

13. If clicking a button will spawn a new dialog, an ellipsis (...) should be suffixed to the button text.