B2B Checkout UX — Muster, die konvertieren
Im B2B‑Enterprise‑Umfeld ist der Checkout kein reiner Abschluss, sondern der operative Knotenpunkt, an dem Einkaufsrichtlinien, Finanzkontrollen und Rollen zusammenlaufen. Ein konvertierender Self‑Service‑Checkout in Magento 2 bildet diese Realität ab und vereinfacht komplexe Beschaffungsprozesse. Die folgenden Muster sind praxisorientiert und technisch verankert.
Firmenkontext & rollenbasierter Zugriff
- Firmenkonto & Rolle sichtbar: Firmenname und Nutzerrolle (z. B. „Einkäufer“, „Genehmiger“) prominent anzeigen. Backend: `Company`/`CompanyUser` (Service Contracts wie `Magento\\Company\\Api\\CompanyManagementInterface`).
- Dynamische Felder: Felder abhängig von Rolle/Policy rendern (PO‑Nummer, Kostenstelle, Genehmigungsnotiz). Layout‑Injection via Observer (`checkout_controller_onepage_index`) und UI‑Components/Knockout.
- Adressverwaltung: Firmenadressbuch vs. persönliche Adressen trennen; Berechtigungen für Anlage/Änderung auf Firmenebene beachten.
Zahlungsprofile & Beschaffung
- Sichtbarkeit von Zahlungsarten: Nach Firmenstatus/Berechtigung filtern. Verfügbarkeit via Plugin auf `Payment\\Method\\Availability` steuern.
- PO & Kostenstelle: Pflicht/optional je Policy. Optionen aus ERP laden; als Extension Attributes an `Quote`/`Order` persistieren (`extension_attributes.xml`).
- Genehmigungsfluss: Bei Limitüberschreitung statt „Bestellen“ → „Zur Genehmigung einreichen“. Eigener Order‑Status (z. B. „Pending Approval“), Observer auf `sales_order_place_before` und B2B Approval Rules nutzen.
Schnellbestellung & Wiederbestellung
- Quick‑Order/Requisition Lists: SKUs+Mengen einfügen oder gespeicherte Listen wählen; Warenkorb per API befüllen, direkt zur Review‑Stufe springen.
- Reorder aus Historie: Einzelpositionen aus früheren Bestellungen in den aktuellen Warenkorb übernehmen.
- Gespeicherte Warenkörbe & Terminierung: Carts speichern/geplant auslösen; Cron per `crontab.xml` zur Auftragserzeugung.
Fehlerbehandlung & Validierung
- Realtime‑Bestand/ATP: Beim Hinzufügen und beim Checkout prüfen (MSI APIs). Frühzeitige Signale statt Blocker am Ende.
- Kontextuelle Validierung: Präzise Meldungen („PO nötig > 500 €“). Regeln über UI‑Components/Validatoren.
- Graceful Recovery: Bei Gateway/ERP‑Fehler Warenkorbzustand sichern; klare Meldung; Persistent Cart/Sitzungsnachrichten nutzen.
Performance & Skalierung
- Preisberechnung optimieren: Indizes für Gruppen/Staffeln/Verträge; komplexe Regeln auslagern; Caching einsetzen.
- Asynchronisieren: Nicht‑kritisches (Steuerprüfung, Adressvalidierung, Fraud‑Checks) in Queues (`queue.xml`).
- API‑Aufrufe minimieren: Deduplizieren, GraphQL zielgenau verwenden (Headless).
Barrierefreiheit
- WCAG 2.1 AA: Tastaturbedienung, Screenreader, ARIA; semantisches HTML.
- Visuelle Hierarchie: Klare Steps/Überschriften, gruppierte Felder, prominenter CTA.
Trust, Transparenz & Sicherheit
- Transparente Kosten: Subtotal, Rabatte, Steuern, Versand, Zuschläge aus `Quote`‑Totals klar aufschlüsseln.
- Compliance‑Signale: PCI/SSL‑Hinweise, Datenschutz verlinken.
- Fraud‑Signale: Regeln/Services für IP, Velocity, Address‑Mismatch integrieren.
Analytics & iteratives Lernen
- Funnel: Schrittweise Drop‑Offs messen (Versand, Zahlung, Review).
- Error‑Monitoring: Validierungsfehler analysieren und UI/Prozesse anpassen.
Rollout & A/B‑Tests
- Pilotgruppen: Zunächst ausgewählte Firmen/Gruppen umstellen, Feedback sammeln.
- A/B‑Varianten: CTA‑Text, Feldreihenfolge, Schrittanzahl per Feature‑Flags testen; Conversion und Warenkorbwerte vergleichen.