Focus Task

Eine einzelne Seite ohne Navigation, damit sich Nutzer auf eine bestimmte Aufgabe konzentrieren können.
Vorschau
focus-task.tsx
focus-task.module.css

Verwendung

Ein Focus Task ist eine einzelne Seite ohne umgebende Navigation. Verwende ihn für einen klar abgegrenzten Vorgang wie Registrierung, Anmeldung, Konfiguration oder Bestellung. Ohne Navigation bleibt der Nutzer auf die eine Aufgabe konzentriert und schließt sie zielgerichtet ab.


Aufbau

  • Content – Die Aufgabe liegt in einer LayoutCard: Eingaben und Aktionen stehen direkt darin, ohne umgebende Navigation.
  • Footer – Hier lassen sich Links platzieren, etwa Verweise auf Datenschutz oder Impressum.

Varianten und Abwandlung

Konfigurations-Aufgabe

Auch eine mehrteilige Aufgabe bleibt ein Focus Task, solange sie ohne Navigation auf ein Ziel führt. Über die ActionGroup gelangt der Nutzer zum jeweils nächsten Schritt.

Vorschau
focus-task-bestellung.tsx
focus-task-bestellung.module.css

Auf dieser Seite