Horizon One · Screen-Audit · 30.10.2026

Jeder Screen, wie er ist, und wie er sich besser verpacken lässt

71 Screens mit 233 erfassten Zuständen (Ansicht, Reiter, Menüs, Dialoge), Desktop 1440 × 900, Hauptscreens zusätzlich iPad. Jeder Screen hat eine eigene Seite mit Screenshot links und nachgebautem Vorschlag rechts, Begründung und 3 bis 6 Maßnahmen mit Aufwand.

71Screens mit eigener Seite
10stark überladen
19dicht
321Maßnahmen (198 × S, 116 × M, 7 × L)
19 → 13Menüpunkte im Vorschlag

Kurzfassung

Die 5 überladensten Screens

  1. Projekt (Detail) (Index 249): Der „Überblick“ besteht aus vier Karten mit je 1 bis 3 Zeilen und „Alle anzeigen“, die eigentliche Arbeit liegt im Reiter „Einheiten“: 210 Bedienelemente, 10 Spalten, abgeschnittene Filter („All…“, „Alle P…“) und ein zweites „Kein Exposé“-Banner pro Gebäude.
  2. Portale (Arbeitsplatz) (Index 243): Mit 186 Bedienelementen auf 5,3 Bildschirmhöhen ist der Portal-Arbeitsplatz einer der überladensten Screens: 50 Zeilen mit je 3 gestapelten Status-Chips, 2 Warnbänder und 5 Filterchips, bevor die erste Einheit kommt. Die Antwort auf „Was muss ich heute tun?“ steht dreimal da (13 Punkte, 5 Anzeigen, 42 Einheiten).
  3. Deals (Liste und Board) (Index 211): Mit 177 Bedienelementen der dichteste Listen-Screen: 50 Zeilen mit je einem eigenen Auswahlfeld für „Zuständig“, vier Kopfknöpfe und ein „Kein nächster Schritt“ in Warnfarbe bei fast jeder Zeile. Die Standardansicht „Alle“ mischt 19 verlorene Deals unter die aktiven.
  4. Neuer Termin (Index 200): 199 Bedienelemente, davon rund 175 Zeitfelder im Wochenraster. Das Formular selbst hat 4 Abschnitte und 16 Felder und ist besser als sein Ruf, nur lässt es beim Datum offen, ob der Wunschtermin kollidiert.
  5. Eingang: Anrufe (Index 181): 134 Bedienelemente und 3,4 Bildschirmhöhen: 50 Zeilen laden auf einmal, in 7 Spalten, und fast jede Zeile hat „Rückruf“, „Kontakt anlegen“ und ⋯. Die Liste wirkt wie ein Protokoll, dabei will man vor allem wissen, wen man zurückrufen muss.

Was sich durchzieht

Horizon One ist ordentlich gebaut und zeigt zu viel auf einmal: Fast alles, was es gibt, steht offen da. Die meisten Verbesserungen sind deshalb Verpackung, keine neuen Funktionen.

  • Gleiche Daten mehrfach auf Detailseiten: Im Deal steht die Einheit dreimal, die Quelle dreimal, der Preis widersprüchlich.
  • Lange Reihen gleichartiger Blöcke ohne „Mehr anzeigen“: 7 Portalblöcke je Einheit, 23 Einrichtungsschritte, alle Newsletter-Bausteine, 50 Zeilen mit eigenem Zuständig-Dropdown.
  • Mehrere Steuerleisten übereinander in Listen (Reiter, Ansichten, Filter), mit abgeschnittenen Dropdowns.
  • Vier Reiter-Stile und zwei Primärknopf-Farben; Hilfe als eigener Kopfknopf auf fast jeder Seite.
  • Sofortaktionen ohne Netz: Ein Klick auf „Weiter zu Finanzierung läuft“ hat bei der Aufnahme die Phase ohne Rückfrage und ohne Rückgängig umgestellt; Sequenz-Schalter wirken sofort; rote Lösch- und Rückzieh-Knöpfe liegen offen.

Entscheidungen für Johannes

E1 · Navigation auf 13 Punkte

