Freigeben über


Suchfelder

Anmerkung

Dieses Designhandbuch wurde für Windows 7 erstellt und wurde für neuere Versionen von Windows nicht aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und Beispiele spiegeln nicht unsere aktuelle Designleitfadenwider.

Mit einem Suchfeld können Benutzer bestimmte Objekte oder Text in einer großen Datengruppe schnell finden, indem Sie Übereinstimmungen filtern oder hervorheben. Es gibt kein standardmäßiges Suchsteuerelement, Aber Sie sollten bestrebt sein, die Suchfunktionen Ihres Programms mit denen von Windows konsistent zu machen.

Es gibt zwei Arten von Suchvorgängen:

  • Sofortsuche, wobei die Ergebnisse sofort angezeigt werden, während der Benutzer eingibt. Es muss keine Schaltfläche geklickt werden, sodass das Lupen-Suchsymbol als Grafik und nicht als Schaltfläche angezeigt wird.

    Screenshot, der ein Sofortsuchefeld mit einem Popup

    Ein typisches Suchfeld mithilfe der Sofortsuche. Die Suche wird bei jedem Tastenanschlag automatisch ausgeführt.

  • Reguläre Suche, wobei eine Suche ausgeführt wird, wenn der Benutzer auf die Suchschaltfläche klickt. Das Lupensymbol wird auf einer Schaltfläche angezeigt.

    Screenshot eines regulären Suchfelds

    Ein typisches Suchfeld mit normaler Suche. Benutzer klicken auf eine Schaltfläche, um die Suche auszuführen.

    Sie können für Ihre Benutzer eine oder beide Arten von Suchoptionen bereitstellen.

Ist dies das richtige Steuerelement?

Berücksichtigen Sie die folgenden Fragen, um sich zu entscheiden:

  • Sind bestimmte Objekte schwer zu finden? Dies kann passieren, wenn:
    • Es gibt viele Objekte.
    • Die Objekte befinden sich nicht an einer einzigen Position. Die Suche ist besonders nützlich, um Objekte in Bäumen zu finden.
    • Die Suchdaten sind schwer zu finden (z. B. Metadaten).
  • Müssen Benutzer bestimmte Texte in Dokumenten finden?
  • Gibt Ihr Feature relevante Suchergebnisse innerhalb von fünf Sekunden zurück? Wenn nicht, können Sie eine Suchfunktion bereitstellen, aber ein alternatives Design verwenden, das sichtbares Feedback gibt, um lange laufende Suchvorgänge, z. B. ein Suchdialogfeld, zu berücksichtigen.

Designkonzepte

Die Suche ist ein wichtiger erster Schritt in vielen Szenarien: Benutzer müssen Objekte finden, bevor sie sie verwenden können. Benutzer speichern immer mehr Objekte auf immer größeren Festplatten, aber das Suchen nach Objekten ist nicht gut skaliert. Die Suche muss ein einfacher, konsistenter und zuverlässiger Bestandteil der Benutzeroberfläche sein.

Suchfelder in Windows:

  • Sind Teil aller Explorer-Fenster, sodass sie leicht zu finden und zu erkennen sind.
  • Haben Sie ein einheitliches Aussehen und Verhalten.
  • Sind effizient und schnell, sodass sofortige Ergebnisse im Sofortsuchemodus erzielt werden.

Ein Suchfeld wird in Windows an folgenden Stellen verwendet:

  • Entdecker
  • Erfahrungen (Microsoft Windows Media Player, Windows-Fotogalerie, Windows Internet Explorer)
  • Startmenü (zum Suchen von Programmen und zuletzt verwendeten Dateien)
  • Startseite der Systemsteuerung (zum Suchen von Steuerelementelementen und Aufgaben)
  • Hilfe (um relevante Hilfethemen zu finden)

Aussehen und Verhalten

Das Gefühl der Suche in Windows wird durch die Unterstützung der Sofortsuche erheblich verbessert. Durch sofortige Ergebnisse wird Windows leistungsstärker und direkter.

