2Key — Mitarbeitermodus · Wireframes

Grobe Struktur-Skizzen (Low-Fidelity) für die Bedienung von 2Key als KI-Belegschaft. Kern bewusst klein gehalten: Belegschaft-Leiste · Übersicht · Mitarbeiter-Detail. Keine zusätzlichen Modals. Farbe = nur Status-Bedeutung.

Fidelity: grob · Struktur & Flow, nicht finale Optik
Mikrostatus (gilt für alle Frames) wartet denkt arbeitet braucht dich (!) — nur Entscheidung/Freigabe fertig — erledigt & noch nicht angesehen (verschwindet danach)
01

Ambient — die Belegschaft-Leiste

Oben zentriert auf dem Bildschirm, auf dem die Maus ist. Links der Leit-Assistent + aktive Mitarbeiter, Mitte Status, rechts Eingabe & Verstecken.

oberer Bildschirmrand
★ RE MA BU! 1 arbeitet · 1 denkt · 1 braucht dich
Bildschirm 1
▴
Bildschirm 2 — Maus hier

Anmerkungen

  1. Nur aktive/relevante Mitarbeiter hier (nicht alle — passen sonst nicht). Volle Liste in der Übersicht (02). Klick auf einen Avatar → wählt ihn aus (01b). Der Assistent (★) sitzt ohne Trennstrich unter ihnen.
  2. Status in der Mitte, „braucht dich" hervorgehoben. Klick auf die Mitte → Übersicht (02).
  3. Mic-Icon (Studiomikrofon). Toggle: 1× an → bleibt an, 1× aus. Im Roster ist der Standard-Assistent der Adressat; für einen bestimmten Mitarbeiter erst anklicken (01b).
  4. Chevron versteckt die Leiste → Peek (siehe 01a). Leiste folgt dem aktiven Bildschirm, blendet von oben mit ~200 ms ease-out ein (kein Springen).
01a

Zwei Zustände der Leiste

Sprechen (lebendig) und Versteckt (Peek).

★
„Fass die PDFs zusammen …"
Sprechen: Soundwave um/neben dem Mic
Versteckt: nur Halbkreis-Pfeil

Anmerkungen

  1. Soundwave zeigt aktives Sprechen — macht die App lebendig. Live-Transkript optional als Status-Text.
  2. Peek-Halbkreis bleibt sichtbar, wenn die Leiste versteckt ist; Klick holt sie zurück (200 ms ease-out). Auch der Peek erscheint am aktiven Bildschirm.
01b

Mitarbeiter ausgewählt

Klick auf einen Avatar wählt ihn aus — die Leiste zeigt genau diesen einen Mitarbeiter: Name, kurze Status-Zeile und die Wahl „direkt antworten" oder „öffnen". Kein großes Fenster nötig.

BU! Buchhaltung · „3 Belege offen — als Sonstiges buchen?" Öffnen ↗

Anmerkungen

  1. Genau ein Adressat — was du sprichst/tippst, geht deterministisch an diesen einen Mitarbeiter. Kein Raten, kein Routing-Risiko.
  2. Status-Zeile inline — kurze Schlagzeile (woran er arbeitet / was ansteht), aus dem Aktivitäts-Log bzw. einem Status-Feld, das der Agent selbst mitliefert — nicht die rohe lange Nachricht, kein extra Zusammenfassungs-Request. Sofort Kontext ohne großes Fenster; antworten per Mic/Text + Enter. Das rechtfertigt den Auswahl-Zustand.
  3. „Öffnen ↗" → volle Detailansicht (03) mit Gedankenstrom + ganzem Verlauf, wenn du mehr brauchst.
  4. Pfeil zurück (links) → zurück zur Roster-Leiste (01). Trägt ggf. einen Zähler, falls andere dich brauchen (kein Tunnelblick).

Auswählen lohnt nur, WEIL die Status-Zeile hier steht — sonst wäre es blind und man würde gleich öffnen. Für längere Gespräche/Gedanken: öffnen. (Quelle der Zeile: Aktivitäts-Log bzw. Agenten-Status-Feld — kein separater Zusammenfassungs-Request.)

02

Belegschaft-Übersicht

Klappt unter der Leiste mit kleinem Gap auf, ist aber frei verschiebbar. Voll­ständige Liste, nach Dringlichkeit sortiert.

