Compartilhar via

Caixas de pesquisa

  • Artigo

Observação

Este guia de design foi criado para o Windows 7 e não foi atualizado para versões mais recentes do Windows. Grande parte das diretrizes ainda se aplica em princípio, mas a apresentação e os exemplos não refletem nossas diretrizes de design atuais.

Com uma caixa de pesquisa, os usuários podem localizar rapidamente objetos ou textos específicos em um grande conjunto de dados filtrando ou realçando correspondências. Não há controle de pesquisa padrão, mas você deve se esforçar para tornar os recursos de pesquisa do programa consistentes com os do Windows.

Há dois tipos de pesquisas:

  • Pesquisa instantânea, em que os resultados são exibidos imediatamente como tipos de usuário. Nenhum botão precisa ser clicado, portanto, o símbolo de pesquisa de lupa é mostrado como um gráfico, não um botão.

    Captura de tela que mostra uma caixa de pesquisa instantânea com um texto explicativo 'Prompt' apontando para a caixa Pesquisa e um texto explicativo 'Símbolo de pesquisa' apontando para o gráfico de lupa.

    Uma caixa de pesquisa típica usando a pesquisa instantânea. A pesquisa é executada automaticamente em cada pressionamento de tecla.

  • Pesquisa regular, em que uma pesquisa é executada quando o usuário clica no botão de pesquisa. O símbolo de pesquisa de lupa é mostrado em um botão.

    captura de tela de uma caixa de pesquisa regular

    Uma caixa de pesquisa típica usando a pesquisa regular. Os usuários clicam em um botão para executar a pesquisa.

    Você pode fornecer ou ambos os tipos de opções de pesquisa para seus usuários.

Esse é o controle correto?

Para decidir, considere estas perguntas:

  • Objetos específicos são difíceis de encontrar? Isso pode ocorrer quando:
    • Há muitos objetos.
    • Os objetos não estão localizados em um único local. A pesquisa é especialmente útil para localizar objetos em árvores.
    • Os dados de pesquisa são difíceis de encontrar (por exemplo, metadados).
  • Os usuários precisam encontrar texto específico em documentos?
  • Seu recurso retorna resultados de pesquisa relevantes dentro de cinco segundos? Caso contrário, você pode fornecer um recurso de pesquisa, mas usar um design alternativo que fornece comentários visíveis para acomodar pesquisas de longa duração, como uma caixa de diálogo de pesquisa.

Conceitos de design

A pesquisa é uma primeira etapa crucial em muitos cenários: os usuários devem encontrar objetos antes que possam usá-los. Os usuários estão salvando cada vez mais objetos em discos rígidos cada vez maiores, mas a navegação por objetos não é bem dimensionada. A pesquisa deve ser uma parte simples, consistente e confiável da experiência do usuário.

Caixas de pesquisa no Windows:

  • Fazem parte de todas as janelas Explorer, portanto, elas são fáceis de encontrar e reconhecer.
  • Têm aparência e comportamento consistentes.
  • São eficientes e rápidos, dando resultados instantâneos no modo de pesquisa instantânea.

Uma caixa de pesquisa é usada no Windows nestes locais:

  • Exploradores
  • Experiências (Microsoft Reprodutor Multimídia do Windows, Galeria de Fotos do Windows, Windows Internet Explorer)
  • Menu Iniciar (para localizar programas e arquivos recentes)
  • Painel de Controle home page (para localizar itens e tarefas do painel de controle)
  • Ajuda (para encontrar tópicos relevantes da Ajuda)

Olhar e sentir

A sensação de Pesquisa no Windows é significativamente aprimorada com o suporte à pesquisa instantânea. Ter resultados instantâneos faz com que o Windows se sinta mais poderoso e direto.

No Windows Explorer e janelas de aplicativos, a Pesquisa estará localizada no canto superior direito se for um ponto de entrada complementar. Nesse caso, os usuários procuram um mecanismo de pesquisa quando não encontram o que estão procurando na janela. No entanto, se Search for o ponto de entrada primário, ele será centralizado na parte superior da janela.

O botão Pesquisar está conectado visualmente a uma caixa de pesquisa. Para minimizar o espaço, um prompt opcional é usado dentro de uma caixa de pesquisa em vez de um rótulo. O prompt pode ser uma instrução (por exemplo, Tipo a ser pesquisado) ou indicar o escopo da pesquisa (por exemplo, Pesquisar imagens).

captura de tela de uma caixa de pesquisa instantânea

Sem rótulos e botões separados, a pesquisa instantânea no Windows tem uma aparência leve.

Executar uma pesquisa bem-sucedida cria uma página virtual dos resultados da pesquisa e a adiciona à barra Pilha de back e Endereço. Os usuários têm várias maneiras de restaurar a página original e desmarcar uma caixa de Pesquisa, incluindo clicar em Voltar, clicar na página original na barra Endereço, pressionar Esc ou desmarcar a caixa Pesquisar.

Os usuários também podem simplesmente limpar a caixa Pesquisar sem restaurar uma página anterior de resultados. No modo de pesquisa instantânea, um botão de limpeza é exibido depois que o usuário começa a digitar; um "x" substitui o símbolo de pesquisa de lupa. Ao passar o mouse, o "x" obtém uma aparência de botão e pode ser clicado.