Heute 19 Punkte in 7 Gruppen, zwei Gruppen mit nur einem Punkt, bei 900 px Höhe muss man scrollen. Der Vorschlag führt die Linie vom 13.10. (Welle 4) zu Ende.

  • A: Vorschlag ganz: „Eingang“ bündelt Anfragen, Nachrichten, Anrufe, Unterlagen; Einrichtung wird Karte; Verlauf wird Reiter in Auswertungen; Fehler melden geht in „Hilfe & Feedback“.
  • B: Nur Gruppen bereinigen (Ein-Punkt-Gruppen auflösen); Bereiche bleiben getrennt.
  • C: So lassen.
Empfehlung A. Kein Funktionsverlust, nur Umzüge in Reiter; die Seitenleiste passt dann ohne Scrollen auf 900 px.

E2 · Ein Detailseiten-Gerüst

Kopf mit einer Hauptaktion, höchstens eine Hinweisleiste, „Eckdaten“ einmal, höchstens 7 Reiter plus „Mehr“, Überblick in einem Bildschirm.

  • A: Gerüst bauen und in dieser Reihenfolge ausrollen: Einheit, Projekt, Deal, Kontakt.
  • B: Nur Doppelungen streichen, Aufbau lassen.
Empfehlung A, mit Objekten zuerst: Dort ist der Gewinn am größten (Einheit 3 Bildschirme lang, Projekt-Reiter Einheiten mit 210 Bedienelementen).

E3 · Sofortaktionen absichern

Phasenwechsel, Sequenz pausieren, Reservierung zurückziehen, Suchprofil löschen.

  • A: Rückgängig-Toast für alles Umkehrbare (Phase, Pausieren), Bestätigungsdialog nur für Löschen und Zurückziehen, beides über den vorhandenen Confirm-Helper.
  • B: Überall Bestätigungsdialog.
  • C: So lassen.
Empfehlung A. Ein Dialog vor jedem Phasenwechsel bremst den Alltag; ein Rückgängig fängt den Fehlklick ohne Zusatzklick.

E4 · Ein Primärknopf, eine Farbe

Heute grün in Listen (Neuer Kontakt, Neuer Deal, Neue Sequenz), dunkel in Dialogen und Mocks, dazu bis zu vier Kopfknöpfe.

  • A: Je Ansicht ein Primärknopf in Dunkel (wie die aktive Navigation), Nebenaktionen ins ⋯-Menü, Hilfe als „?“.
  • B: Grün behalten, aber nur einer je Ansicht.
Empfehlung A. Grün bleibt dann für Erfolg reserviert (Status „frei“, „aktiv“, Erfolgsmeldung), so wie es die Farb-Tokens vorsehen.

E5 · Begriffe „Protokolle“ trennen

„Protokolle“ heißt im Menü Gesprächsprotokolle und in Übergaben ein Reiter mit Übergabeprotokollen. Gesprächsprotokolle stehen unter „Nach dem Verkauf“, Erstgespräche passieren davor.

  • A: „Gesprächsprotokolle“ unter Verkauf, „Übergaben“ bleibt mit Übergabeprotokollen und Mängeln.
  • B: Beide behalten, nur umbenennen.
Empfehlung A.

Links das heutige Menü (Rolle Admin, alle Module an), rechts der Vorschlag. Durchgestrichen = wird Reiter oder Karte, nichts fällt weg. Alle Mocks der Mappe zeigen bereits die neue Seitenleiste.

Wann Reiter, wann Menüpunkt

  • Menüpunkt = eigener Arbeitsgegenstand, den man täglich ansteuert.
  • Reiter = andere Sicht auf denselben Gegenstand (Listen von Kontakten, Portale von Objekten, Verlauf von Auswertungen).
  • Höchstens 7 Reiter sichtbar, der Rest unter „Mehr“, häufig Genutztes nach vorn. Im Deal rückt Finanzierung nach vorn, Sonderwünsche wandern unter „Mehr“.
  • Ein Reiter-Stil: Unterstrich mit Zahl. Pillen bleiben den Filtern vorbehalten.

