Zum Hauptinhalt springen

Icons

Icons unterstützen die Benutzeroberfläche der Platrona-Plattform und erleichtern die Orientierung innerhalb aller Anwendungen.

Sie ergänzen Texte und Aktionen, ersetzen diese jedoch nicht.

Das Ziel ist eine klare, moderne und einheitliche Benutzerführung.


Ziel

Das Icon-System verfolgt mehrere Ziele:

  • Schnellere Orientierung
  • Einheitliche Darstellung
  • Wiedererkennbarkeit
  • Unterstützung der Benutzerführung
  • Konsistenz über alle Anwendungen

Verwendung

Icons werden in sämtlichen Bereichen der Plattform eingesetzt.

Dazu gehören unter anderem:

  • Website
  • Panel
  • Launcher
  • Security App
  • Dokumentation

Alle Anwendungen verwenden dieselbe Icon-Bibliothek.


Einsatzbereiche

Icons können unter anderem verwendet werden für:

  • Navigation
  • Buttons
  • Statusanzeigen
  • Benachrichtigungen
  • Warnungen
  • Informationen
  • Projekte
  • Benutzer
  • Einstellungen

Kombination mit Text

Icons dienen ausschließlich als Unterstützung.

Wichtige Funktionen sollten grundsätzlich zusätzlich durch einen Text beschrieben werden.

Dadurch bleibt die Benutzeroberfläche verständlich und barrierefrei.


Konsistenz

Für dieselbe Funktion wird innerhalb der gesamten Plattform immer dasselbe Icon verwendet.

Beispiele:

  • Benutzer
  • Projekte
  • Einstellungen
  • Sicherheit
  • Nachrichten

Dadurch entsteht ein einheitliches Benutzererlebnis.


Gestaltung

Icons sollten:

  • klar erkennbar sein,
  • einheitliche Größen besitzen,
  • zum übrigen Design passen,
  • nicht überladen wirken.

Dekorative Icons sollten sparsam eingesetzt werden.


Statusicons

Statusinformationen können zusätzlich durch Icons dargestellt werden.

Beispiele:

SymbolBedeutung
Erfolgreich
ℹ️Information
⚠️Warnung
Fehler
🔒Sicherheit
In Bearbeitung

Die Bedeutung dieser Symbole bleibt innerhalb der gesamten Plattform identisch.


Barrierefreiheit

Icons ersetzen keine Texte.

Alle wichtigen Informationen müssen auch ohne Interpretation eines Symbols verständlich sein.

Dadurch bleibt die Plattform möglichst barrierefrei.


Erweiterbarkeit

Neue Icons können ergänzt werden, sofern sie sich in das bestehende Design-System einfügen.

Bereits verwendete Symbole sollten nicht ohne wichtigen Grund ausgetauscht werden.


Grundsatz

Icons unterstützen die Benutzerführung.

Sie ergänzen Informationen und erleichtern die Orientierung, ersetzen jedoch niemals verständliche Texte.


Ein konsistentes Icon-System verbessert die Orientierung und sorgt für eine einheitliche Benutzererfahrung auf der gesamten Platrona-Plattform.