Unser Farbsystem

Jede Farbe erzählt eine Geschichte - verstehen Sie auf einen Blick, was jeder Button bewirkt

Wichtig
Erstellen
Ändern
Anschauen
Navigation
Achtung
Arbeiten Sie effizienter mit unserem intuitiven Farbsystem

Entdecken Sie, wie jede Farbe Ihnen hilft, schneller zum Ziel zu kommen

Navigation leicht gemacht

(Warum wir Farben verwenden)

Jede Farbe hat ihre Bedeutung - für eine bessere Benutzererfahrung

Warum Farben in TeamHUB?

Unser Farbsystem hilft Ihnen dabei, auf einen Blick zu erkennen, was eine Schaltfläche bewirkt. Sie müssen nicht mehr jeden Text lesen - die Farbe verrät Ihnen sofort, ob Sie etwas Neues erstellen, bestehende Inhalte bearbeiten oder wichtige Aktionen ausführen.

Weniger nachdenken, mehr produktiv arbeiten!

Die 6 Farben und ihre Bedeutung

Blau

Das Wichtigste zuerst

Was bedeutet Blau?

Blaue Schaltflächen sind die wichtigsten auf jeder Seite. Hier finden Sie die Hauptaktion, die Sie wahrscheinlich ausführen möchten.

Beispiele: "Speichern", "Senden", "Weiter", "Bestätigen"

Tipp: Schauen Sie zuerst nach der blauen Schaltfläche - das ist meist das, was Sie suchen!
Grün

Neues erstellen

Was bedeutet Grün?

Grüne Schaltflächen bedeuten: "Hier entsteht etwas Neues!" Ob ein neues Projekt, eine neue Datei oder ein neuer Kontakt.

Beispiele: "Neu erstellen", "Hinzufügen", "Hochladen", "Projekt starten"

Merkhilfe: Grün wie wachsende Pflanzen - hier wächst etwas Neues!
Orange

Bestehende Inhalte ändern

Was bedeutet Orange?

Orange signalisiert: "Hier wird etwas Bestehendes verändert." Sie bearbeiten, verschieben oder passen bestehende Inhalte an.

Beispiele: "Bearbeiten", "Umbenennen", "Verschieben", "Einstellungen ändern"

Gut zu wissen: Orange bedeutet nicht "Gefahr", sondern einfach "Änderung"
Hellblau

Anschauen und informieren

Was bedeutet Hellblau?

Hellblaue Schaltflächen zeigen Ihnen Informationen an oder lassen Sie Inhalte betrachten, ohne sie zu verändern.

Beispiele: "Ansehen", "Details", "Vorschau", "Bericht", "Herunterladen"

Sicher: Hier wird nichts verändert - Sie können bedenkenlos klicken!
Grau

Zurück und Alternativen

Was bedeutet Grau?

Graue Schaltflächen sind für Aktionen, die nicht im Vordergrund stehen. Navigation, Alternativen oder weniger wichtige Optionen.

Beispiele: "Zurück", "Abbrechen", "Schließen", "Kopieren", "Teilen"

Navigation: Oft für Wege zurück oder zusätzliche Optionen
Rot

Achtung: Wichtige Entscheidungen

Was bedeutet Rot?

Rote Schaltflächen fordern Ihre besondere Aufmerksamkeit. Hier werden Inhalte gelöscht oder wichtige Verbindungen getrennt.

Beispiele: "Löschen", "Entfernen", "Abmelden", "Projekt beenden"

Wichtig: Denken Sie zweimal nach, bevor Sie auf Rot klicken!

Praktische Beispiele

(So sehen Sie es in TeamHUB)

Typische Situationen und ihre Farben

MYKI Chat

🔵 "Neuer Chat" - Chat erstellen

🟠 "Chat umbenennen" - Chat-Name ändern

🔴 "Chat löschen" - Chat entfernen

ToDo Verwaltung

🔵 "Neue Aufgabe" - Aufgabe erstellen

🔵 "Ansicht ändern" - Darstellung anpassen

🟢 "Vorlage" - Aus Vorlage erstellen

Kontakt Verwaltung

🔵 "Neuer Kontakt" - Kontakt erstellen

🔵 "Speichern" - Änderungen sichern

Benutzerverwaltung

🟢 "Benutzer hinzufügen" - Neu

🟠 "Rechte ändern" - Bearbeiten

🔴 "Benutzer entfernen" - Löschen

Schnelle Orientierungshilfen

(Tipps für den Alltag)

Was will ich erreichen?

  • Etwas Neues machen → Grün
  • Etwas anschauen → Hellblau
  • Etwas ändern → Orange
  • Die Hauptsache erledigen → Blau
  • Zurück oder Alternative → Grau
  • Etwas löschen → Rot

Sicherheits-Tipps

  • ✅ Hellblau ist immer sicher
  • ✅ Grün erstellt nur Neues
  • ⚠️ Orange verändert Bestehendes
  • ⚠️ Rot kann nicht rückgängig gemacht werden
  • 💡 Grau für Navigation nutzen

Eindeutige Beschriftungen

(Klarheit in jedem Button)

Bei TeamHUB wissen Sie immer, was passiert

Jeder Button hat einen klaren Namen

Alle Schaltflächen in TeamHUB sind eindeutig beschriftet. Sie müssen nie raten, was ein Button bewirkt - der Text sagt es Ihnen direkt.

Beispiele: "Speichern", "Neuer Kontakt", "Chat löschen", "Vorlage erstellen"

Universelle Symbole

Nur bei weltweit verständlichen Symbolen verzichten wir auf Text:

▶️ Abspielen

⏸️ Pause

⏹️ Stop

❌ Schließen

Besonderheit

Anzeigen/Öffnen in Übersichten

Eine Ausnahme: In Listen und Übersichten finden Sie das Symbol ohne Text.

Dieses Symbol bedeutet "Anzeigen/Öffnen" - Sie können aber auch auf einen beliebigen Punkt der Zeile/Card klicken, um die Details zu öffnen.

Tipp: In Tabellen und Listen reicht ein Klick irgendwo auf die Zeile - das Symbol ist nur ein visueller Hinweis.