As Senior Product Designer · UX Researcher, I designed and specified the mobile Mail module of an enterprise productivity suite over 2.5 years: 12 UX/UI spec documents (~180 pages), a design system mirrored on Material 3, cryptographic signing, offline and error states. The featured deep-dive: three studies that turned an unused mobile search into an evidence-ranked backlog.
Als Senior Product Designerin · UX Researcherin habe ich 2,5 Jahre lang das mobile Mail-Modul einer Enterprise-Productivity-Suite gestaltet und spezifiziert: 12 UX/UI-Spezifikationen (~180 Seiten), ein an Material 3 gespiegeltes Design-System, kryptografische Signaturen, Offline- und Fehlerzustände. Der Deep-Dive dieses Cases: drei Studien, die eine ungenutzte mobile Suche in ein evidenzbasiert priorisiertes Backlog verwandelten.
The mobile Mail client wasn't a web view with an Android skin — it was designed natively on Material 3. The Mobile Design System mirrors M3's own documentation structure: every component is specified across four facets — Anatomy, States, Design tokens, Usage — so designers and developers read the same language Google's guidelines speak.
Der mobile Mail-Client war kein Web-View mit Android-Skin — er wurde nativ auf Material 3 gestaltet. Das Mobile Design System spiegelt die Dokumentationsstruktur von M3: Jede Komponente ist über vier Facetten spezifiziert — Anatomy, States, Design Tokens, Usage — Designer und Entwickler lesen dieselbe Sprache wie Googles Guidelines.
The UI kit covers 33 Material 3 components plus foundations. On top of it sit Mail-specific design-system snippets: Mail Item, Mail Header, Mail Label, Composer From/To and an Event Widget for calendar invitations inside emails. I proposed and documented 15 design-system components along the way.
Das UI-Kit umfasst 33 Material-3-Komponenten plus Foundations. Darauf sitzen Mail-spezifische Design-System-Snippets: Mail Item, Mail Header, Mail Label, Composer From/To und ein Event Widget für Kalendereinladungen direkt in E-Mails. Unterwegs habe ich 15 Design-System-Komponenten vorgeschlagen und dokumentiert.
Every Mail flow shipped from a written [UX_UI] specification — states, edge cases, error copy included. Twelve documents, roughly 180 pages. Tellingly, the two heaviest specs are both about attachments (53 pages combined), and two entire documents exist just for errors and validation — in enterprise mail, the unhappy path is a first-class citizen.
Jeder Mail-Flow wurde aus einer geschriebenen [UX_UI]-Spezifikation heraus ausgeliefert — inklusive Zuständen, Edge Cases und Fehlertexten. Zwölf Dokumente, rund 180 Seiten. Bezeichnend: Die zwei umfangreichsten Spezifikationen drehen sich beide um Anhänge (zusammen 53 Seiten), und zwei ganze Dokumente existieren allein für Fehler und Validierung — in Enterprise-Mail ist der Unhappy Path ein Bürger erster Klasse.
| [UX_UI] specification[UX_UI]-Spezifikation | PagesSeiten | What it coversInhalt |
|---|---|---|
| Adding attachments to mailAnhänge zu Mails hinzufügen | 29 | the heaviest spec in the archivedie umfangreichste Spez im Archiv |
| Viewing attachmentsAnhänge ansehen | 24 | preview, open, save flowsVorschau-, Öffnen-, Speichern-Flows |
| Draft folderEntwurfsordner | 18 | drafts lifecycleLebenszyklus von Entwürfen |
| Offline search in mailOffline-Suche in Mail | 17 | search without a connectionSuche ohne Verbindung |
| Email viewE-Mail-Ansicht | 15 | the reading experiencedas Lese-Erlebnis |
| Response to calendar event inside emailAntwort auf Kalender-Event in der E-Mail | 12 | the Event Widget in actiondas Event Widget im Einsatz |
| Validation & error outputValidierung & Fehlerausgabe | 12 | dedicated unhappy-path speceigene Unhappy-Path-Spez |
| Email signatureE-Mail-Signatur | 11 | signature creation & managementSignatur erstellen & verwalten |
| Contact search & suggestionsKontaktsuche & Vorschläge | 11 | recipient lookup in the composerEmpfängersuche im Composer |
| Create-letter errorsFehler beim Erstellen von E-Mails | 10 | a second error-only speceine zweite reine Fehler-Spez |
| Mail list v1 + v2Mail-Liste v1 + v2 | 7 + 7 | the inbox list, iterated twicedie Posteingangsliste, zweimal iteriert |






