Search UXpor Owl-Listener

Search UX Skill.

Projete a experiência completa de recuperação de informações, incluindo as buscas que falham.

Design de interação
Busca

Revisão da fonte · Search UXSKILL.md

Tarefa Design de interação Produz • Uma especificação de entrada de busca e sugestões. • Conteúdo de cartões ou linhas de resultado e comportamento dos filtros. • Recuperação de buscas sem resultados e requisitos para medir o comportamento de busca. Antes de começar Os serviços de busca e a instrumentação de consultas são externos a esta orientação.

Resumo editorial · fonte revisada em 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

Projete uma busca que ajude os usuários a se recuperar

Um guia completo de interface de busca, incluindo entrada, sugestões, apresentação da classificação, refinamento e recuperação de buscas sem resultados.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

Search UX cobre o caminho desde a digitação de uma consulta até a decisão sobre qual resultado abrir. Considera sugestões, acesso por teclado, agrupamento de resultados, trechos, metadados e refinamento, em vez de tratar a busca como uma caixa de texto isolada. Também reconhece que, às vezes, as pessoas buscam um destino, como as configurações, e não um item de conteúdo.

A maior ênfase está na recuperação. Uma tela sem resultados deve preservar a consulta, explicar o que foi pesquisado e oferecer correções relevantes ou rotas alternativas. Esses são requisitos de interface: implementar tolerância a erros de digitação, classificação por relevância e personalização ainda depende do sistema de busca real.

Entregas esperadas

Uma especificação de entrada de busca e sugestões.
Conteúdo de cartões ou linhas de resultado e comportamento dos filtros.
Recuperação de buscas sem resultados e requisitos para medir o comportamento de busca.

Veja o briefing de exemplo

Do briefing à revisão

01
Defina o material pesquisável
Liste os tipos de conteúdo e os destinos de navegação e, em seguida, escolha as informações de que um resultado precisa para apoiar a decisão de clicar.
02
Especifique a recuperação e o refinamento
Projete a persistência da consulta, as sugestões, a navegação por teclado, a contagem de resultados e filtros removíveis individualmente.
03
Trate as buscas malsucedidas
Ofereça correções ou rotas mais amplas quando houver suporte e identifique sinais de consulta e abandono que valem a pena observar.

02 Quando usar

Quando usar

Os serviços de busca e a instrumentação de consultas são externos a esta orientação.

Boa adequação

Catálogos grandesÚtil quando os usuários precisam encontrar itens por atributos, em vez de navegar por uma hierarquia pequena.
Recuperação de buscaAjuda equipes a melhorar uma tela de resultados vazia que hoje encerra a tarefa.

Limites a verificar

Não é um mecanismo de buscaA fonte não fornece um backend de indexação nem implementa algoritmos de classificação.
Não é arquitetura de navegaçãoUma boa interface de busca não elimina a necessidade de categorias e navegação compreensíveis.

Traga estas entradas

Tipos de conteúdoForneça os campos pesquisáveis e os metadados de que os usuários precisam para distinguir os resultados.
Evidências de consultasInclua consultas comuns, exemplos de buscas sem resultados e buscas de navegação, se disponíveis.
Recursos do backendInforme os recursos disponíveis de tratamento de erros de digitação, filtros, ordenação e personalização, em vez de presumi-los.

03 Decisões importantes

Decisões que importam

Explique por que um resultado corresponde
Um trecho útil ou uma indicação do campo correspondente reduz a adivinhação antes de abrir um resultado.
Os filtros permanecem reversíveis
Filtros visíveis e removíveis individualmente ajudam os usuários a entender e desfazer um conjunto de resultados restrito.

04 Exemplo de briefing

Experimente um briefing focado

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a configuração

Use o método de instalação documentado no repositório e mantenha todos os arquivos complementares referenciados. Esta entrada descreve um método de design focado, não um aplicativo executável.

Arquivo-fonte original

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/search-ux/SKILL.md

Os serviços de busca e a instrumentação de consultas são externos a esta orientação.

Comece com uma entrega

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo

Use search-ux para uma biblioteca com modelos de design, autores e tutoriais. Projete sugestões, resultados agrupados e filtros removíveis. Inclua uma consulta com erro de digitação sem resultados e uma consulta de navegação para as configurações da conta. Marque qualquer comportamento que exija trabalho no backend de busca.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

A consulta digitada é mantida durante o refinamento e nos resultados vazios.
Os filtros aplicados estão visíveis e podem ser removidos.
Os metadados dos resultados ajudam a distinguir títulos que, de outra forma, seriam parecidos.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída no pacote nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesign Leia o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos do projeto original podem mudar.

Responsável pela fonte: Owl-Listener
Repositório: Owl-Listener/designer-skills
Arquivo da skill: interaction-design/skills/search-ux/SKILL.md
Licença: MIT
Versão revisada: 2026-10-07 · 9a6930cf84a8

Resumo editorial da fonte

Um guia completo de interface de busca, incluindo entrada, sugestões, apresentação da classificação, refinamento e recuperação de buscas sem resultados.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uma medida de uso da skill nem uma nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Ela pode adicionar tolerância a erros de digitação?

Ela pode especificar o comportamento desejado. O backend de busca precisa oferecer suporte a esse comportamento ou implementá-lo.

Os resultados devem sempre usar uma grade?

Não. A fonte distingue listas fáceis de percorrer de grades em que as miniaturas visuais são o principal sinal de seleção.

Por que incluir destinos de navegação?

Algumas consultas expressam o desejo de chegar a uma parte conhecida do produto, e não de localizar um documento.

OpenDesign

Abra espaço para a próxima iteração de design.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesign Ver skills de design