Dica de ferramenta - Tooltip

Uma dica de ferramenta do navegador da web exibida como hiperlink para HTML , mostrando o que a abreviatura significa.

A dica de ferramenta , também conhecida como infotip ou hint , é um elemento comum da interface gráfica do usuário em que, ao passar o mouse sobre um elemento ou componente da tela, uma caixa de texto exibe informações sobre esse elemento, como uma descrição da função de um botão, o que é uma abreviatura significa, ou o carimbo de hora absoluto exato sobre um tempo relativo ("… atrás"). A dica de ferramenta é exibida continuamente enquanto o usuário passa o mouse sobre o elemento.

Na área de trabalho, é usado em conjunto com um cursor , geralmente um ponteiro , por meio do qual a dica de ferramenta aparece quando um usuário passa o ponteiro sobre um item sem clicar nele.

Dica de ferramenta de URL no Kiwi Browser , um derivado do Google Chromium , revelado com a caneta em um Samsung Galaxy Note 4 .

Em sistemas operacionais móveis , uma dica de ferramenta é exibida ao pressionar longamente - isto é, tocar e segurar - um elemento. Alguns smartphones possuem métodos de entrada alternativos , como uma caneta, que pode mostrar dicas de ferramentas ao passar o mouse sobre a tela.

Uma variante comum de dicas de ferramentas, especialmente em softwares mais antigos, é exibir uma descrição da ferramenta em uma barra de status . O recurso de dicas de ferramentas da Microsoft , encontrado na documentação do usuário final, é denominado Dicas de tela . O recurso de dicas de ferramentas da Apple, encontrado na documentação do desenvolvedor , é denominado tags de ajuda . O sistema operacional Mac clássico usa um recurso de dicas de ferramentas, embora de uma forma ligeiramente diferente, conhecido como balão de ajuda . Alguns softwares e aplicativos, como o GIMP , oferecem uma opção para que os usuários desativem algumas ou todas as dicas de ferramentas. No entanto, essas opções são deixadas ao critério do desenvolvedor e frequentemente não são implementadas.

Origem

O termo dica de ferramenta veio originalmente de aplicativos Microsoft mais antigos (por exemplo, Microsoft Word 95 ). Esses aplicativos teriam barras de ferramentas nas quais , ao mover o mouse sobre os ícones da barra de ferramentas, seria exibida uma breve descrição da função da ferramenta na barra de ferramentas. Mais recentemente, essas dicas de ferramentas são usadas em várias partes de uma interface, não apenas nas barras de ferramentas.

Exemplos

CSS , HTML e JavaScript também outros sistemas de codificação permitem que os web designers criem dicas de ferramentas personalizadas.

Demonstrações de uso de dicas de ferramentas são predominantes nas páginas da web. Muitos navegadores gráficos da web exibem o titleatributo de um elemento HTML como uma dica de ferramenta quando um usuário passa o ponteiro do mouse sobre esse elemento; Nesse navegador, ao passar o mouse sobre as imagens e hiperlinks da Wikipedia, uma dica de ferramenta aparecerá.

O Abbrmodelo é um exemplo de uso da dica de ferramenta dentro da Wikipedia, onde o modelo mostra a dica de ferramenta e o texto. Outro método é usar o {{ Hover title }}.

Veja também

Referências

  1. ^ a b https://material.io/components/tooltips
  2. ^ "Definição da dica de ferramenta" . TechTerms.com . Retirado em 13 de maio de 2014 .
  3. ^ "Sobre os controles de dicas de ferramentas - aplicativos do Windows" . Microsoft Docs .
  4. ^ " Mostrar ou ocultar dicas de tela ." Suporte da Microsoft . Recuperado em 13 de dezembro de 2020.
  5. ^ "Ajuda - Interação do usuário - macOS - Diretrizes de interface humana - Desenvolvedor Apple" . developer.apple.com . Recuperado em 2021-08-12 .
  6. ^ https://www.pcmag.com/encyclopedia/term/balloon-help