Documents are in their original working language — shown as authentic process artifacts.Die Dokumente sind in der Original-Arbeitssprache — gezeigt als authentische Prozess-Artefakte.
The spec archive sat beside a research archive: the mail-search research plan and a 2022 mail-search study (two plans, results, draft spec), a move-email-to-folder survey (plan + results), and a 2024 CustDev bundle of 8 documents spanning internal, external and assistant user groups. Specs and studies fed each other — the offline-search spec, for instance, exists because executives kept demanding offline.
Neben dem Spez-Archiv stand ein Research-Archiv: der Mail-Suche-Researchplan und eine Mail-Suche-Studie von 2022 (zwei Pläne, Ergebnisse, Spez-Entwurf), eine Umfrage zum Verschieben von E-Mails in Ordner (Plan + Ergebnisse) und ein CustDev-Paket von 2024 mit 8 Dokumenten zu internen, externen und Assistenz-Nutzergruppen. Spezifikationen und Studien speisten einander — die Offline-Such-Spez etwa existiert, weil Führungskräfte immer wieder Offline forderten.
Enterprise mail is compliance-heavy, and the archive shows it: 16 documents cover cryptographic signing and encryption — certificates, secure mail — and a dedicated accessibility document maps the flows to Android and iOS platform conventions.
Enterprise-Mail ist compliance-lastig, und das Archiv zeigt es: 16 Dokumente behandeln kryptografische Signaturen und Verschlüsselung — Zertifikate, sichere Mail — und ein eigenes Accessibility-Dokument ordnet die Flows den Plattformkonventionen von Android und iOS zu.
It also explains why error states and offline got first-class specs. When an encrypted email fails to send, "something went wrong" is not an acceptable message — hence two dedicated error specs (22 pages). And when your heaviest users read mail between meetings and on flights, offline search is not a nice-to-have — hence its own 17-page document.
Das erklärt auch, warum Fehlerzustände und Offline eigene, vollwertige Spezifikationen bekamen. Wenn eine verschlüsselte E-Mail nicht gesendet werden kann, ist „Etwas ist schiefgelaufen" keine akzeptable Meldung — daher zwei eigene Fehler-Spezifikationen (22 Seiten). Und wenn die intensivsten Nutzer ihre Mails zwischen Meetings und im Flugzeug lesen, ist Offline-Suche kein Nice-to-have — daher ein eigenes 17-Seiten-Dokument.
In a corporate email client used by large enterprises, search was technically there. On mobile, it sat almost untouched. The obvious explanations — "users don't need it", "mobile mail is just triage" — didn't survive contact with actual users.
Im Corporate-E-Mail-Client, den große Unternehmen einsetzen, war die Suche technisch vorhanden. Auf Mobile blieb sie fast unberührt. Die naheliegenden Erklärungen — „Nutzer brauchen sie nicht", „mobile Mail ist nur Triage" — hielten dem Kontakt mit echten Nutzenden nicht stand.
Interviews revealed the real reason: people didn't understand how search worked, so they built workarounds instead. They flagged emails they'd need later, or marked messages as unread to find them again — manual bookmarking to avoid a search box they didn't trust.
Interviews zeigten den wahren Grund: Die Menschen verstanden nicht, wie die Suche funktioniert — also bauten sie sich Workarounds. Sie markierten E-Mails mit Kennzeichnungen oder setzten Nachrichten auf „ungelesen", um sie wiederzufinden: manuelles Bookmarking, um einem Suchfeld auszuweichen, dem sie nicht vertrauten.
In 2022 I ran 8 semi-structured interviews (20–25 minutes each), screened from a pool of 20+ candidates. Each session ended with a ranking exercise: participants ordered 9 search capabilities by how much they mattered to them. The result was a priority list built by users, not by the team's gut feeling.
2022 führte ich 8 halbstrukturierte Interviews (je 20–25 Minuten) durch, gescreent aus einem Pool von über 20 Kandidatinnen und Kandidaten. Jede Session endete mit einer Ranking-Übung: Die Teilnehmenden ordneten 9 Suchfunktionen danach, wie wichtig sie ihnen waren. Das Ergebnis war eine Prioritätenliste der Nutzenden — nicht das Bauchgefühl des Teams.
As-you-type search ranked #4 and attachment search #5. Behind the ranking sat concrete needs:
Die Suche beim Tippen landete auf Platz 4, die Anhang-Suche auf Platz 5. Hinter dem Ranking standen konkrete Bedürfnisse:





