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.
Auf dieser Seite
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:
Die drei Zustände
Saving…
Saved
Not saved
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: das Abblenden, die Zeichnung und das Wort.
- Notice: die Worte des Ergebnisses, über dem Container.
- Large screens: warum die Rückmeldung nicht in den Eck geht.