Gruppierung in Seiten

  • Eine „Eckdaten“-Karte bündelt die verstreuten Infokästen; jede Angabe einmal.
  • 5 bis 15 gleichartige Elemente: 3 bis 6 zeigen, Rest „Mehr anzeigen (Anzahl)“.
  • Formulare: Pflichtfelder offen, Rest in aufklappbaren Abschnitten mit Zusammenfassung in der Kopfzeile.
  • Seitenspalte 320 bis 360 px für Kontext, Hauptspalte für Arbeit.

Was dazukommt

  • Blättern zwischen Datensätzen (vorherige, nächste Einheit) im Kopf, wie es der Kontakt schon kann („Kontakt 68 / 166“).
  • Pfad (Objekte › Zollhof Carré › Bauteil West) zusätzlich zum Zurück-Pfeil.
  • „Protokoll schreiben“ an vergangenen Terminen, „Unterlagen“ als Reiter im Eingang.

Muster über alle Screens

1 · Gleiche Daten mehrfach

Detailseiten zeigen Angaben in Kopfleiste, Infokasten und Fachkarte gleichzeitig. Das kostet Platz und erzeugt Widersprüche („Kaufpreis noch offen“ neben 384.878 €).

Deal, Einheit, Kontakt, Projekt: Deal, Einheit, Kontakt, Projekt

2 · Alles ausgeklappt

Wiederholte Blöcke mit identischem Inhalt stehen untereinander: 7 Portalblöcke mit demselben Sperrsatz, 23 Einrichtungsschritte, Newsletter-Bausteine mit allen Optionen, Sequenzschritte als offene Formulare.

3 · Drei Leisten über jeder Liste

Reiter, gespeicherte Ansichten und Filter stehen in getrennten Zeilen; „Meine/Alle“ als eigener Umschalter; Dropdowns mit abgeschnittenen Beschriftungen; Spaltenmenüs dauerhaft sichtbar; Blättern bei 6 Einträgen.

4 · Warnfarbe ohne Stufen

„Kein nächster Schritt“ in Orange bei fast jedem Deal, „Bitte ausfüllen“ vor der ersten Eingabe, gelbe Exposé-Banner auf Projekt und jedem Gebäude. Echte Probleme (überfällig, Versand unmöglich) gehen darin unter.

5 · Aktionen ohne Netz

Phasenwechsel mit einem Klick (bei der Aufnahme passiert), Sequenz-Schalter wirken sofort, „Deaktivieren“, „Löschen“ und „Reservierung zurückziehen“ stehen rot in der Fläche. Projektstandard verlangt Confirm-Helper plus Rückgängig.

6 · Kopf mit zu vielen Knöpfen

Hilfe-Link, Importieren, zweiter Anlegen-Knopf und grüner Primärknopf im selben Kopf; in Auswertungen zusätzlich „Als eigenes Dashboard kopieren“. Ergebnis: kein klarer Hauptweg.

7 · Voraussetzungen zu spät

Dass ohne Microsoft-365-Postfach kein Newsletter rausgeht, steht im dritten Editor-Schritt; dass ohne KI-Zugang kein Transkript ausgewertet wird, zeigt eine graue Karte. Sperrseiten sagen „nicht in deinem Tarif“ ohne Inhalt.

8 · Eindeutige Namen

Zweimal „Protokolle“ für verschiedene Dinge, „Wochenreporting“ als Pfad und „Wochenbericht“ als Reiter, Bezeichnung BAUT-203 in zwei Gebäuden desselben Projekts, „Personen 0“ in der Sequenz neben „Eingeschrieben 10“ in der Liste.

9 · Fünf Arten zu speichern

Speichern rechts unten, neben dem Feld, links, in einer Karte oder sofort ohne Hinweis; der Newsletter zeigt „Alles gespeichert“ neben einem grauen Speichern-Knopf. Regel: Schalter wirken sofort mit Toast, Formulare haben eine feste Leiste unten.

10 · Zeitraum überall anders

In den Auswertungen wird der Zeitraum mit Chips, mit Pfeilen plus Wechsler oder mit „3 Monate bis 3 Jahre“ gewählt. Ein gemeinsamer Zeitraum-Wechsler rechts im Kopf trägt alle Auswertungsseiten.

