Caixas de pesquisa
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 orientações ainda se aplica em princípio, mas a apresentação e os exemplos não refletem as nossas orientações de conceção atuais .
Com uma caixa de pesquisa, os usuários podem localizar rapidamente objetos ou textos específicos dentro de um grande conjunto de dados filtrando ou destacando correspondências. Não há controle de pesquisa padrão, mas você deve se esforçar para tornar os recursos de pesquisa do seu programa consistentes com os do Windows.
Existem dois tipos de pesquisas:
Pesquisa instantânea, onde os resultados são exibidos imediatamente à medida que o usuário digita. Nenhum botão precisa ser clicado, então o símbolo de pesquisa da lupa é mostrado como um gráfico, não como um botão.
Uma caixa de pesquisa típica usando a pesquisa instantânea. A pesquisa é executada automaticamente a cada pressionamento de tecla.
Pesquisa regular, onde uma pesquisa é realizada quando o usuário clica no botão de pesquisa. O símbolo de pesquisa da lupa é mostrado em um botão.
Uma caixa de pesquisa típica usando a pesquisa regular. Os usuários clicam em um botão para realizar a pesquisa.
Você pode fornecer um ou ambos os tipos de opções de pesquisa para seus usuários.
Será este o controlo correto?
Para decidir, considere estas questões:
- Os objetos específicos são difíceis de encontrar? Isto pode acontecer quando:
- Há muitos objetos.
- Os objetos não estão localizados em um único local. A pesquisa é especialmente útil para encontrar objetos em árvores.
- Os dados de pesquisa são difíceis de encontrar (por exemplo, metadados).
- Os usuários precisam encontrar texto específico nos documentos?
- Seu recurso retorna resultados de pesquisa relevantes em cinco segundos? Caso contrário, você pode fornecer um recurso de pesquisa, mas usar um design alternativo que forneça feedback visível para acomodar pesquisas de longa duração, como uma caixa de diálogo de pesquisa.
Conceitos de design
A pesquisa é um primeiro passo crucial em muitos cenários: os usuários devem encontrar objetos antes de poder 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 do Explorer, por isso são fáceis de encontrar e reconhecer.
- Ter aparência e comportamento consistentes.
- São eficientes e rápidos, proporcionando resultados instantâneos no modo de pesquisa instantânea.
Uma caixa de pesquisa é usada no Windows nestes locais:
- Exploradores
- Experiências (Microsoft Windows Media Player, Galeria de Fotos do Windows, Windows Internet Explorer)
- Menu Iniciar (para localizar programas e ficheiros recentes)
- Página inicial do Painel de Controle (para localizar itens e tarefas do Painel de Controle)
- Ajuda (para encontrar tópicos relevantes da Ajuda)
Aspeto e sensação
A sensação da Pesquisa no Windows é significativamente melhorada pelo suporte à Pesquisa Instantânea. Ter resultados instantâneos faz com que o Windows se sinta mais poderoso e direto.
No Windows Explorer e nas janelas de aplicativos, a Pesquisa está localizada no canto superior direito se for um ponto de entrada suplementar. Neste caso, os utilizadores procuram um mecanismo de pesquisa quando não encontram o que procuram na janela. No entanto, se a Pesquisa for o ponto de entrada principal, ela será centralizada na parte superior da janela.
O botão Pesquisar está visualmente conectado a uma caixa de pesquisa. Para minimizar o espaço, uma de prompt de opcional é usada dentro de uma caixa de pesquisa em vez de um rótulo. O prompt pode ser uma instrução (por exemplo, Tipo para pesquisar) ou indicar o escopo da pesquisa (por exemplo, Pesquisar imagens).
Sem etiquetas e botões separados, a Pesquisa Instantânea no Windows tem um aspeto leve.
A realização de uma pesquisa bem-sucedida cria uma página virtual dos resultados da pesquisa e a adiciona à pilha traseira e à barra de endereços. 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 de endereços, 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 aparece depois que o usuário começa a digitar; Um "X" substitui o símbolo de pesquisa da lupa. Ao pairar, o "x" recebe uma aparência de botão e pode ser clicado.
O usuário pode limpar a caixa de pesquisa clicando em "x" na extremidade direita do controle.
No modo de pesquisa regular, o botão limpar é opcional. Os utilizadores podem considerá-lo útil, por exemplo, se uma pesquisa estiver a demorar muito tempo a concluir. Os usuários podem clicar no "x" para parar a pesquisa em andamento. Se uma pesquisa já tiver sido concluída, os utilizadores podem clicar no "x" para desmarcar a caixa Pesquisar.
Orientações
Localização
- Para janelas de aplicativos, localize Pesquisar no canto superior direito.
- Para janelas pop-up, localize Pesquisar onde for mais sensato e conveniente.
- Exceção: Se a Pesquisa for geralmente a primeira coisa que os usuários fazem em uma janela (o ponto de entrada principal), centralize-a na parte superior da janela.
Veja
- Use os gráficos padrão do botão de pesquisa. Existem três versões:
- Apenas o símbolo de pesquisa da lupa (sem botão ao focalizar). Use para pesquisa instantânea.
- Símbolo de pesquisa de lupa com botão. Use quando o botão precisa ser clicado para iniciar a pesquisa.
- Símbolo de pesquisa da 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 a Pesquisa instantânea, use apenas uma seta suspensa e mostre um botão ao focalizar.
- Para uma pesquisa regular, mostre a seta suspensa em um botão.
Especificações visuais para pesquisa instantânea.
Especificações visuais para pesquisa regular.
Não use rótulo; Em vez disso, use um prompt opcional. Se os usuários tendem a assumir que a pesquisa é uma pesquisa de arquivo genérico, use o prompt para fornecer o escopo. Caso contrário, use Type para pesquisar ou uma frase semelhante e concisa.
Nesses exemplos, breves prompts textuais ajudam os usuários a trabalhar com a Pesquisa.
Interação
No 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 seta.
Neste exemplo, o texto inserido anteriormente é selecionado no foco de entrada.
Atribua o atalho de teclado para a caixa Pesquisar como Ctrl+E.
Funcionalidade
- Suporte de pesquisa instantânea sempre que possível. Forneça pesquisas regulares e instantâneas se houver cenários em que a pesquisa regular valha a pena o tempo de espera extra.
- As pesquisas regulares devem retornar resultados relevantes em cinco segundos e a pesquisa instantânea deve retornar resultados em dois segundos. Após este 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. Poderá ter de indexar os seus dados de pesquisa para garantir esta capacidade de resposta.
- Se você fornecer os modos de pesquisa regular e instantânea, os resultados da pesquisa instantânea deverão ser um subconjunto dos resultados de pesquisa regulares.
- Toda a pesquisa é baseada em prefixo (sem pesquisa de substring ou 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 à pilha traseira e à barra de endereços. Várias pesquisas resultam em uma única página virtual, portanto, clicar em Voltar sempre retorna a página original.
- Se necessário para a escala, classifique os resultados da pesquisa por relevância.
- Uma pesquisa em branco retorna a página original.
Dimensionamento e espaçamento recomendados
Dimensionamento e espaçamento recomendados para a Pesquisa instantânea.
Dimensionamento e espaçamento recomendados para pesquisa regular.
Texto
- Para o texto do prompt na caixa Pesquisar, torne-o uma instrução (por exemplo, Digite para pesquisar) ou indique o escopo da pesquisa (por exemplo, Pesquisar imagens).
- O texto imediato deve ser breve. Uma única palavra ou frase curta deve ser suficiente.
- Use maiúsculas no estilo de frase.
- Não use pontuação final ou reticências.
Documentação
- Consulte esse controle como a caixa Pesquisar. Colocar em maiúscula a letra inicial da primeira palavra; Não coloque a letra da caixa inicial em maiúscula.
- Consulte os dois tipos de pesquisa como Pesquisa instantânea e Pesquisa regular. Colocar em maiúscula a letra inicial da Pesquisa instantânea; Não coloque em maiúscula a letra inicial da pesquisa regular.
Tópicos relacionados