UX & Customer-Journey Report – Vereins-Wiki Admin

Inhaltsverzeichnis

1 · Management Summary 6 · Detaillierte Findings 2 · Umfang & Methodik 7 · Priorisierungs-Matrix 3 · Bereichs-Scorecard 8 · Handlungsempfehlungen 4 · Customer-Journey-Analyse 9 · Umsetzung: Lovable-Prompts 5 · Findings-Übersicht 10 · Anhang

1 · Management Summary

Das Admin-Studio von Vereins-Wiki ist ein durchdacht gestaltetes, modernes Redaktionswerkzeug, das die technisch aufwendige Website-Erstellung für Vereine stark vereinfacht.

Aus Sicht eines nicht besonders technikaffinen Vereinsverantwortlichen überzeugt die Plattform mit einem funktionsreichen Block-Editor, hilfreichen KI-Assistenten, Live-Vorschau und einem personalisierten Dashboard. Der Content-Workflow – Kategorie anlegen, Seite erstellen, Blöcke befüllen, veröffentlichen – funktioniert im Kern zuverlässig und wurde im Test vollständig durchlaufen.

Die größten Reibungspunkte liegen weniger in fehlenden Funktionen als in Orientierung, Benennung und Fehlertoleranz: Es fehlt eine sichtbare Setup-Führung für den Start, KI-Funktionen sind über mehrere Menüpunkte verstreut, das Verhältnis von „versteckt" zu „veröffentlicht" ist mehrdeutig, technische Fehlermeldungen erreichen ungefiltert die Oberfläche, und einzelne Bereiche (mobile Reservation, 404-Seite) sind noch nicht ausgereift.

Stärken

Umfangreiche, saubere Blockbibliothek (22 Typen)
KI-Unterstützung für Struktur, Inhalte & Kommunikation
Live-Vorschau und Auto-Save im Editor
Personalisiertes Dashboard mit KPIs & Schnellzugriff
Klare Marken- und Design-Steuerung

Handlungsbedarf

Kein sichtbarer Onboarding-/Setup-Fortschritt
KI-Funktionen verstreut & Fehler technisch formuliert
Sichtbarkeit/Veröffentlichung mehrdeutig
Löschen ohne Sicherheitsnetz
Mobile-Feinschliff & Sprach-/A11y-Konsistenz

2 · Umfang & Methodik

