Patterns that earn user trust

An empty state is a teaching moment. Never "Keine Daten" — always tell users what they can do next. First-time states differ from "you have nothing yet" states. After a filter that returns nothing, show how to clear the filter.

Different waits need different signals. A button click that resolves in 200ms doesn't need a spinner. A page that loads data needs a skeleton. Spinner is for buttons, Skeleton is for content. Never a centered spinner on a blank page.

Confirmation modals are friction tax. Undo is the better pattern for most destructive actions — the action happens immediately, a toast appears with 5s to undo. Click "Entfernen" below to try it.

When to use confirm-modal instead of undo: when the action can't be undone (account deletion, sending an email), or when the cost of a mistake is high. For "remove from list", "archive", "mark as not interested" — always undo.

Validate on blur (when the user leaves the field), not on every keystroke. The error message sits directly below the field it concerns, explains the problem, and never wipes the input. Submit stays disabled until valid.

Active-edit surfaces (CV Builder, profile, settings) auto-save and visibly tell users so. Three states: saving (pulse amber), saved (steady green), error (Hot-Rod with retry).

Network down? Session timed out? Tell users, preserve their work, give them a path forward. Banners sit at the top of the affected surface — never modal, never blocking.

Every error page gives 2-3 options: go home, search, or contact support. Never just "Etwas ging schief." Tell users what happened and what they can do.

On mobile, "More actions" lives in a bottom sheet, not a top-anchored dropdown. The sheet rises from the bottom edge (thumb zone), has a grabber for swipe-to-dismiss, and groups destructive actions visually separated at the bottom.

For actions the server is almost certain to accept (status change, like, mark-as-read), update the UI immediately and tell the server in parallel. If the server rejects, revert with a toast. Used in Tracker for stage transitions.

Every dashboard surface ships with discoverable shortcuts. Press ? to see them all. The shortcut overlay is a sheet (not a modal), with shortcuts grouped by section and shortcut hints inline on the buttons.