Farbcodierung für mehr Klarheit: Eine Hotspot-Best Practice in GRAVITY
Mehr Übersicht und bessere UX in GRAVITY mit bis zu drei farbcodierten Hotspots – zur klaren Unterscheidung von Inhalten.
Klarheit ist entscheidend – besonders bei In-App-Guidance. Mit GRAVITY ist eine der einfachsten und wirkungsvollsten Methoden zur Verbesserung von Übersicht und Konsistenz die gezielte Nutzung von Hotspot-Farben. Hotspots sind nicht nur aufmerksamkeitsstarke Marker – sie dienen auch als visuelle Orientierungshilfen und leise Wegweiser durch komplexe Inhalte.
Best Practice: Farben zur Kennzeichnung von Inhaltstypen nutzen
Wenn Sie Hotspots verwenden, um verschiedene Inhaltstypen innerhalb Ihrer Anwendung zu vermitteln, empfiehlt es sich, gezielt unterschiedliche Farben einzusetzen. Eine bewährte Praxis, die einige unserer Kund*innen bereits erfolgreich nutzen:
- Schwarze Hotspots für Governance-bezogene Inhalte – z. B. Richtlinien, Compliance-Updates oder Entscheidungsgrundlagen.
- Weiße Hotspots für Prozess-Updates – z. B. Schritt-für-Schritt-Anleitungen, In-App-Hinweise oder neue Funktionen.
Diese visuelle Codierung hilft Nutzer*innen dabei, sich schneller zu orientieren und die Art der Information besser einzuschätzen – schon bevor sie klicken. Das reduziert Reibungspunkte und beschleunigt das Onboarding.
Warum das funktioniert
Farben sind mehr als Design – sie sind Kognition. Unser Gehirn verbindet Farben blitzschnell mit Bedeutung. Durch den gezielten und konsistenten Einsatz von Farben in Ihrer Guidance bauen Sie eine Art visuelle Legende in Ihre Anwendung ein. Das verbessert langfristig die Benutzerfreundlichkeit und das Vertrauen – besonders in komplexen, dynamischen Umgebungen.
Nutzen Sie die Digitale Adoption Plattform von morgen - GRAVITY
Sichern Sie sich Plätze in der ersten Reihe!
Nehmen Sie an unserem "Author Call" teil - bleiben Sie mit den neuesten Trends auf der Höhe der Zeit!
Bis zu 3 Hotspot-Farben pro Seite definieren
Mit GRAVITY können Sie bis zu drei individuelle Hotspot-Farben pro Seite oder Anwendung festlegen – direkt im Admin Site. Nach dem Festlegen stehen diese Farben allen Autor*innen während der Inhaltserstellung zur Auswahl. So entsteht eine klare und einheitliche visuelle Struktur.
Sie wissen nicht, wo Sie die Farben einstellen können? Wenden Sie sich an Ihren GRAVITY-Admin.
Sie sind GRAVITY-Admin und haben Fragen? Melden Sie sich gerne bei uns – wir unterstützen Sie gern!
So legen Sie Ihre Hotspot-Farben fest
- Wechseln Sie in den Edit-Mode in GRAVITY.
- Navigieren Sie zu Schritt 2 im Erstellungsprozess.
- Unter Aussehen des Callouts> Hotspot-Farbe wählen Sie die gewünschte Farbe aus.
- Wählen Sie eine Farbe passend zum Inhaltstyp (z. B. Governance, Prozesse, Support).
- Wiederholen Sie diesen Schritt für jede Content-Einheit – immer mit der passenden Farbe.
Diese Struktur ermöglicht es Teams, eine eigene Farblogik zu entwickeln – z. B. nach Abteilungen, Inhaltstypen oder Priorität – und dennoch konsistent und nutzerfreundlich zu bleiben.
Neu in GRAVITY 1.34: Farbcodierte Callouts
Ab Ende Juli bringt Version 1.34 von GRAVITY eine weitere Funktion: farbcodierte Callouts! Das heißt, zusätzlich zu den Hotspot-Farben können Autor*innen künftig auch das Design des Callouts farblich an den Hotspot anpassen – für ein durchgängiges, visuelles Nutzererlebnis.
Zum Beispiel:
- Ein blauer Hotspot öffnet ein blau eingerahmtes Callout – sofort erkennbar als Governance-Inhalt.
- Ein roter Hotspot öffnet ein rot gestaltetes Callout – ideal für Aufgaben oder Schritt-für-Schritt-Anleitungen.
Diese erweiterte Steuerung ermöglicht noch gezieltere, markenkonforme und intuitive Guidance-Erlebnisse.
Neugierig auf mehr? Besuchen Sie unsere Seite GRAVITY Future.
Schnelle Tipps für die Umsetzung
- Verwenden Sie konsequent Ihre drei definierten Farben. Es geht nicht um Vielfalt, sondern um Klarheit. Alle im Team sollten wissen, was jede Farbe bedeutet – und sie einheitlich einsetzen.
- Barrierefreiheit beachten: Wählen Sie kontrastreiche, farbenblinde-freundliche Farben – und achten Sie stets auf den Hintergrund, um gute Lesbarkeit zu gewährleisten.
- Dokumentieren Sie Ihre Farblogik intern, damit alle Autor*innen nach dem gleichen System arbeiten.
- Labeln Sie Ihre Inhalte klar – z. B. durch Tags im Callout-Titel wie „[Governance] Richtlinien-Update“.
Kleine UX-Details = Große Wirkung
Ein paar Minuten Investition in eine konsistente Farbcodierung können den Unterschied machen: Sie verbessern, wie Nutzer*innen Inhalte wahrnehmen, verstehen und damit interagieren. Eine subtile Änderung mit nachhaltigem Effekt – gerade dort, wo Klarheit und Effizienz zählen.
Sie haben bereits eine clevere Farbstrategie? Teilen Sie sie mit uns – wir freuen uns immer über gute GRAVITY-Beispiele aus der Praxis.
Ramona Lescesen
Nach Abschluss meines Masterstudiums in Großbritannien hatte ich die Möglichkeit, meine Karriere in der pulsierenden Start-up-Szene Londons zu beginnen. Ich hatte das Privileg zu sehen, wie sich ein Start-up zu einem globalen Marktführer entwickeln kann. Dabei habe ich gelernt, wie wichtig gute Kommunikation ist und wie man die wichtigsten Beziehungen eines Unternehmens - seine Kunden - am besten pflegt.
