Ratgeber: Filterzustand im Link ändern, ohne jeden Zwischenschritt im Verlauf anzuhäufen

Viele Eingaben, aber nur eine Ansicht

In einer Produktsuche wird ein Preisbereich mehrfach verändert, bevor die Person einen Treffer öffnet. Würde jede kleine Korrektur einen eigenen Verlaufsschritt erzeugen, könnte der Zurück-Knopf unerwartet viele Zwischenstände durchlaufen. MDN beschreibt replaceState als Austausch des aktuellen Verlaufseintrags einschließlich Zustand und optionaler Adresse. Die neue Adresse muss denselben Ursprung haben. Die Änderung lädt die genannte Seite nicht automatisch und prüft auch nicht, ob sie existiert. Dieser Fachratgeber ordnet die bestehende History-Schnittstelle ein.

Navigation als Produktentscheidung behandeln

Lege für deinen Prototyp fest, welche Handlung einen neuen, bewusst erreichbaren Schritt darstellen soll. Eine abgeschlossene Suche und ein laufend korrigierter Eingabewert können unterschiedliche Bedeutungen haben. Unser Beispiel ersetzt während der Vorbereitung den Zustand der aktuellen Suche. Das Öffnen eines konkreten Treffers bleibt eine eigene Navigation. Diese Regel ist eine Entscheidung für die Bedienung und muss mit den Erwartungen der Zielgruppe geprüft werden.

Schreibe eine kurze Abfolge auf: Startseite, Suche, mehrere Filterkorrekturen, Treffer. Daneben notierst du, wohin ein einzelner Druck auf Zurück führen soll. So wird ein sonst unsichtbares Verhalten bereits im Bauauftrag überprüfbar.

Adresse und sichtbare Ergebnisse zusammenhalten

Eine geänderte Adresszeile aktualisiert deine Trefferliste nicht von selbst. Plane daher eine gemeinsame Verarbeitung des Filterzustands für Darstellung und Link. Öffne die resultierende Adresse in einem neuen Fenster. Wenn dort eine andere Auswahl erscheint, fehlt die Wiederherstellung aus dem Link. Prüfe auch das vollständige Neuladen. Der Server oder die gewählte Seitenstruktur muss die tatsächlich verwendete Adresse sinnvoll beantworten können.

Den Verlauf mit einem Menschen ausprobieren

Lass eine Testperson drei Filter ändern, einen Treffer öffnen und zurückgehen. Sie soll die gewünschte Suche wiederfinden, ohne Zwischenstände erraten zu müssen. Teste danach Vorwärts und einen direkt eingefügten Link. Verwende keine vertraulichen Eingaben als öffentlich sichtbare Parameter. Halte in der Betriebsanleitung kurz fest, welche Filter im Link gespeichert werden und welche nur vorübergehend im Formular stehen. Eine gute Umsetzung optimiert damit nicht bloß die Adresszeile. Sie macht die Rückkehr zu einer Entscheidung nachvollziehbar und erhält einen zuverlässig teilbaren Zustand.