Regeln für neue Screens

Kopf

  • Pfad nur auf Detailseiten.
  • Titel, eine Zeile Kontext.
  • Ein Primärknopf, Rest ⋯.
  • Hilfe als „?“ oder in „Hilfe & Feedback“.

Liste

  • Reiter für Ansichten, eine Werkzeugzeile.
  • Aktive Filter als Chips mit ×.
  • Höchstens 6 Spalten, Zeilenaktionen beim Überfahren.
  • Auswahlleiste erst bei Auswahl.
  • Blättern ab 25 Einträgen.

Detail

  • Höchstens eine Hinweisleiste.
  • Eckdaten einmal.
  • Überblick in einem Bildschirm.
  • Blättern zum nächsten Datensatz.

Formular und Dialog

  • Label oben, Hinweis darunter, eine Feldhöhe.
  • Prüfen beim Verlassen eines Feldes oder beim Absenden.
  • Feste Fußleiste: Abbrechen + ein Primärknopf.
  • Drawer, wenn der Kontext sichtbar bleiben soll; Modal nur für harte Stopps.

Rückmeldung

  • Erfolg mit nächstem Schritt.
  • Umkehrbares mit Rückgängig.
  • Löschen mit Bestätigung und Rückgängig.
  • Leerer Zustand mit genau einer Aktion.

Farbe

  • Ein Akzent (Amber) für Markierung und Fokus.
  • Status nur über success, warning, danger, info.
  • Orange nur für „bald fällig“, Rot nur für „überfällig“ oder „geht nicht“.

Umsetzung in drei Wellen

Welle 1
S, je bis 1 Tag
Rückgängig nach Phasenwechsel und Pausieren, rote Knöpfe ins ⋯-Menü, ein Primärknopf je Kopf, Doppelungen auf Deal und Einheit streichen, Blättern erst ab 25, abgeschnittene Filter beheben, „Kein nächster Schritt“ neutral, Pflichtfeld-Prüfung erst beim Fertigstellen, Versandsperre Newsletter oben anzeigen, Umbenennung Gesprächsprotokolle.
Welle 2
M, Muster
Listen-Muster (eine Werkzeugzeile, Filter-Drawer, Auswahlleiste) in Kontakte, Deals, Anrufe, Aufgaben, Berichte; Detail-Gerüst in Einheit, Projekt, Deal, Kontakt; Reiter-Stil vereinheitlichen; Navigation auf 13 Punkte mit „Eingang“ und „Hilfe & Feedback“.
Welle 3
L
Portal-Arbeitsplatz neu gliedern, Projekt-Einheiten als Gebäudegruppen mit eindeutigen Bezeichnungen, Filter-Drawer mit einfachen Feldern (UND/ODER nur noch als „Eigene Bedingung“), Sequenz-Editor als Zeitstrahl mit Drawer, Newsletter-Editor mit eingeklappten Bausteinen.

Was nicht erfasst wurde, und warum

Überladungs-Ranking (alle 71 Screens)

Gemessen im DOM bei 1440 × 900, je Screen über alle erfassten Zustände (Ansicht, Reiter, Menüs, Dialoge). Index = sichtbare Bedienelemente + 2 × Tabellenspalten + 10 je weiterer Bildschirmhöhe. Leere Zustände rechnen sich klein; deshalb steht neben der Zahl die Einstufung aus der Durchsicht.

