Zur Nutzungsanleitung springen
Search UXvon Owl-Listener

Search UX Skill.

Gestalte die gesamte Retrieval-Erfahrung, einschließlich der Suchen, die scheitern.

  • Interaction Design
  • Suche
Quellenprüfung · Search UXSKILL.md
Aufgabe Interaction Design Liefert • Eine Spezifikation für Sucheinstieg und Vorschläge. • Inhalte von Ergebniskarten oder Ergebniszeilen sowie Filterverhalten. • Wege aus der Null-Treffer-Situation und Anforderungen an die Messung des Suchverhaltens. Bevor du beginnst Suchdienste und Query-Instrumentierung liegen außerhalb dieser Anleitung.
Redaktionelle Zusammenfassung · Quelle geprüft am 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Suche so gestalten, dass Nutzer wieder auf Kurs kommen

Ein vollständiger Leitfaden für Suchoberflächen mit Eingabe, Vorschlägen, Darstellung der Rangfolge, Verfeinerung und Hilfe bei Suchen ohne Treffer.

Quellenbasierter WorkflowKein Ausführungs-Benchmark

Die Arbeitsweise

Search UX deckt den Weg von der Eingabe einer Suchanfrage bis zur Entscheidung ab, welches Ergebnis geöffnet wird. Berücksichtigt werden Vorschläge, Tastaturzugriff, Gruppierung der Ergebnisse, Snippets, Metadaten und Verfeinerung, statt die Suche als isoliertes Eingabefeld zu behandeln. Ebenso wird anerkannt, dass Menschen manchmal nach einem Ziel wie den Einstellungen suchen statt nach einem Inhalt.

Der stärkste Schwerpunkt liegt auf dem Auffangen erfolgloser Suchen. Eine Ansicht ohne Treffer sollte die Suchanfrage beibehalten, erklären, wonach gesucht wurde, und passende Korrekturen oder alternative Wege anbieten. Das sind Anforderungen an die Oberfläche: Fehlertoleranz bei Tippfehlern, Relevanzranking und Personalisierung hängen weiterhin vom tatsächlichen Suchsystem ab.

Erwartete Ergebnisse

  • Eine Spezifikation für Sucheinstieg und Vorschläge.
  • Inhalte von Ergebniskarten oder Ergebniszeilen sowie Filterverhalten.
  • Wege aus der Null-Treffer-Situation und Anforderungen an die Messung des Suchverhaltens.
Beispiel-Brief ansehen

Vom Brief zur Prüfung

  1. 01
    Durchsuchbares Material definieren

    Liste Inhaltstypen und Navigationsziele auf und wähle dann die Informationen, die ein Ergebnis für die Klickentscheidung braucht.

  2. 02
    Retrieval und Verfeinerung festlegen

    Gestalte Beibehaltung der Suchanfrage, Vorschläge, Tastaturnavigation, Trefferzahlen und einzeln entfernbare Filter.

  3. 03
    Erfolglose Suchanfragen behandeln

    Biete, wo unterstützt, Korrekturen oder breitere Wege an und bestimme Signale zu Suchanfragen und Abbrüchen, die beobachtet werden sollten.

02 Einsatzbereiche

Wann es sinnvoll ist

Suchdienste und Query-Instrumentierung liegen außerhalb dieser Anleitung.

Gut geeignet

  • Große KatalogeNützlich, wenn Nutzer Elemente anhand von Attributen finden müssen, statt in einer kleinen Hierarchie zu stöbern.
  • Hilfe bei erfolglosen SuchenHilft Teams, eine leere Ergebnisseite zu verbessern, die die Aufgabe derzeit beendet.

Grenzen prüfen

  • Keine SuchmaschineDie Quelle liefert weder ein Indexierungs-Backend noch implementiert sie Ranking-Algorithmen.
  • Keine Browse-ArchitekturEine gute Suchoberfläche macht verständliche Kategorien und Navigation nicht überflüssig.

