102.3K+Scarica
Vai alla guida all’uso
Search UXdi Owl-Listener

Search UX Skill.

Progetta l'intera esperienza di recupero, comprese le ricerche che falliscono.

  • Interaction design
  • Ricerca
Scarica OpenDesignVedi la guida all'uso
Revisione della fonte · Search UXSKILL.md
Attività Interaction design Produce • Una specifica di ingresso della ricerca e suggerimenti. • Contenuto delle card o righe dei risultati e comportamento dei filtri. • Recupero in caso di zero risultati e requisiti per misurare il comportamento di ricerca. Prima di iniziare I servizi di ricerca e la strumentazione delle query sono esterni a questa guida.
Sintesi editoriale · fonte esaminata 2026-10-07 · non è un esempio generato

01 Funzionalità

Progetta una ricerca che aiuti gli utenti a rimediare

Una guida completa all'interfaccia di ricerca che copre ingresso, suggerimenti, presentazione del ranking, affinamento e recupero in caso di zero risultati.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Search UX copre il percorso dall'inserimento di una query alla decisione su quale risultato aprire. Considera suggerimenti, accesso da tastiera, raggruppamento dei risultati, snippet, metadati e affinamento, invece di trattare la ricerca come un campo isolato. Riconosce anche che a volte le persone cercano una destinazione, come le impostazioni, anziché un contenuto.

L'enfasi maggiore è sul recupero. Una vista senza risultati dovrebbe conservare la query, spiegare cosa è stato cercato e offrire correzioni pertinenti o percorsi alternativi. Questi sono requisiti di interfaccia: implementare tolleranza agli errori di battitura, ranking per rilevanza e personalizzazione dipende comunque dal sistema di ricerca effettivo.

Risultati attesi

  • Una specifica di ingresso della ricerca e suggerimenti.
  • Contenuto delle card o righe dei risultati e comportamento dei filtri.
  • Recupero in caso di zero risultati e requisiti per misurare il comportamento di ricerca.
Vedi il brief di esempio

Dal brief alla revisione

  1. 01
    Definire il materiale ricercabile

    Elenca i tipi di contenuto e le destinazioni di navigazione, poi scegli le informazioni di cui un risultato ha bisogno per sostenere la decisione di clic.

  2. 02
    Specificare recupero e affinamento

    Progetta la persistenza della query, i suggerimenti, lo spostamento da tastiera, i conteggi dei risultati e i filtri rimovibili singolarmente.

  3. 03
    Gestire le query senza esito

    Offri correzioni o percorsi più ampi dove supportato e individua i segnali di query e abbandono che vale la pena osservare.

02 Quando usarlo

Quando usarla

I servizi di ricerca e la strumentazione delle query sono esterni a questa guida.

Un buon caso d'uso

  • Cataloghi di grandi dimensioniUtile quando gli utenti devono trovare elementi in base agli attributi anziché sfogliare una piccola gerarchia.
  • Recupero della ricercaAiuta i team a migliorare una schermata di risultati vuota che attualmente interrompe l'attività.

Limiti da verificare

  • Non è un motore di ricercaLa fonte non fornisce un backend di indicizzazione né implementa algoritmi di ranking.
  • Non sostituisce l'architettura di navigazioneUna buona interfaccia di ricerca non elimina la necessità di categorie e navigazione comprensibili.

Cosa portare

  • Tipi di contenutoFornisci i campi ricercabili e i metadati di cui gli utenti hanno bisogno per distinguere i risultati.
  • Evidenze sulle queryIncludi, se disponibili, query frequenti, esempi di zero risultati e ricerche di navigazione.
  • Funzionalità del backendIndica la gestione degli errori di battitura, i filtri, l'ordinamento e la personalizzazione disponibili, senza darli per scontati.

03 Decisioni importanti

Decisioni che contano

  1. Spiegare perché un risultato corrisponde

    Uno snippet utile o un indizio sul campo corrispondente riduce le congetture prima di aprire un risultato.

  2. I filtri restano reversibili

    Filtri visibili e rimovibili singolarmente aiutano gli utenti a capire e annullare un insieme di risultati ristretto.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Controlla la configurazione

Usa la procedura di installazione documentata nel repository e conserva eventuali file complementari citati. Questa voce descrive un metodo di design mirato, non un'applicazione eseguibile.

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

I servizi di ricerca e la strumentazione delle query sono esterni a questa guida.

Parti da un solo deliverable

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio
Usa search-ux per una libreria che contiene template di design, autori e tutorial. Progetta suggerimenti, risultati raggruppati e filtri rimovibili. Includi una query con errore di battitura che dà zero risultati e una query di navigazione per le impostazioni dell'account. Indica ogni comportamento che richiede interventi sul backend di ricerca.

Ispeziona il risultato

Confronta l'output effettivo con questi criteri osservabili.

  • La query inserita resta dopo l'affinamento e con risultati vuoti.
  • I filtri applicati sono visibili e rimovibili.
  • I metadati dei risultati aiutano a distinguere titoli altrimenti simili.

OpenDesign offre uno spazio di lavoro di design locale per gli agenti di programmazione. Questa scheda non significa che la skill sia inclusa nel pacchetto né che i suoi strumenti esterni, le credenziali e le dipendenze software siano compresi.

Scarica OpenDesignLeggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte bloccata collegata sotto. Comportamento e requisiti originali possono cambiare.

Titolare della fonte
Owl-Listener
Repository
Owl-Listener/designer-skills
File della skill
interaction-design/skills/search-ux/SKILL.md
Licenza
MIT
Snapshot esaminato
2026-10-07 · 9a6930cf84a8
Sintesi editoriale della fonte
Una guida completa all'interfaccia di ricerca che copre ingresso, suggerimenti, presentazione del ranking, affinamento e recupero in caso di zero risultati.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un indicatore di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

Può aggiungere la tolleranza agli errori di battitura?

Può specificare il comportamento desiderato. Il backend di ricerca deve supportare o implementare tale comportamento.

I risultati devono sempre usare una griglia?

No. La fonte distingue le liste, facili da scorrere, dalle griglie in cui le miniature visive sono il segnale principale di selezione.

Perché includere le destinazioni di navigazione?

Alcune query esprimono il desiderio di raggiungere una parte nota del prodotto anziché trovare un documento.

OpenDesign

Lascia spazio alla prossima iterazione di design.

Tieni insieme brief, materiale di partenza e lavoro di design in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesignSfoglia le skill di design
File sorgente originale
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/search-ux/SKILL.md