Ajuda contextual
A ajuda contextual mostra ao usuário informações extras sobre o estado de um componente adjacente ou de uma visualização inteira.
Ele explica um tópico de alto nível sobre uma experiência e pode direcionar os usuários para mais informações em outros lugares.
Opções
#Ícone
A ajuda contextual pode ser usada para exibir dois tipos de conteúdo suplementar em uma experiência;
- informações em linha (o ícone de informações)
- ajuda e recursos para saber mais (o ícone de ajuda).
#Colocação de popover
- O popover é posicionado em relação ao botão de ação;
- O valor de posicionamento padrão é o início inferior.
#Deslocamento de popover
- O deslocamento é a distância entre o botão de ação e a borda popover;
- O valor padrão é 6 px no desktop e 8 px no celular, mas isso pode ser ajustado dependendo do contexto.
Diretrizes de uso
Dica de ferramenta x ajuda contextual
- Uma dica de ferramenta mostra informações em linha sobre o elemento que um usuário está focalizando ou focalizando;
- A ajuda contextual descreve uma experiência maior, como algo associado a esse elemento em um sentido mais amplo;
- Use a ajuda contextual para comunicar informações sobre uma visualização inteira, em vez de um elemento específico da experiência (por exemplo, em cabeçalhos de seção de alto nível);
- As dicas de ferramentas são destinadas a algumas palavras ou uma frase curta, como mostrar o rótulo de um botão somente de ícone;
- A ajuda contextual oferece mais espaço para fornecer mais informações ou para descrever onde um usuário pode encontrar mais ajuda.