Diretrizes da interface do usuário
💡 Este é um conjunto de diretrizes, não um livro de regras. Servem como direcionamento para existir uma coesão entre as telas e sistemas. Novas complexidades às vezes necessitam de novas formas de interações, com isso podem surgir novas definições visuais e de interação.
O objetivo principal destas diretrizes é criar uma experiência consistente nos produtos Mobiis.
Não se restringem apenas a elementos e princípios específicos de design, mas também ajudam a incutir uma filosofia que permite que você decida quando é apropriado desviar-se das diretrizes.
Muitas das definições tem como referência outros guias de HIG (Human Interface Guidelines) já consolidados e que na maioria, suas definições são embasadas por estudos ou testes:
![]()
- https://docs.elementary.io/hig/
- https://developer.gnome.org/hig/
- https://developer.apple.com/design/human-interface-guidelines/
- https://docs.microsoft.com/pt-br/windows/apps/design/
Visão geral
Seção intitulada “Visão geral”O guia de diretrizes é composto pelas seguintes seções:
Princípios de design
Seção intitulada “Princípios de design”Explicam por que decidimos como decidimos: a forma de pensar que vale para qualquer tela, inclusive as que ainda não existem.
Você não pode apenas perguntar aos clientes o que eles querem e depois tentar dar isso a eles. Quando você terminar de construir, eles querem algo novo. — Steve Jobs
Diretrizes
Seção intitulada “Diretrizes”Dizem como aplicar esse raciocínio em situações concretas: o que escrever, qual componente usar, como a interface deve se comportar.
- Estilo de escrita
- Formulários e validação
- Estados da interface
- Feedback ao usuário
- Navegação e hierarquia
- Nomenclaturas
Quando você inova, você comete erros. O melhor a fazer é admitir eles rapidamente e passar a melhorar suas outras inovações — Steve Jobs