captura de tela de uma caixa de pesquisa com um ícone 'x'

O usuário pode desmarcar a caixa Pesquisar clicando em "x" na extremidade direita do controle.

No modo de pesquisa regular, o botão limpar é opcional. Os usuários podem achar útil, por exemplo, se uma pesquisa estiver demorando muito para ser concluída. Os usuários podem clicar no "x" para interromper a pesquisa em andamento. Se uma pesquisa já tiver sido concluída, os usuários poderão clicar no "x" para desmarcar a caixa Pesquisar.

Diretrizes

Localização

  • Para janelas de aplicativos, localize Pesquisar no canto superior direito.
  • Para janelas pop-up, localize Pesquisar onde quer que seja mais sensato e conveniente.
  • Exceção: Se a Pesquisa geralmente for a primeira coisa que os usuários fazem em uma janela (o ponto de entrada primário), centralize-a na parte superior da janela.

Look

  • Use os gráficos do botão de pesquisa padrão. Há três versões:
    • Somente símbolo de pesquisa de lupa (sem botão ao passar o mouse). Use para pesquisa instantânea.
    • Símbolo de pesquisa de lupa com botão. Use quando o botão precisar ser clicado para iniciar a pesquisa.
    • Símbolo de pesquisa de lupa com botão e seta suspensa. Adicione uma seta suspensa quando os usuários puderem alterar o escopo ou quando outras configurações estiverem disponíveis.
      • Para Pesquisa instantânea, use apenas uma seta suspensa e mostre um botão ao passar o mouse.
      • Para pesquisa regular, mostre a seta suspensa em um botão.

figura de caixas de pesquisa instantâneas em estados diferentes

Especificações visuais para pesquisa instantânea.

figura de caixas de pesquisa regulares em estados diferentes

Especificações visuais para pesquisa regular.

  • Não use um rótulo; em vez disso, use um prompt opcional. Se os usuários tendem a assumir que a pesquisa é uma pesquisa de arquivo genérica, use o prompt para fornecer o escopo. Caso contrário, use Tipo para pesquisar ou uma frase semelhante e concisa.

    captura de tela do prompt 'type to search'

    captura de tela do prompt 'pesquisar todos os gadgets'

    Nesses exemplos, breves prompts textuais ajudam os usuários a trabalhar com a Pesquisa.

Interação

  • Em foco de entrada, selecione automaticamente qualquer texto inserido anteriormente. Isso permite que os usuários insiram uma nova pesquisa digitando ou modifiquem a pesquisa anterior posicionando o cursor usando as teclas de direção.

    captura de tela da caixa de pesquisa com texto realçado

    Neste exemplo, o texto inserido anteriormente é selecionado no foco de entrada.

  • Atribua o atalho de teclado para que a caixa De pesquisa seja Ctrl+E.

Funcionalidade

  • Suporte à pesquisa instantânea sempre que possível. Forneça pesquisas regulares e instantâneas se houver cenários em que a pesquisa regular vale o tempo de espera extra.
  • Pesquisas regulares devem retornar resultados relevantes dentro de cinco segundos e a pesquisa instantânea deve retornar resultados dentro de dois segundos. Após esse ponto, a Pesquisa pode continuar a preencher resultados menos relevantes ao longo do tempo, desde que o programa seja responsivo e os usuários possam executar outras tarefas. Talvez seja necessário indexar seus dados de pesquisa para garantir essa capacidade de resposta.
  • Se você fornecer modos de pesquisa regulares e instantâneos, os resultados da pesquisa instantânea deverão ser um subconjunto dos resultados regulares da pesquisa.
  • Toda a pesquisa é baseada em prefixo (sem subcadeia de caracteres ou pesquisa de sufixo). O uso de caracteres curinga à direita é opcional e não afeta os resultados. Se várias palavras forem inseridas, use OU pesquisando.
  • Uma pesquisa bem-sucedida adiciona uma página virtual com os resultados da pesquisa à barra De volta e Endereço. Várias pesquisas resultam em uma única página virtual, portanto, clicar em Voltar sempre retorna a página original.
  • Se necessário para escala, classifique os resultados da pesquisa por relevância.
  • Uma pesquisa em branco retorna a página original.

figura do dimensionamento e espaçamento da caixa de pesquisa instantânea

Dimensionamento e espaçamento recomendados para pesquisa instantânea.

figura do dimensionamento e espaçamento regulares da caixa de pesquisa

Dimensionamento e espaçamento recomendados para pesquisa regular.

Texto

  • Para a redação do prompt na caixa Pesquisar, faça dela uma instrução (por exemplo, Digite para pesquisar) ou indique o escopo da pesquisa (por exemplo, Pesquisar imagens).
  • O texto do prompt deve ser breve. Uma única palavra ou frase curta deve ser suficiente.
  • Use a capitalização com estilo de frase.
  • Não use pontuação final ou reticências.

Documentação

  • Consulte esse controle como a caixa Pesquisar. Capitalize a letra inicial da primeira palavra; não capitalize a letra inicial da caixa.
  • Consulte os dois tipos de pesquisa como Pesquisa instantânea e pesquisa regular. Maiúsculas e minúsculas da letra inicial da pesquisa instantânea; não capitalize a letra inicial da pesquisa regular.

Glossário