Analysiert wurde der gesamte Admin-Bereich vereins-wiki.com/s/test-unlimited/admin/* in zwei Runden: eine heuristische Begehung aller Bereiche sowie ein interaktiver Test des Content-Workflows. Bewertet aus Sicht eines nicht besonders technikaffinen Vereinsverantwortlichen.

Begangene Bereiche

DashboardInhalte verwaltenSeiten & StartseiteBlock-EditorMitgliederSpieleNewsletterReservationenLayout / Design & StilDarstellungDomainChatbotKI-Werkzeuge (6 Tools)KI-StudioTutorialEinstellungen (5 Tabs)

Durchgeführte Interaktionen

Kategorie „Vereinsleben" angelegt
Seite „Über unseren Verein" erstellt
Hero-Block „Vollbild zentriert" befüllt
FAQ-Block (Akkordeon) befüllt
Block dupliziert & gelöscht
Seite veröffentlicht
KI-Studio-Prompt abgesetzt (Fehlerfall)
Mobile-Vorschau geprüft

Bewertungsskala: Kritisch Wichtig Mittel Gering · Bereichs-Score (0–10) = Klarheit + Effizienz + Konsistenz + Fehlertoleranz.

3 · Bereichs-Scorecard

Relative Bewertung der Bereiche (0–10). Die inhaltlichen Kernbereiche schneiden stark ab; Handlungsbedarf konzentriert sich auf KI-Robustheit, Mobile-Darstellung und Navigations-Nomenklatur.

4 · Customer-Journey-Analyse

Zufriedenheitsverlauf entlang der fünf Phasen der Vereins-Reise. Der spürbare Einbruch bei „Veröffentlichen" resultiert aus der mehrdeutigen Sichtbarkeitslogik.

Phase	Erlebnis	Zentraler Reibungspunkt
1 · Onboarding	Personalisiertes Dashboard, zwei Tutorial-Tiefen, KI-Startstruktur & Website-Import.	Keine sichtbare Setup-Fortschrittsanzeige.
2 · Inhalte	Block-Editor, Live-Vorschau, Layout-Varianten, Auto-Save.	Konzept „Datenquelle → Anzeigeblock" nicht erklärt.
3 · Gestalten	Farben, Schrift, Logo mit Mini-Previews.	Kein Theme-/Vorlagensystem.
4 · Veröffentlichen	Domain-Anbindung mit Anbieter-Erkennung, klarer Publish-Button.	„Versteckt" vs. „Veröffentlicht" mehrdeutig.
5 · Betrieb	Listen mit Suche & CSV-Export, starke KI-Assistenten.	KI-Fehlerbehandlung; Mobile-Darstellung.

5 · Findings-Übersicht

Verteilung nach Schweregrad

1Kritisch

3Wichtig

3Mittel

2Gering

Positiv: Nur ein kritisches Finding, gut isolierbar (KI-Fehlerbehandlung). Der Großteil betrifft Klarheit & Konsistenz.

6 · Detaillierte Findings

Neun konkrete Beobachtungen aus der Begehung und dem Interaktionstest, nach Schweregrad eingeordnet.

F1 · Kein sichtbarer Onboarding-/Setup-Fortschritt

Wichtig

Bereich: Dashboard / Onboarding

Neue Vereine landen ohne geführte Schritt-für-Schritt-Orientierung im Admin. Es ist unklar, was zuerst zu tun ist.

Empfehlung: Persistente „Erste Schritte“-Checkliste mit Fortschrittsbalken einführen.

F2 · KI-Funktionen über mehrere Menüpunkte verstreut

Wichtig

Bereich: KI-Studio / Werkzeuge / Chatbot

KI-Studio, KI-Werkzeuge, KI-Startstruktur und Chatbot liegen an getrennten Orten; der Credit-Stand ist inkonsistent sichtbar.

Empfehlung: In einem Hub „KI-Assistenten“ bündeln, nach Anwendungsfall gruppieren.

F3 · Navigations-Nomenklatur teils mehrdeutig

Wichtig

Bereich: Navigation / Benennung

Begriffe wie „Darstellung/Modus“ und „Layout“ vs. „Design & Stil“ sind für Laien schwer zuzuordnen.

Empfehlung: Bezeichnungen schärfen, Hilfe-Tooltips ergänzen, verwandte Punkte gruppieren.

F4 · Kein Theme-/Vorlagensystem

Mittel

Bereich: Layout / Gestalten

Farben, Schrift und Logo lassen sich einzeln setzen, aber es fehlt ein kuratierter Schnellstart über Vorlagen.

Empfehlung: 5–8 anwendbare Design-Themes mit Live-Vorschau anbieten.

F5 · Technische KI-Fehlermeldung erreicht die Oberfläche

Kritisch

Bereich: KI-Studio / Fehlertoleranz

Ein KI-Studio-Prompt lieferte die Rohmeldung „Edge Function returned a non-2xx status code“ statt eines verständlichen Hinweises.

Empfehlung: Backend-Fehler abfangen, deutscher Klartext + „Erneut versuchen“; Eingabe erhalten.

F6 · „Versteckt“ vs. „Veröffentlicht“ mehrdeutig

Wichtig

Bereich: Content-Workflow / Veröffentlichen

Neue Seiten sind standardmäßig VERSTECKT; eine „veröffentlichte“ Seite kann für Besucher dennoch unerreichbar bleiben.

Empfehlung: Sichtbarkeit & Veröffentlichung vereinheitlichen; Rückfrage bei versteckten Seiten.

F7 · Löschen ohne Sicherheitsnetz

Mittel

Bereich: Block-Editor / Fehlertoleranz

Blöcke werden sofort und ohne Rückfrage oder Rückgängig-Option gelöscht.

Empfehlung: Bestätigung bzw. „Rückgängig“-Snackbar; optional Papierkorb.

F8 · 404-Seite nicht lokalisiert

Mittel

Bereich: Konsistenz / Sprache

Eine nicht existierende Route liefert eine englische Fehlerseite („Oops! Page not found“) in einer sonst durchgängig deutschen App.

Empfehlung: 404-Seite lokalisieren und ins App-Design einbetten.

F9 · Text- & Detailinkonsistenzen

Gering

Bereich: Politur / A11y

Funktionen-Toggles nutzen Nicht-Umlaut-Schreibweisen (Ueberblick, fuer). Einige Icon-Buttons ohne Accessibility-Label. Die Live-Vorschau aktualisiert beim Neu-Block-Editieren erst nach dem Hinzufügen.

Empfehlung: Umlaute korrigieren, aria-labels & Tooltips ergänzen, Vorschau in Echtzeit aktualisieren.

7 · Priorisierungs-Matrix

Findings nach Wirkung (Nutzen) und Umsetzungsaufwand. Der grüne Bereich (hohe Wirkung, geringer Aufwand) enthält die empfohlenen Sofortmaßnahmen.

8 · Handlungsempfehlungen & Roadmap

Empfohlene Umsetzungsreihenfolge in vier Wellen – vom schnellen Sicherheitsnetz bis zu strategischen Wachstumshebeln.

Welle	Fokus	Maßnahmen	Findings
Sofort 0–2 Wochen	Fehlertoleranz & Vertrauen	KI-Fehler benutzerfreundlich abfangen; Löschen mit Bestätigung/Undo absichern.	F5, F7
Kurzfristig 2–6 Wochen	Orientierung & Klarheit	Onboarding-Checkliste; Sichtbarkeit/Veröffentlichung vereinheitlichen; Navigations-Benennung schärfen.	F1, F3, F6
Mittelfristig 6–12 Wochen	Konsistenz & Reichweite	KI-Bereiche konsolidieren; Reservations-Block mobil optimieren; 404-Lokalisierung; Text- & A11y-Politur.	F2, F8, F9
Strategisch Backlog	Aktivierung & Wachstum	Design-Vorlagen/Themes; Vereinstyp-Personalisierung; „Seite ist live“-Erlebnis.	F4, Opportunitäten

9 · Umsetzung: Lovable-Prompts

Jede Handlungsempfehlung ist als sofort einsetzbarer Umsetzungs-Prompt formuliert – mit Ziel, Kontext, konkreten Anforderungen und Akzeptanzkriterien.

9.1 Prompts aus der Grundanalyse (Phase 1)

Prompt 1 — Onboarding-Fortschritt & Setup-Checkliste Erweitere das Admin-Dashboard um eine persistente „Erste Schritte“-Checkliste mit Fortschrittsbalken. Kontext: Neue Vereine landen ohne Orientierung im Admin. Anforderungen: (1) Zeige oben im Dashboard eine Karte mit 5–7 Setup-Schritten (Logo & Farben festlegen, erste Seite erstellen, Navigation prüfen, Domain verbinden, Mitglieder/Team anlegen, veröffentlichen). (2) Jeder Schritt ist klickbar und führt direkt an die richtige Stelle. (3) Erledigte Schritte werden automatisch erkannt und abgehakt; der Fortschritt wird als Prozentbalken dargestellt. (4) Die Karte lässt sich einklappen, sobald 100 % erreicht sind. Akzeptanzkriterium: Ein neuer Verein erkennt in unter 10 Sekunden, was als Nächstes zu tun ist.

Prompt 2 — KI-Bereiche konsolidieren Führe die verstreuten KI-Funktionen (KI-Studio, KI-Werkzeuge, Chatbot/Vereinsgedächtnis, KI-Startstruktur) in einem klar benannten Hub „KI-Assistenten“ zusammen. Anforderungen: (1) Eine Übersichtsseite gruppiert alle KI-Tools nach Anwendungsfall (Inhalte erstellen, Struktur aufbauen, Kommunikation, Verwaltung). (2) Jedes Tool erhält eine Ein-Satz-Beschreibung und ein Beispiel. (3) Der KI-Credits-Stand ist zentral und konsistent sichtbar. Akzeptanzkriterium: Nutzer finden jede KI-Funktion über einen einzigen Einstiegspunkt.

Prompt 3 — Navigations-Nomenklatur schärfen Überarbeite die Bezeichnungen der Admin-Navigation auf Verständlichkeit für Vereins-Laien. Anforderungen: (1) Prüfe mehrdeutige Begriffe (z. B. „Darstellung/Modus“, „Layout“ vs. „Design & Stil“) und vereinheitliche sie. (2) Ergänze bei jedem Navigationspunkt einen kurzen Hilfe-Tooltip. (3) Gruppiere verwandte Punkte visuell (Inhalte / Erscheinungsbild / Verwaltung / KI). Akzeptanzkriterium: In einem Usability-Test ordnen 8 von 10 Testpersonen jede Aufgabe dem richtigen Menüpunkt zu.

Prompt 4 — Vereinstyp-basierte Personalisierung Führe beim Onboarding eine Abfrage des Vereinstyps ein (Sport, Musik, Kultur, sozial …) und personalisiere daraufhin die Startstruktur. Anforderungen: (1) Je nach Typ werden passende Vorlagen-Seiten, Blöcke und Beispielinhalte vorgeschlagen (z. B. Spielplan-Block für Sportvereine). (2) Nicht relevante Funktionen werden dezent in den Hintergrund gestellt. Akzeptanzkriterium: Die erste erstellte Seite passt ohne Nacharbeit zum Vereinszweck.

Prompt 5 — Design-Vorlagen / Themes Biete kuratierte Design-Vorlagen (Themes) als Startpunkt an. Anforderungen: (1) Stelle 5–8 vorkonfigurierte Themes mit Farbpaletten, Schriften und Beispiel-Layouts bereit. (2) Ein Theme lässt sich mit einem Klick anwenden und danach anpassen. (3) Live-Vorschau vor dem Übernehmen. Akzeptanzkriterium: Ein Verein erhält in unter 2 Minuten ein professionell wirkendes Erscheinungsbild.

Prompt 6 — Veröffentlichungs-Erlebnis Gestalte das Veröffentlichen einer Seite als klares, belohnendes Erlebnis. Anforderungen: (1) Nach dem Veröffentlichen erscheint eine Bestätigung mit direktem Link zur Live-Seite und Teilen-Optionen. (2) Der Sichtbarkeitsstatus (Entwurf / versteckt / live) ist im Editor jederzeit eindeutig sichtbar. (3) Ein Hinweis zeigt, ob die Seite in der Navigation verlinkt ist. Akzeptanzkriterium: Der Nutzer weiß nach dem Klick sofort, dass und wo die Seite öffentlich erreichbar ist.

Prompt 7 — Text- & Accessibility-Politur Vereinheitliche Sprache und Barrierefreiheit im gesamten Admin. Anforderungen: (1) Durchgängig Deutsch (keine englischen Reste, z. B. bei Fehlerseiten). (2) Konsistente Anrede und Terminologie. (3) Ausreichende Farbkontraste, Fokus-Zustände, aussagekräftige Button-Labels und Alt-Texte. Akzeptanzkriterium: WCAG-AA-Kontraste erfüllt; keine gemischtsprachigen Oberflächen.

9.2 Prompts aus der Praxis-Analyse (Phase 2 — mit erstellten Inhalten)

Prompt A — KI-Fehler benutzerfreundlich abfangen Ersetze technische KI-Fehlermeldungen durch verständliche, handlungsorientierte Hinweise. Kontext: Ein KI-Studio-Prompt lieferte die Rohmeldung „Edge Function returned a non-2xx status code“. Anforderungen: (1) Fange Backend-Fehler ab und zeige eine deutsche Klartext-Meldung mit Ursache und nächstem Schritt (erneut versuchen / später probieren / Support). (2) Biete einen „Erneut versuchen“-Button. (3) Der bereits eingegebene Prompt darf nicht verloren gehen. Akzeptanzkriterium: Keine rohen technischen Statuscodes in der Oberfläche.

Prompt B — Sichtbarkeit & Veröffentlichung vereinheitlichen Vereinheitliche die Logik von Sichtbarkeit und Veröffentlichung. Kontext: Neue Seiten sind standardmäßig „VERSTECKT“, wodurch veröffentlichte Inhalte trotzdem unsichtbar bleiben können. Anforderungen: (1) Ein einziger, klarer Status-Umschalter (Entwurf → Live) statt zweier separater Konzepte. (2) Beim Veröffentlichen einer versteckten Seite eine Rückfrage „Diese Seite ist derzeit versteckt — auch in der Navigation anzeigen?“. (3) Statusanzeige einheitlich in Seitenliste und Editor. Akzeptanzkriterium: Es ist unmöglich, eine Seite zu „veröffentlichen“, die für Besucher unerreichbar bleibt, ohne dass der Nutzer darauf hingewiesen wird.

Prompt C — Löschen mit Sicherheitsnetz Führe eine Bestätigung und eine Rückgängig-Option beim Löschen ein. Kontext: Blöcke/Inhalte werden aktuell sofort und ohne Rückfrage gelöscht. Anforderungen: (1) Vor dem endgültigen Löschen eine kurze Bestätigung oder ein „Rückgängig“-Snackbar (5–10 Sek.). (2) Optional ein Papierkorb für kürzlich gelöschte Elemente. Akzeptanzkriterium: Versehentliches Löschen ist in einem Schritt umkehrbar.

Prompt D — Reservations-Block mobil optimieren Optimiere die mobile Darstellung des Reservations-Blocks. Kontext: In der mobilen Vorschau wirkt der Block gedrängt. Anforderungen: (1) Responsives Layout mit gestapelten Feldern und ausreichenden Touch-Zielen (min. 44px). (2) Zeit-/Ressourcenauswahl mobil scrollbar statt gequetscht. (3) Test auf 360px-Breite. Akzeptanzkriterium: Der Buchungsvorgang ist auf dem Smartphone ohne Zoomen bedienbar.

Prompt E — Block-Picker vereinheitlichen Vereinheitliche und verbessere die Blockauswahl (22 Blocktypen). Anforderungen: (1) Kategorisiere Blöcke (Inhalt, Struktur, Verein, Interaktion, Medien). (2) Vorschau-Miniaturen und Suchfeld. (3) Konsistenter Einstiegspunkt zum Hinzufügen an jeder Stelle der Seite. Akzeptanzkriterium: Der passende Block ist in unter 15 Sekunden auffindbar.

Prompt F — Kleinkorrekturen Behebe gesammelte kleinere Mängel. Anforderungen: (1) 404-Seite vollständig lokalisieren (Deutsch). (2) „Block hinzufügen“-Trigger überall gleich und gut sichtbar platzieren. (3) Echtzeit-Vorschau von Änderungen im Editor sicherstellen (keine erforderliche Neuladung). Akzeptanzkriterium: Konsistentes, sprachlich sauberes Editor-Erlebnis ohne Brüche.

10 · Anhang

10.1 Getestete Admin-Bereiche (18)

Dashboard / ÜbersichtMitgliederSpielpläne & Ranglisten NewsletterReservationen & VerwaltenLayout Darstellung / ModusDomainChatbot KI-WerkzeugeKI-StudioTutorial Einstellungen: KontoEinstellungen: UserEinstellungen: Funktionen Einstellungen: Paket & AboSeiten & KategorienSeiten-Editor & Blockbibliothek

10.2 Getestete Blocktypen (22)

HeroText + BildFunktionen / Bento Bild-KachelnSchnellzugriffKategorien NewsSpielplanRanglisten Personen / TeamKennzahlenTimeline Stimmen / ZitateGalerieSponsoren / Partner FAQAufruf-Band (CTA)Newsletter ReservationHighlight-BannerFreitext Abstand / Trenner

10.3 Während der Analyse erstellte Testinhalte

Für die Praxis-Analyse (Phase 2, mit Freigabe) wurden im Verein test-unlimited angelegt: die Kategorie „Vereinsleben“ sowie die Seite „Über unseren Verein“ (Slug: ueber-unseren-verein) mit Hero-Block (Vollbild zentriert) und FAQ-Block (Akkordeon), veröffentlicht. Ein zwischenzeitlich duplizierter Test-Block wurde bereits entfernt. Diese Inhalte können auf Wunsch gelöscht werden.

10.4 Rahmendaten

Merkmal	Wert
Analysierter Bereich	vereins-wiki.com/s/test-unlimited/admin/*
Live-Domain des Vereins	test-unlimited.vereins-wiki.com
Paket	Unlimited (CHF 79 / Monat)
Primärfarbe / Sekundärfarbe	#0074CC / #031E35
Schrift	Source Sans 3
Perspektive	Neukunde / Vereinsverantwortliche(r) ohne Web-Vorkenntnisse