ArbeitenEigenprojekt von Colora Design
Eine Oberfläche, die selbst kein Reiz ist.
Gedeckte Farben, zwei Schriften, viel Abstand. Hier steht, wie die Oberfläche aussieht – und warum jede dieser Entscheidungen so getroffen ist.
- Art
- Eigenprojektkein Kundenauftrag
- Leistung
- Konzept, Inhalte, UX,
Gestaltung, Entwicklungalles aus einer Hand - Gestaltung
- Vier Töne, zwei SchriftenFarbwelt „Abendlicht“
Die Aufgabe war eine Gestaltungsfrage
Die Oberfläche richtet sich an Menschen, die Reize tiefer verarbeiten als die meisten. Alles Gestaltete musste deshalb eine Frage beantworten: Ist das selbst ein Reiz?
Üblich sind in solchen Anwendungen kräftige Akzentfarben, rote Zähler und Bildschirme voller Entscheidungen. Für diese Zielgruppe ist das kein Beiwerk – es ist der Grund, warum die Anwendung wieder zugeht.
Jede Farbe, jede Schriftgröße und jede Bewegung wurde deshalb an einem einzigen Maßstab gemessen: Erzeugt das Stress? Wenn ja, fiel sie raus – auch wenn sie gut aussieht.
Die Leitlinien, die daraus wurden
- Gedeckte, warme Farben. Kein reines Weiß, kein reines Schwarz, keine grellen Kontraste.
- Keine Gamification. Kein Streak, kein Tagessoll, keine roten Abzeichen, keine Druck-Sprache.
- Wenige Entscheidungen pro Bildschirm, großzügiger Weißraum, begrenzte Zeilenlänge.
- Ruhige, langsame Übergänge – und Respekt vor der Systemeinstellung für reduzierte Bewegung.
- Große Tippflächen, klare Beschriftungen, keine Überraschungen.
- Fehlermeldungen freundlich formuliert: „Versuch es in Ruhe noch einmal.“
Abendlicht: Farbe, Schrift, Ruhe
Die Farbwelt heißt Abendlicht. Leinen als Grund, Erde für den Text, Salbei für alles Handelnde, Abendsonne als warmer Akzent.
Kein reines Weiß, weil es auf dem Bildschirm sticht – die Karten liegen auf einem leicht wärmeren Ton als der Hintergrund, sodass Tiefe ohne harte Kanten entsteht.
Bei den Schriften trifft Gefühl auf Funktion: Überschriften in Lora, einer Serifenschrift mit ruhigem Charakter. Fließtext in Atkinson Hyperlegible, die das Braille Institute ausdrücklich für gute Lesbarkeit entwickelt hat – ähnliche Buchstaben wie I, l und 1 sind darin klar unterscheidbar.
Das Dashboard beginnt nicht mit Zahlen, sondern mit einer Begrüßung, dem Datum und einem einzigen Status. Der Verlauf der letzten sieben Tage steht daneben, nicht darüber. Und weil es Momente gibt, in denen niemand mehr suchen mag, ist die Ruhe-Insel von jeder Seite aus mit einem Griff erreichbar – ein ruhiger Knopf, der immer am Bildschirmrand bleibt.
- LeinenGrund
#f8f1e6 - ErdeText
#403931 - SalbeiHandeln
#55654a - AbendsonneAkzent
#8a5731
Was man nicht sieht, aber merkt
Drei Dinge, die zur Gestaltung gehören, auch wenn sie keine Farbe haben.
Kontraste auf Stufe AA
Gedeckt heißt nicht blass. Jede Kombination aus Text und Grund ist gegen WCAG AA gemessen – über alle Seiten und alle Bildschirmbreiten, mit einem eigenen Prüflauf.
Ab 320 Pixel
Vom kleinen Handy bis zum großen Monitor ohne seitliches Scrollen. Das Raster bricht um, die Schriftgrößen bleiben lesbar.
Bewegung nur auf Wunsch
Übergänge sind langsam und selten. Wer im System reduzierte Bewegung eingestellt hat, bekommt gar keine.
„Die schwerste Entscheidung war, was alles nicht hineinkommt. Kein Streak, kein Tagessoll, keine Erinnerung, die drängt. Bei dieser Zielgruppe ist jedes Feature, das antreibt, ein Feature, das schadet.“
Leise stark ist Selbsthilfe und ersetzt keine Diagnostik und keine Psychotherapie. Das steht nicht im Kleingedruckten, sondern in der Fußzeile jeder Seite der Anwendung. Die Hinweise für akute Krisen sind aus jeder Ansicht in einem Schritt erreichbar.
Du hast einen Ablauf im Kopf, für den es noch kein Programm gibt?
Unverbindlich und kostenlos · Antwort innerhalb von 24 Stunden
Erzähl mir, was deine Anwendung können soll
Am hilfreichsten ist der Satz „Jedes Mal, wenn …, muss ich …“. Daraus wird meistens schnell klar, worum es geht.