Diese Eingaben mitbringen

  • InhaltstypenLiefere durchsuchbare Felder und die Metadaten, die Nutzer brauchen, um Ergebnisse zu unterscheiden.
  • Belege zu SuchanfragenFüge, falls vorhanden, häufige Suchanfragen, Beispiele ohne Treffer und navigationsorientierte Suchen bei.
  • Fähigkeiten des BackendsNenne verfügbare Tippfehlerbehandlung, Filter, Sortierung und Personalisierung, statt sie vorauszusetzen.

03 Wichtige Entscheidungen

Entscheidende Punkte

  1. Erklären, warum ein Ergebnis passt

    Ein hilfreiches Snippet oder ein Hinweis auf das passende Feld verringert das Raten vor dem Öffnen eines Ergebnisses.

  2. Filter bleiben umkehrbar

    Sichtbare, einzeln entfernbare Filter helfen Nutzern, eine eingeengte Ergebnismenge zu verstehen und rückgängig zu machen.

04 Beispielbriefing

Einen fokussierten Brief ausprobieren

Der folgende Beispiel-Brief wurde nicht getestet. Prüfe die Einrichtung des Skills, bevor du ihn verwendest.

Einrichtung prüfen

Nutze den dokumentierten Installationsweg des Repositorys und behalte alle referenzierten Begleitdateien. Dieser Eintrag beschreibt eine fokussierte Designmethode, keine ausführbare Anwendung.

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

Suchdienste und Query-Instrumentierung liegen außerhalb dieser Anleitung.

Mit einem Ergebnis beginnen

Passe Umfang, Quellmaterial und Rahmenbedingungen in diesem Brief an, bevor du den Skill ausführst.

Beispiel-Brief
Verwende search-ux für eine Bibliothek mit Design-Vorlagen, Autoren und Tutorials. Gestalte Vorschläge, gruppierte Ergebnisse und entfernbare Filter. Berücksichtige eine falsch geschriebene Suchanfrage ohne Treffer und eine navigationsorientierte Suchanfrage nach den Kontoeinstellungen. Kennzeichne jedes Verhalten, das Arbeit am Such-Backend erfordert.

Ergebnis prüfen

Prüfe das tatsächliche Ergebnis anhand dieser beobachtbaren Kriterien.

  • Die eingegebene Suchanfrage bleibt bei Verfeinerung und leeren Ergebnissen erhalten.
  • Angewendete Filter sind sichtbar und entfernbar.
  • Ergebnis-Metadaten helfen, ansonsten ähnliche Titel zu unterscheiden.

OpenDesign stellt einen lokalen Design-Arbeitsbereich für Coding-Agenten bereit. Dieser Eintrag bedeutet nicht, dass der Skill gebündelt ist oder dass seine externen Tools, Zugangsdaten und Software-Abhängigkeiten enthalten sind.

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, fixierte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellen-Eigentümer
Owl-Listener
Lizenz
MIT
Geprüfter Stand
2026-10-07 · 9a6930cf84a8
Redaktionelle Quellenzusammenfassung
Ein vollständiger Leitfaden für Suchoberflächen mit Eingabe, Vorschlägen, Darstellung der Rangfolge, Verfeinerung und Hilfe bei Suchen ohne Treffer.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, weder Skill-Nutzung noch Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Kann es Tippfehlertoleranz ergänzen?

Es kann das gewünschte Verhalten festlegen. Das Such-Backend muss dieses Verhalten unterstützen oder umsetzen.

Sollten Ergebnisse immer als Raster angezeigt werden?

Nein. Die Quelle unterscheidet zwischen Listen, die sich gut überfliegen lassen, und Rastern, bei denen visuelle Vorschaubilder das wichtigste Auswahlsignal sind.

Warum Navigationsziele einbeziehen?

Manche Suchanfragen drücken den Wunsch aus, einen bekannten Bereich des Produkts zu erreichen, statt ein Dokument zu finden.

OpenDesign

Schaffe Raum für die nächste Design-Iteration.

Halte Brief, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfe die Einrichtung des Skills selbst, bevor du ihn in deinen Workflow aufnimmst.

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