Laden Designsystem

Zeigt an, dass die Aufgabe ausgeführt wird und wann sie verarbeitet werden muss.

6 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Geben Sie die bearbeitete Arbeit anSchreiben Sie einen Status, der an eine Aufgabe gebunden ist, anstatt nur ein sich drehendes Symbol zu haben.Der Prozentsatz wird nicht angezeigt, wenn das System den tatsächlichen Fortschritt nicht gemessen hat.Beispiel „Verarbeitung von 4 Dateien“ statt eines lange festgelegten Fortschritts von 99 %.Reagieren Sie früh genugZeigt den Eingang einer Aktion an und vermeidet blinkende Indikatoren für den sofortigen Abschluss.Reagieren Sie sofort auf Aktionen, aber vermeiden Sie ein Symbol, das zu schnell erscheint und wieder verschwindet, wenn die Aufgabe sofort erledigt ist.Halten Sie den nicht betroffenen Teil nutzbarSperren Sie nur das Notwendige und verhindern Sie, dass doppelte Anfragen gesendet werden.Wenn nur ein Teil geladen werden muss, halten Sie den anderen Teil bereit und geben Sie an, welcher Teil wartet.

Interaktion und Benutzerfreundlichkeit

Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.

Kommunizieren Sie sinnvolle FortschritteLesen Sie den Status des Support-Tools und beachten Sie die Bewegungsreduzierung.Das Support-Tool muss ein sinnvolles Update erhalten, anstatt ständig dieselbe Download-Nachricht erneut zu lesen.Es gibt einen Ausweg aus dem WartenWenn es zu lange dauert, geben Sie die Situation deutlich an, brechen Sie den Vorgang ab oder versuchen Sie es erneut und bewahren Sie die erforderlichen Daten auf.Das Ausprobieren einer Aufgabe ist sehr langsam und wenn die Verbindung zum Testen unterbrochen wird, hat der Benutzer die Möglichkeit, den Vorgang abzubrechen, erneut zu versuchen oder die Ergebnisse zu überprüfen.

Vervollständigen Sie das Erlebnis

Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.

Definieren Sie Ladeindikatoren für unterschiedliche HintergründeWählen Sie den Indikator, die Größe und die Platzierung so, dass der Ladevorgang auf hellen, dunklen und Bildhintergründen sichtbar bleibt.Wenn es sich bei dem Indikator nur um ein Symbol handelt, stellen Sie Varianten bereit, die vor unterschiedlichen Hintergründen funktionieren. Bewegung ersetzt keinen Kontrast oder klaren Statustext.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Geben Sie die bearbeitete Arbeit an

Der Prozentsatz wird nicht angezeigt, wenn das System den tatsächlichen Fortschritt nicht gemessen hat.

BEISPIELE

Anwendungsbeispiele

Geben Sie die bearbeitete Arbeit an

„Verarbeitung von 4 Dateien“ statt eines lange festgelegten Fortschritts von 99 %.

Laden Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie die bearbeitete Arbeit an

Anwendungsbeispiele

Geben Sie die bearbeitete Arbeit an

Darstellung des Wartezustands

Die Wartezeit erklären

Kontext des Vorgangs

Checkliste suchen

Keine Checklisten gefunden

Laden Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie die bearbeitete Arbeit an

Anwendungsbeispiele

Geben Sie die bearbeitete Arbeit an

Varianten und Anwendungsfälle

Darstellung des Wartezustands

Die Wartezeit erklären

Kontext des Vorgangs