#ScreenIndex1. BildBedien.FelderSpaltenScrollEinstufung
1Projekt (Detail)
Objekte
249 5721056102,9 stark überladen
2Portale (Arbeitsplatz)
Objekte
243 501865375,3 stark überladen
3Deals (Liste und Board)
Deals
211 11317710273 stark überladen
4Neuer Termin
Mein Tag
200 192200171 stark überladen
5Eingang: Anrufe
Kommunikation
181 50143173,4 stark überladen
6Kontakte (Liste)
Kontakte
166 671355872,7 stark überladen
7Kalender
Mein Tag
138 9911303,5 stark überladen
8Textvorlagen
Ansprache
132 45106962,4 stark überladen
9Prüfprotokoll (und Verlauf)
Einstellungen
119 4584353,5 stark überladen
10Automatisierung (Abläufe)
Ansprache
110 2770363,8 stark überladen
11Verlauf
Auswertungen
97 287033,7 dicht
12Portale
Einstellungen
82 4779361,3 dicht
13Kontakt (Detail)
Kontakte
81 496612,5 dicht
14Herkunft: Quellen (Leadquellen)
Einstellungen
81 4973251,8 dicht
15Auswertungen: Wochenbericht
Auswertungen
77 3455071,8 dicht
16Auswertungen: Berichte
Auswertungen
77 3755181,6 dicht
17Newsletter (Editor)
Ansprache
70 3261181,9 dicht
18Einheit (Detail)
Objekte
68 314813 dicht
19Übergabeprotokoll (Detail)
Nach dem Verkauf
64 1847202,7 dicht
20Übergaben (Liste)
Nach dem Verkauf
61 3445361,4 dicht
21Auswertungen: Übersicht
Auswertungen
60 3747031,7 dicht
22Sequenz (Detail)
Ansprache
59 29411451,8 dicht
23Einstellungen (Gerüst und Startseite)
Einstellungen
59 4548641,3 dicht
24Team & Rollen
Einstellungen
59 4548641,3 dicht
25Deal (Detail, Beim Notar)
Deals
55 3538661,5 dicht
26Herkunft: Kampagnen
Einstellungen
53 5353151 dicht
27Deal (Detail, Reservierung)
Deals
52 35361561,4 dicht
28Eigene Felder (Eigenschaften)
Einstellungen
50 5050131 dicht
29Eingang: Nachrichten
Kommunikation
47 333582,2 ruhig
30Sequenzen (Liste)
Ansprache
47 3131581 ruhig
31Verbindungen
Einstellungen
47 434331,4 ruhig
32Objekte (Projektliste)
Objekte
45 2929181 ruhig
33Verteilung (Anfragenverteilung)
Einstellungen
45 283681,9 ruhig
34Kontakt (Partner, Notariat)
Kontakte
42 363771,5 ruhig
35Deal (Detail, Phase Anfrage)
Deals
42 373821,4 ruhig
36Dashboard (Start)
Mein Tag
40 273501,5 ruhig
37Newsletter (Liste)
Ansprache
35 1919581 ruhig
38Einrichtung
Mein Tag
33 253001,3 ruhig
39Protokoll anlegen (Transkript)
Verkauf
33 2830141,3 ruhig
40Auswertungen: Nachfrage
Auswertungen
33 1314051,9 ruhig
41Verkaufsphasen (Pipeline)
Einstellungen
33 333311 ruhig
42Arbeitszeiten (Kalender)
Einstellungen
32 3232101 ruhig
43Deal (Detail, Verkauft)
Deals
27 182311,4 ruhig
44Eingang: Anfragen (bisher Posteingang)
Kommunikation
27 272781 ruhig
45Newsletter-Versand (Einstellungen)
Einstellungen
27 272741 ruhig
46Aufgaben
Mein Tag
26 262661 ruhig
47Auswertungen: Bankbericht
Auswertungen
26 1010181 ruhig
48Import / Export
Einstellungen
26 262601 ruhig
49Hilfe-Startseite
Konto & Hilfe
26 142011,6 ruhig
50Projekt anlegen
Objekte
25 2425201 ruhig
51Datenschutz
Einstellungen
25 252501 ruhig
52Papierkorb
Einstellungen
25 252501 ruhig
53Neuer Bericht
Auswertungen
24 222261,2 ruhig
54Neuer Kontakt
Kontakte
23 2021141,2 ruhig
55Tarif & Nutzung
Einstellungen
23 232301 ruhig
56Vertretung
Einstellungen
23 232311 ruhig
57Mein Konto
Konto & Hilfe
19 1517111,2 ruhig
58Meldungen
Konto & Hilfe
16 161671 ruhig
59Meldung: Detail
Konto & Hilfe
14 141461 ruhig
60Auswertungen: Dashboards
Auswertungen
9 9901 ruhig
61Ablauf (Detail)
Ansprache
8 8831 ruhig
62Listen (Kontakte)
Kontakte
7 7731 ruhig
63Neue Sequenz
Ansprache
6 6621 ruhig
64Projekt aus Exposé
Objekte
4 4401 ruhig
65Neuer Ablauf (Start)
Ansprache
4 4401 ruhig
66Bericht: Detail
Auswertungen
3 3301 ruhig
67Bericht bearbeiten
Auswertungen
3 3301 ruhig
68Dealroom-Vorschau (Tarifsperre)
Deals
2 2201 ruhig
69Protokolle (Liste)
Verkauf
2 2201 dicht
70Eingegangene Unterlagen
Kommunikation
2 2201 ruhig
71Erklärvideos
Konto & Hilfe
1 1101 ruhig

