Symbol Designsystem

Sorgen Sie dafür, dass das Symbol in jeder Größe erkennbar und aussagekräftig ist.

5 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Verwenden Sie eine einheitliche BildspracheHalten Sie Striche, Winkel und visuelle Abmessungen im selben Satz gleich.Symbolnamen sollten die Figur beschreiben; Die betriebliche Bedeutung liegt im Kontrolletikett.Beispiel Das gleiche „Papierkorb“-Bild trägt je nach Kontext die Bezeichnung „Entwurf löschen“ oder „Mitglied löschen“.Überprüfen Sie die tatsächliche GrößeProbieren Sie kleine Größen, dünne Linien und Bildschirme unterschiedlicher Dichte aus, um Detailverluste zu vermeiden.Probieren Sie die richtige Größe aus, um Details zu nutzen und zu vereinfachen, wenn das Bild schwer zu erkennen ist. Schauen Sie sich nicht nur die vergrößerte Version an.

Interaktion und Benutzerfreundlichkeit

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

Es gibt Beschriftungen für Symbole, die eine Bedeutung habenSchaltflächen, die nur Symbole enthalten, benötigen einen Benutzernamen. Dekorative Symbole werden von der Werkzeugunterstützung ignoriert.Wenn ein Bild mehrere Interpretationen zulässt, fügen Sie eine sichtbare Beschriftung oder Erklärung hinzu, anstatt sich ausschließlich auf den versteckten Benutzernamen zu verlassen.Behalten Sie Kontraste und ergänzende Akzente beiVerwenden Sie Änderungen der Symbolfarbe nicht nur, um Status oder Fehler anzuzeigen.Die Statusfarbe muss von anderen Markierungen begleitet werden; Dekorative Symbole und Informationssymbole müssen nicht die gleiche Bedeutung haben.

Vervollständigen Sie das Erlebnis

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

Benennen Sie Bibliothekssymbole nach ihrer visuellen FormVerwenden Sie stabile Namen, die Symbolformen und -varianten beschreiben. Erklären Sie die Aktion anhand der Beschriftung, an der das Symbol verwendet wird.Die gleiche Stiftform kann mehrere Aktionen darstellen. Halten Sie den visuellen Namen getrennt von Aktionsbezeichnungen wie „Bearbeiten“ in der Benutzeroberfläche.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Verwenden Sie eine einheitliche Bildsprache

Symbolnamen sollten die Figur beschreiben; Die betriebliche Bedeutung liegt im Kontrolletikett.

BEISPIELE

Anwendungsbeispiele

Verwenden Sie eine einheitliche Bildsprache

Das gleiche „Papierkorb“-Bild trägt je nach Kontext die Bezeichnung „Entwurf löschen“ oder „Mitglied löschen“.

Symbol Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Verwenden Sie eine einheitliche Bildsprache

Anwendungsbeispiele

Verwenden Sie eine einheitliche Bildsprache

Symbolstil

Größe und Bedienfläche

Namen passend zur Bedeutung

Checkliste suchen

Keine Checklisten gefunden

Symbol Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Verwenden Sie eine einheitliche Bildsprache

Anwendungsbeispiele

Verwenden Sie eine einheitliche Bildsprache

Varianten und Anwendungsfälle

Symbolstil

Größe und Bedienfläche

Namen passend zur Bedeutung