In Windows Explorer und Anwendungsfenstern befindet sich die Suche in der oberen rechten Ecke, wenn es sich um einen zusätzlichen Einstiegspunkt handelt. In diesem Fall suchen Benutzer nach einem Suchmechanismus, wenn sie nicht finden, wonach sie im Fenster suchen. Wenn die Suche jedoch der primäre Einstiegspunkt ist, wird sie oben im Fenster zentriert.

Die Schaltfläche "Suchen" ist visuell mit einem Suchfeld verbunden. Um den Platz zu minimieren, wird eine optionale Eingabeaufforderung in einem Suchfeld anstelle einer Beschriftung verwendet. Bei der Eingabeaufforderung kann es sich um eine Anweisung (z. B. Typ für die Suche) oder um den Bereich der Suche (z. B. "Nach Bildern suchen") geben.

Screenshot eines Sofortsuchefelds

Ohne Bezeichnungen und separate Schaltflächen hat die Sofortsuche in Windows ein einfaches Aussehen.

Durch ausführen einer erfolgreichen Suche wird eine virtuelle Seite der Suchergebnisse erstellt und der Back-Stack- und Adressleiste hinzugefügt. Benutzer haben mehrere Möglichkeiten, die ursprüngliche Seite wiederherzustellen und ein Suchfeld zu löschen, z. B. auf "Zurück", auf die ursprüngliche Seite in der Adressleiste zu klicken, ESC zu drücken oder das Suchfeld zu löschen.

Benutzer können das Suchfeld auch einfach löschen, ohne eine vorherige Seite mit Ergebnissen wiederherzustellen. Im Sofortsuchemodus wird eine Schaltfläche "Löschen" angezeigt, nachdem der Benutzer mit der Eingabe begonnen hat; ein "x" ersetzt das Lupensuchsymbol. Beim Daraufzeigen erhält das "x" ein Erscheinungsbild und kann darauf geklickt werden.

Screenshot eines Suchfelds mit einem

Der Benutzer kann das Suchfeld löschen, indem er am rechten Ende des Steuerelements auf "x" klickt.

Im regulären Suchmodus ist die Schaltfläche "Löschen" optional. Benutzer können es hilfreich finden, z. B. wenn eine Suche lange dauert, bis sie abgeschlossen ist. Benutzer können auf das "x" klicken, um die Laufende Suche zu beenden. Wenn eine Suche bereits abgeschlossen ist, können Benutzer auf das "x" klicken, um das Suchfeld zu löschen.

Leitlinien

Ort

  • Suchen Sie für Anwendungsfenster in der oberen rechten Ecke nach "Suchen".
  • Suchen Sie bei Popupfenstern nach der Suche, wo immer sie sinnvoll und bequem ist.
  • Ausnahme: Wenn die Suche in der Regel das erste ist, was Benutzer in einem Fenster (dem primären Einstiegspunkt) tun, zentrieren Sie sie am oberen Rand des Fensters.

Schauen

  • Verwenden Sie die standardmäßigen Grafiken der Suchschaltfläche. Es gibt drei Versionen:
    • Lupensuche-Symbol nur (keine Schaltfläche beim Daraufzeigen). Wird für die Sofortsuche verwendet.
    • Lupensuche-Symbol mit Schaltfläche. Verwenden Sie diese Schaltfläche, wenn Sie auf die Schaltfläche klicken müssen, um die Suche zu starten.
    • Lupensymbol mit Schaltfläche und Dropdownpfeil. Fügen Sie einen Dropdownpfeil hinzu, wenn Benutzer den Bereich ändern können oder wenn andere Einstellungen verfügbar sind.
      • Verwenden Sie für die Sofortsuche nur einen Dropdownpfeil, und zeigen Sie beim Daraufzeigen eine Schaltfläche an.
      • Zeigen Sie für die normale Suche den Dropdownpfeil auf einer Schaltfläche an.

Abbildung von Sofortsuchfeldern in verschiedenen Zuständen

Visuelle Spezifikationen für die Sofortsuche.

Abbildung regulärer Suchfelder in verschiedenen Zuständen

