← MappeKontakte

Kontakte (Liste)

stark überladen

Über der Tabelle liegen drei Leisten mit zusammen 15 Bedienelementen, bevor die erste Person kommt. Die Tabelle selbst trägt 6 Spaltenmenüs und zeigt 50 Zeilen am Stück; 130 Bedienelemente auf einer Seite.

/app/kontakteDesktop 1440 × 900, Demobestand Neckarhalde, Rolle Admin
67Bedienelemente im ersten Bildschirm
135Bedienelemente gesamt (max. Zustand)
58Eingabefelder (max.)
7Tabellenspalten
2,7Bildschirmhöhen Scrollweg
166Überladungs-Index (Bedienelemente + 2 × Spalten + 10 je weiterer Bildschirmhöhe)
Wie es jetzt istBild in voller Größe
Screenshot Kontakte (Liste), Ist-Zustand
8 Zustände erfasst
Wie ich es besser verpacken würdeMock in voller Größe
Nachgebaute HTML-Ansicht, 1440 × 900. Nummern im Mock = Maßnahmen unten.

Befund

  • Drei Leisten übereinander: Reiter (Kontaktliste, Listen), dann Ansichten (Alle Kontakte, + Ansicht, Als Liste speichern, Ansichten je Projekt), dann Filter (Meine/Alle, Filter, Alle Deals, Alle Quellen, Suche, Alle Kontaktrollen). „Meine/Alle“ ist eine Ansicht und steht trotzdem bei den Filtern.
  • Der Filter-Drawer ist ein Abfragebaukasten: „So geht’s: 1. Eigenschaft wählen, 2. Wert eingeben, 3. Bedingung hinzufügen, 4. Anwenden“, dazu Gruppen mit UND/ODER. Für die häufigste Frage („Wer ist in Reservierung?“) sind das vier Schritte.
  • Spaltenmenüs dauerhaft sichtbar: Jede der 6 Spaltenüberschriften hat ein eigenes ⋮. Zusammen mit 50 Kontrollkästchen ergibt das die Masse der 130 Bedienelemente.
  • Viel Leerlauf in den Zellen: einen Strich bei Phase und Zuständig und „Nie“ bei Letzter Kontakt für Partner und Kontakte ohne Deal; Telefon bekommt eine ganze Spalte, obwohl es eine Zusatzangabe zum Namen ist.
  • Auswahl ohne sichtbare Aktionen: Nach dem Anhaken von zwei Kontakten ändert sich oben nichts außer dem Kopf-Kontrollkästchen. Was man mit der Auswahl tun kann, bleibt unsichtbar.
  • Primärknopf grün, in Deals ebenfalls grün, in anderen Bereichen dunkel. Hilfe sitzt als eigener Kopf-Link neben dem Primärknopf.

Warum so

Eine Kontaktliste wird zum Suchen und zum Abarbeiten benutzt. Beides braucht eine Suchzeile und eine Handvoll gespeicherter Sichten, keine drei Leisten. Ansichten werden Reiter (inklusive „Meine“ und „Listen“), Filter wandern in einen Drawer mit den sechs häufigsten Feldern als einfache Auswahl. Aktive Filter erscheinen als entfernbare Chips, damit man sieht, warum die Liste kurz ist. Die Auswahlleiste taucht erst auf, wenn etwas ausgewählt ist, und sagt dann, was geht.

Maßnahmen

  1. Ansichten als eine Reiterzeile: Alle, Meine, gespeicherte Ansichten, Listen, „+ Ansicht“. „Ansichten je Projekt“ und „Als Liste speichern“ ins Ansichtsmenü.M
  2. Eine Werkzeugzeile: Suche, „Filter“ mit Anzahl, aktive Filter als Chips mit ×, rechts Trefferzahl und „Spalten“. Die drei Dropdowns (Deals, Quellen, Kontaktrollen) ziehen in den Drawer.M
  3. Auswahlleiste erscheint ab dem ersten Haken mit Zuständig ändern, Zu Liste hinzufügen, E-Mail an alle, Exportieren und „Auswahl aufheben“.S
  4. Tabelle mit 5 Spalten: Name mit Rolle und Telefon darunter, Phase, Zuständig, Letzter Kontakt (relativ), Nächster Schritt. Spaltenmenüs und Zeilenaktionen (Anrufen, ⋯) nur beim Überfahren oder Fokus. 25 Zeilen pro Seite als Standard.M
  5. Filter-Drawer mit Phase als Chips, Zuständig, Rolle, Quelle, Projektinteresse, Letzter Kontakt. Der UND/ODER-Baukasten bleibt als „Eigene Bedingung“ eingeklappt. Fußzeile zeigt live die Trefferzahl im Knopf („5 Kontakte zeigen“).L

Aufwand: S bis 1 Tag, M 2 bis 4 Tage, L ab einer Woche (Schätzung inkl. Tests).

Messwerte je Zustand

ZustandBedien.1. BildFelderSpaltenScroll
Ansicht130625572,6
Filter offen8822,6
Spalten-Auswahl130625572,6
Zwei Kontakte ausgewählt135675872,7
Neue Ansicht6632,6
Suche ohne Treffer202041
Reiter Listen7701
iPad 820 × 1180132645572,5