# Feedback vor Ort

Das Feedback einer Aktion findet dort statt, wo sie passiert ist: der Container zeigt an, dass er arbeitet und wie er ausgegangen ist, und die Worte kommen direkt darüber.

## Die Regel

Jede Aktion, die Zeit braucht oder einen Zustand ändert, antwortet im sehr Container, in dem sie passiert ist: während sie läuft, wird der Container gedimmt und eine handgezeichnete Linie dreht sich in der Mitte; am Ende ein Häkchen in Moos oder ein X in Wein, und das Notice kommt direkt darüber mit den Worten. Kein Toast in einer Ecke des Bildschirms.

Test result:

### Erminnerung

Name

## Die drei Zustände

Saving…

Laden

Saved

Es hat funktioniert

Not saved

Es ist fehlgeschlagen

## Die Abfolge

-   **Laden:** das Dimmen kommt (320ms) und die Linie dreht sich bis zur Antwort eintrifft. Der Container nimmt keine Berührungen, und eine zweite Einreichung wird ignoriert.
-   **Erfolgreich:** das Häkchen wird in Moos gezeichnet, bleibt für einen Moment, und das Dimmen verlässt. Das Erfolg-Notice kommt direkt darüber.
-   **Erfolglosigkeit:** Das X wird in Weinrot gezeichnet, bleibt einen Moment stehen und die Schatten lassen nach. Die Fehler-Benachrichtigung erscheint darüber und nimmt den Fokus; was die Person geschrieben hat, ist noch da.
-   **Reduzierte Bewegung:** Nichts dreht sich oder wird gezeichnet; das Bild erscheint fertiggestellt, und das Wort sagt den Rest.

## Mach es und mach es nicht

Do

Das Formular schaltet ab und zeigt das Häkchen; die "Erminnerung gespeichert"-Benachrichtigung erscheint direkt darüber.

Rückmeldung zeigt an, wohin der Mensch blickt, auf jedem Bildschirmgrößen.

Don’t

Eine "Gespeichert!"-Toast-Benachrichtigung im unteren Eck des Fensters, die in 3 Sekunden verschwindet.

Auf einem 4K-Bildschirm ist das Eck ein halbes Meter vom Formular entfernt: der Mensch speichert und sieht nicht, ob es funktioniert hat.

## Schreiben

-   Laden: das Verb im -ing-Form ("Speichern...", "Löschen...").
-   Ende: ein oder zwei Wörter ("Gespeichert", "Nicht gespeichert"). Die Benachrichtigung trägt den ganzen Satz und was zu tun ist.

## Komponenten

-   [StatusOverlay](../confirmacao.html#status-overlay): das Abblenden, die Zeichnung und das Wort.
-   [Notice](../feedback.html#notice): die Worte des Ergebnisses, über dem Container.
-   [Large screens](/de/design/telas-grandes/): warum die Rückmeldung nicht in den Eck geht.