Localizar na página

Diretrizes de localização na página

O recurso de localização na página permite que os usuários encontrem correspondências de texto no corpo de texto atual. Visualizadores, leitores e navegadores de documentos são os aplicativos mais típicos que fornecem o recurso de localização na página.

Recomendações

  • Coloque uma barra de comandos em seu aplicativo com a funcionalidade de localização na página para permitir que o usuário pesquise texto na página. Para obter detalhes de posicionamento, consulte a seção Exemplos.

    • Os aplicativos que fornecem o recurso de localização na página devem ter todos os controles necessários em uma barra de comandos.
    • Se o seu aplicativo incluir muitas funcionalidades além da localização na página, você poderá fornecer um botão Localizar na barra de comandos de nível superior como ponto de entrada para outra barra de comandos que contém todos os seus controles de localização na página.
    • A barra de comandos de localização na página deve permanecer visível durante a interação do usuário com o teclado virtual. O teclado virtual é exibido quando um usuário toca na caixa de entrada. A barra de comandos de localização na página deve ser movida para cima, para não ficar escondida atrás do teclado virtual.

    • O recurso de localização na página deve permanecer disponível enquanto o usuário interage com o modo de exibição. Os usuários precisam interagir com o texto em exibição enquanto usam o recurso de localização na página. Por exemplo, eles podem querer aumentar ou diminuir o zoom em um documento ou aplicar panorâmica no modo de exibição para ler o texto. Assim que o usuário começar a usar o recurso de localização na página, a barra de comandos deve permanecer disponível com um botão Fechar para sair desse recurso.

    • Habilite o atalho de teclado (CTRL+F). Implemente o atalho de teclado CTRL+F para permitir que o usuário invoque rapidamente a barra de comandos de localização na página.

    • Inclua os elementos básicos da funcionalidade de localização na página. Estes são os elementos de interface do usuário que você precisa usar para implementar o recurso de localização na página:

      • Caixa de entrada
      • Botões Anterior e Próximo
      • Uma contagem de correspondências
      • Fechar (somente desktop)
    • A exibição deve realçar as correspondências e rolar para mostrar a próxima correspondência na tela. Os usuários podem se mover rapidamente pelo documento usando os botões Anterior e Próximo e usando barras de rolagem ou manipulação direta via toque.

    • A funcionalidade de localização na página deve funcionar junto com a funcionalidade básica de localização na página. Para aplicativos que possuem o recurso Localizar e Substituir, verifique se a localização na página não está interferindo nesse recurso.

  • Inclua um contador de correspondência para indicar ao usuário o número de correspondências de texto existentes na página.
  • Habilite o atalho de teclado (CTRL+F).

Exemplos

Fornece uma maneira fácil de acessar o recurso de localização na página. Neste exemplo em uma interface do usuário móvel, "Localizar na página" aparece após dois comandos "Adicionar a..." em um menu expansível:

Exemplo de localização na página 1

 

Depois de selecionar localizar na página, o usuário insere um termo de pesquisa. Sugestões de texto podem aparecer quando um termo de pesquisa está sendo inserido:

Exemplo de localização na página 2

 

Se não houver uma correspondência de texto na pesquisa, uma cadeia de caracteres de texto "Nenhum resultado" deve aparecer na caixa de resultados:

Exemplo de localização na página 3

 

Se houver uma correspondência de texto na pesquisa, o primeiro termo deverá ser destacado em uma cor distinta, com as próximas correspondências em um tom mais sutil dessa mesma paleta de cores, como visto neste exemplo:

Exemplo de localização na página 4

 

Localizar na página tem um contador de correspondência:

Exemplo de contador de pesquisa de localizar na página

Diretriz de uso adicional

Implementando a localização na página

  • Visualizadores de documentos, leitores e navegadores, os tipos de aplicativo mais prováveis para fornecer localizar na página, permitem que o usuário tenha uma experiência de visualização/leitura em tela inteira.
  • A funcionalidade de localização na página é secundária e deve estar localizada em uma barra de comando.

Para saber mais sobre como adicionar comandos à sua barra de comando, veja Guia de início rápido: Adicionando uma barra de comandos.

[Este artigo contém informações que são específicas a aplicativos da Plataforma Universal do Windows (UWP) e ao Windows 10. Para obter as diretrizes do Windows 8.1, baixe o PDF de diretrizes do Windows 8.1.]

Tópicos relacionados

Para designers
Como desativar texto e seleção de imagens
Diretrizes de pesquisa
Para desenvolvedores (HTML)
Guia de início rápido: Adicionando uma barra de comandos

 

 

Mostrar:
© 2017 Microsoft