Meine Belegschaft⠿ ziehbar
★
Assistent · deine rechte Hand
nimmt Aufträge an & delegiert
bereit
BU!
Buchhaltung
Belege · Freigabe nötig
braucht dich
VE✓
Vertrieb
Angebot fertig — noch nicht angesehen
fertig
RE
Recherche
„Wettbewerber DACH"
arbeitet
MA
Marketing
entwirft 3 Varianten
denkt
DT
Dachterrasse
Projekt · Rasen & Pavillon (intern)
wartet
+ Mitarbeiter einstellen

Anmerkungen

  1. Leit-Assistent oben angepinnt — der eine, mit dem du immer reden kannst.
  2. Flaches Modell: „Dachterrasse" ist ein Mitarbeiter; Rasen/Pavillon sind seine internen, unsichtbaren Teilaufgaben — keine eigenen Mitarbeiter.
  3. Sortierung: braucht-dich → fertig → arbeitet/denkt → wartet. „Einstellen" → Onboarding (separat designt).
03

Mitarbeiter-Detail — Gedanken + Chat

Mittelgroß (genug Schreibplatz, nicht Vollbild). Hotkey-Sprache schreibt hier als Text ins Feld, Enter sendet.

Gedanken / Aktivität
› öffne quellen/umsatz-2025.xlsx
› prüfe 142 Belege …
› 3 ohne Kategorie
⏸ warte auf Freigabe
Gespräch — Buchhaltung
Drei Belege kann ich nicht zuordnen. Als „Sonstiges" buchen?
Braucht dich — Freigabe
Ja, buchenZeig mir
Sprich (Strg+Win) oder tippe … ⏎ Enter

Anmerkungen

  1. Gedankenstrom (Claude-Code-Stil): man sieht Schritt für Schritt, dass wirklich gearbeitet wird.
  2. „Braucht-dich" inline: Mini-Entscheidung mit Schnell-Buttons entsperrt den Mitarbeiter sofort.
  3. Solange dieses Fenster offen ist: Strg+Win-Sprache landet als Text im Feld (kein separates Diktat-Popup).
  4. Enter sendet. Sichtbarer Enter-Button neben dem 🎤, damit klar ist, dass die Enter-Taste funktioniert.
04

„Braucht dich" & mehrere gleichzeitig

Das wichtigste Signal. „braucht dich" = nur Entscheidung/Freigabe. „fertig" ist getrennt (grün). Bei mehreren wird gestapelt.

★ BU! RC VE✓ 2 brauchen dich · 1 fertig Öffnen
2 brauchen dich · 1 fertig
BU!Buchhaltung — Freigabe für 3 BelegeEntscheiden
RCRecruiting — welche 2 Kandidaten?Entscheiden
VE✓Vertrieb — Angebot fertigAnsehen

Anmerkungen

  1. Stapel in der Leiste: mehrere „braucht-dich" überlappen mit Zähler im Status. Orange (Entscheidung) klar getrennt von grün (fertig).
  2. Klick → kleine Warteschlange: alle offenen Punkte als Liste, je ein Schnell-Button. Abarbeiten, ohne dass etwas untergeht.
05

Sprechen & delegieren — über den Leit-Assistenten

Kein eigenes Auftragsformular. Du sprichst in die Leiste → der Leit-Assistent erledigt es selbst oder gibt es an den passenden Mitarbeiter.

🎤 „Fass die 5 PDFs in quellen/ zusammen" → ★ Assistent → RE Recherche übernimmt
★ Assistent
Fass die 5 PDFs in quellen/ zusammen.
Mache ich — das übergebe ich an Recherche, sie meldet sich mit den Kernpunkten.

Anmerkungen

  1. Ein Ansprechpartner: allgemeines Sprechen geht immer an den Leit-Assistenten — du musst nicht wissen, wer zuständig ist.
  2. Sichtbare Übergabe: der passende Mitarbeiter beginnt zu arbeiten (Status in der Leiste wechselt). Wer schon weiß, wen er braucht, öffnet den Mitarbeiter direkt (03) und spricht dort.
  3. Transparenz statt Magie: der Assistent sagt, an wen er delegiert — kein stilles Black-Box-Routing.

Bewusst weggelassen: eigenes „Aufgabe delegieren"-Fenster, Mitarbeiter-Universum, Hierarchie/Untermitarbeiter. Kern = Leiste + Übersicht + Detail.

Wireframes v2 · Stand 2026-05-27 · grob. Nächste Stufe nach Freigabe: ausgewählte Frames in mittlere Fidelity, dann hochauflösende Avatar-/Stimmungs-Renders via kie.ai.