Alle Screens nach Bereich

Mein Tag

Dashboard (Start)ruhigEinrichtungruhigAufgabenruhigKalenderstark überladenNeuer Terminstark überladen

Kontakte

Kontakt (Detail)dichtKontakt (Partner, Notariat)ruhigNeuer KontaktruhigKontakte (Liste)stark überladenListen (Kontakte)ruhig

Deals

Deal (Detail, Verkauft)ruhigDeal (Detail, Phase Anfrage)ruhigDeal (Detail, Beim Notar)dichtDeal (Detail, Reservierung)dichtDealroom-Vorschau (Tarifsperre)ruhigDeals (Liste und Board)stark überladen

Objekte

Einheit (Detail)dichtObjekte (Projektliste)ruhigProjekt aus ExposéruhigProjekt (Detail)stark überladenProjekt anlegenruhigPortale (Arbeitsplatz)stark überladen

Kommunikation

Eingang: Anrufestark überladenEingang: NachrichtenruhigEingang: Anfragen (bisher Posteingang)ruhigEingegangene Unterlagenruhig

Ansprache

Ablauf (Detail)ruhigNeuer Ablauf (Start)ruhigAutomatisierung (Abläufe)stark überladenNewsletter (Liste)ruhigNewsletter (Editor)dichtSequenz (Detail)dichtNeue SequenzruhigSequenzen (Liste)ruhigTextvorlagenstark überladen

Verkauf

Protokoll anlegen (Transkript)ruhigProtokolle (Liste)dicht

Nach dem Verkauf

Übergabeprotokoll (Detail)dichtÜbergaben (Liste)dicht

Auswertungen

Auswertungen: ÜbersichtdichtAuswertungen: BankberichtruhigBericht bearbeitenruhigBericht: DetailruhigNeuer BerichtruhigAuswertungen: BerichtedichtAuswertungen: DashboardsruhigAuswertungen: NachfrageruhigAuswertungen: WochenberichtdichtVerlaufdicht

Konto & Hilfe

Meldung: DetailruhigMeldungenruhigHilfe-StartseiteruhigErklärvideosruhigMein Kontoruhig

Einstellungen

DatenschutzruhigEigene Felder (Eigenschaften)dichtImport / ExportruhigArbeitszeiten (Kalender)ruhigHerkunft: KampagnendichtHerkunft: Quellen (Leadquellen)dichtNewsletter-Versand (Einstellungen)ruhigPapierkorbruhigVerkaufsphasen (Pipeline)ruhigPortaledichtPrüfprotokoll (und Verlauf)stark überladenTarif & NutzungruhigTeam & RollendichtVerbindungenruhigVerteilung (Anfragenverteilung)ruhigVertretungruhigEinstellungen (Gerüst und Startseite)dicht

Querschnitt

Querschnitt: Befehlspalette, Glocke, Fehler melden, eingeklappte Leistestark überladen

Erstellt am 30.10.2026 aus einem lokalen Produktions-Build (Stand origin/main a9ae6329c) gegen eine Wegwerf-Datenbank mit dem Heidelberg-Demobestand „Neckarhalde Wohnbau“. Keine Server, keine Kundendaten. Arbeitsdateien und Messwerte: arbeit/.