KI-Recruiting-App
Herausforderung
Der Kunde entwickelte eine Recruiting-App (ATS), in der KI Bewerbende bewertet und eine Shortlist erstellt. Der Prototyp hatte viele Funktionen, zeigte aber alle gleichzeitig und mit gleichem visuellem Gewicht, und dieselbe Sache hatte mehrere Namen.
Auf der Bewerberansicht nahm die Navigation 43 % der Höhe ein, bevor der Inhalt begann. Eine Stelle hatte 11 gleichrangige Tabs, und die Phasenfilter sahen genauso aus wie die Buttons, die Bewerbende in die nächste Phase verschieben. So verschob man leicht jemanden aus Versehen.
Was wir gemacht haben
Wir haben mit einem UX/UI-Audit begonnen: Wir sind jede Ansicht, jedes Menü und jeden Filter des Prototyps durchgegangen und haben die Probleme nach Schwere geordnet, gestützt auf die Richtlinien der Nielsen Norman Group. Wir haben eine neue Informationsarchitektur vorgeschlagen: eine feste Seitenleiste, 4 Tabs pro Stelle statt 11, ein Layout für Bewerbungsdetails und ein gemeinsames Vokabular.
Die Korrekturen haben wir als Regeln und Prompts für KI geliefert, die Designer und die Entwickler des Kunden gleichermaßen genutzt haben. Im selben AI Design Workflow haben wir 6 visuelle Richtungen ausprobiert, jede in einer dunklen und einer hellen Variante, auf denselben 16 Screens. Jede Richtung ist eine DESIGN.md-Datei mit Tokens. Der gewählte Look baut auf der Identität der Landingpage auf, die wir für das Produkt gestaltet haben.
Ergebnis
Das Team hat 16 neu gestaltete Screens und eine Token-Datei bekommen, die Menschen und KI-Agenten gleichermaßen verstehen. Das Menü schrumpfte von 12 auf 8 Einträge, die Tabs einer Stelle von 11 auf 4, und die Navigation nimmt höchstens 32 % des Bildschirms ein. Keine Funktion ist weggefallen: Jede wurde verschoben oder mit einer anderen zusammengelegt.