Recreated in English for the portfolio; production screens follow the same Material 3 specs.Für das Portfolio auf Englisch nachgebaut; die Produktions-Screens folgen denselben Material-3-Spezifikationen.
The study translated directly into a ranked UX backlog per feature:
Die Studie übersetzte sich direkt in ein priorisiertes UX-Backlog pro Feature:
To understand the heaviest email users, I ran in-depth CustDev interviews with 12 executives — 7 internal C-level leaders and 5 external directors of major corporations — 40–60 minutes each.
Um die intensivsten E-Mail-Nutzer zu verstehen, führte ich CustDev-Tiefeninterviews mit 12 Führungskräften — 7 interne C-Level-Führungskräfte und 5 externe Direktoren großer Konzerne — je 40–60 Minuten.
The pattern was unambiguous: folders and filters are abandoned. For these users, search is not a feature — it is the navigation method in email. And mobile search was perceived as far weaker than desktop, which is exactly where executives live between meetings.
Das Muster war eindeutig: Ordner und Filter werden aufgegeben. Für diese Nutzer ist die Suche kein Feature — sie ist die Navigationsmethode in E-Mail. Und die mobile Suche wurde als deutlich schwächer wahrgenommen als die Desktop-Suche — genau dort, wo Führungskräfte zwischen Meetings unterwegs sind.
A survey of 252 respondents — 152 internal and 100 external users — mapped how notifications should behave on mobile.
Eine Umfrage unter 252 Befragten — 152 interne und 100 externe Nutzer — kartierte, wie sich Benachrichtigungen auf Mobile verhalten sollten.
The verdict split cleanly by audience: 89% of internal users wanted event notifications first, while 60% of external users wanted mail notifications first. The build order isn't one decision — it depends on which segment you're shipping for.
Das Urteil teilte sich sauber nach Zielgruppe: 89% der internen Nutzer wollten zuerst Termin-Benachrichtigungen, während 60% der externen Nutzer zuerst Mail-Benachrichtigungen wollten. Die Build-Reihenfolge ist keine einzelne Entscheidung — sie hängt vom Segment ab, für das man liefert.
The follow-up is already designed: a cross-module search study — mail, calendar, tasks and contacts in one query — with 7+ respondents and hypotheses on filters, sorting, search history and dynamic results.
Das Follow-up ist bereits konzipiert: eine modulübergreifende Suchstudie — Mail, Kalender, Aufgaben und Kontakte in einer Anfrage — mit 7+ Befragten und Hypothesen zu Filtern, Sortierung, Suchverlauf und dynamischen Ergebnissen.
A prioritized, evidence-ranked search backlog was adopted into the product roadmap. Just as important is what the ranking prevented: building the wrong thing first. Users wanted speed and scope — not buttons and filters. Without the ranking, the team would likely have shipped exactly the features users cared about least.
Ein priorisiertes, evidenzbasiert gerangtes Such-Backlog wurde in die Produkt-Roadmap übernommen. Ebenso wichtig ist, was das Ranking verhindert hat: zuerst das Falsche zu bauen. Die Nutzer wollten Geschwindigkeit und Reichweite — keine Buttons und Filter. Ohne das Ranking hätte das Team vermutlich genau die Features geliefert, die den Nutzern am wenigsten bedeuteten.