Visuelle Spezifikationen für die normale Suche.

  • Verwenden Sie kein Etikett; verwenden Sie stattdessen eine optionale Eingabeaufforderung. Wenn Benutzer in der Regel davon ausgehen, dass es sich bei der Suche um eine generische Dateisuche handelt, verwenden Sie die Eingabeaufforderung, um den Bereich anzugeben. Verwenden Sie andernfalls "Type", um einen ähnlichen, präzisen Ausdruck zu suchen.

    Screenshot der Aufforderung

    Screenshot der Aufforderung

    In diesen Beispielen helfen kurze Textaufforderungen Benutzern bei der Arbeit mit der Suche.

Wechselwirkung

  • Wählen Sie beim Eingabefokus automatisch alle zuvor eingegebenen Text aus. Auf diese Weise können Benutzer eine neue Suche eingeben, indem Sie sie eingeben oder die vorherige Suche ändern, indem Sie das Caret mithilfe der Pfeiltasten positionieren.

    Screenshot des Suchfelds mit hervorgehobenen Text

    In diesem Beispiel wird zuvor eingegebener Text im Eingabefokus ausgewählt.

  • Tastenkombination für das Suchfeld strg+E zuweisen.

Funktionalität

  • Unterstützen Sie die Sofortsuche, wenn möglich. Stellen Sie sowohl normale als auch Sofortsuchen bereit, wenn es Szenarien gibt, in denen die regelmäßige Suche die zusätzliche Wartezeit wert ist.
  • Regelmäßige Suchen müssen relevante Ergebnisse innerhalb von fünf Sekunden zurückgeben, und die Sofortsuche muss Innerhalb von zwei Sekunden Ergebnisse zurückgeben. Nach diesem Punkt füllt die Suche möglicherweise weiterhin weniger relevante Ergebnisse im Laufe der Zeit aus, solange das Programm reaktionsfähig ist und Benutzer andere Aufgaben ausführen können. Möglicherweise müssen Sie Ihre Suchdaten indizieren, um diese Reaktionsfähigkeit sicherzustellen.
  • Wenn Sie sowohl reguläre als auch Sofortsuchemodi bereitstellen, müssen die Sofortsuchergebnisse eine Teilmenge der regulären Suchergebnisse sein.
  • Alle Suchvorgänge sind präfixbasiert (keine Teilzeichenfolge oder Suffixsuche). Die Verwendung von nachgestellten Wildcardzeichen ist optional und wirkt sich nicht auf die Ergebnisse aus. Wenn mehrere Wörter eingegeben werden, verwenden Sie OR-Suche.
  • Eine erfolgreiche Suche fügt eine virtuelle Seite mit den Suchergebnissen zum Stapel "Zurück" und "Adressleiste" hinzu. Mehrere Suchvorgänge führen zu einer einzelnen virtuellen Seite, sodass durch Klicken auf "Zurück" immer die ursprüngliche Seite zurückgegeben wird.
  • Bewerten Sie die Suchergebnisse bei Bedarf nach Relevanz.
  • Eine leere Suche gibt die ursprüngliche Seite zurück.

Abbildung der Größe und des Abstands des Sofortsuchefelds

Empfohlene Größenanpassung und Abstände für die Sofortsuche.

Abbildung der normalen Größe und des Abstands

Empfohlene Größenanpassung und Abstand für die normale Suche.

Text

  • Geben Sie für den Text der Eingabeaufforderung im Suchfeld entweder eine Anweisung an (z. B. "Zu suchen eingeben") oder geben Sie den Suchbereich an (z. B. nach Bildern suchen).
  • Eingabeaufforderungstext sollte kurz sein. Ein einzelnes Wort oder ein kurzer Ausdruck sollte ausreichen.
  • Verwenden Sie großgeschriebene Sätze.
  • Verwenden Sie keine endende Interpunktion oder auslassungspunkte.

Dokumentation

  • Verweisen Sie auf dieses Steuerelement als Suchfeld. Großbuchstaben des ersten Worts; Großbuchstaben des Felds nicht großgeschrieben.
  • Verweisen Sie auf die beiden Suchtypen als Sofortsuche und normale Suche. Großschreibung des anfangsbuchstabens der Sofortsuche; Großbuchstaben der regulären Suche nicht groß schreiben.

Glossar-