TeddyLander App-Architektur — 5 Varianten im Vergleich
App-Architektur · 5 Varianten

Wie soll sich der User in TeddyLander bewegen?

Fünf Architektur-Vorschläge für die App. Jede Variante mit Live-Mockup, Pro- und Contra-Argumenten und Empfehlung. Klick durch die Tabs und entscheide dich datenbasiert.

Variante A · Klassisches Pattern

Linear Wizard — Schritt für Schritt

Der User wird durch alle Schritte geführt. Kein Dashboard, keine Wahl, keine Verirrung. Wie ein Steuerberater-Programm.

lander.teddynews.at/erstellen/schritt-3
W
SCHRITT 3 VON 6
Wie sieht dein Brand aus?
Logo hochladen
URL scannen
Branche wählen
🐻
Logo hier ablegen
oder klicken
Wir extrahieren die Farben automatisch. Empfohlen: PNG mit transparentem Hintergrund.
Klick-Tiefe
6 Steps
Time-to-Aha
~3 Min
+ Stärken
  • Maximale Klarheit für Erstnutzer
  • Keine Verirrung möglich
  • Einfachster Build (Standard-Pattern)
  • Funktioniert ohne Erklärung
− Schwächen
  • Wiederholungs-Nutzer wird gezwungen, alles erneut durchzuklicken
  • Kein Überblick über bestehende Projekte
  • Bei 6 Steps: hohe Drop-off-Rate (Studien zeigen ~7% pro Step)
  • Power-User können nicht abkürzen
Empfehlung für TeddyLander
Nur als Erstnutzungs-Modus geeignet. Für Wiederkehrer zu starr. Würde Power-User-Funktionen blockieren.
Variante B · Hybrid · Empfohlene Lösung

Dashboard-Hub mit Wizard für die Erstellung

Zentrales Dashboard zeigt alle Projekte. Klick auf "Neue Seite" startet den Wizard. Der Wizard ist nicht der Entry-Point, sondern das Werkzeug.

lander.teddynews.at
+
$
Deine Projekte
Vorschau gratis, Publish kostenpflichtig. Generiere unbegrenzt — beim Veröffentlichen entscheidest du dich.
Hotel-Wachau-Sommer
LIVE · 12 Aufrufe heute
Pizza-Pasquale-Promo
VORSCHAU · noch nicht publiziert
Yoga-Retreat-Klagenfurt
ENTWURF
Klick-Tiefe
2-3 Klicks
Time-to-Aha
~90 Sek
★ Belegte Empfehlung

Linear, Notion, Figma und HubSpot nutzen alle dieses Pattern. Dashboard-Hub für Wiederkehrer, Wizard nur für die Erstellung. Kombiniert Klarheit + Wiederholbarkeit.

+ Stärken
  • Erstnutzer haben klaren Pfad (Wizard)
  • Power-User sehen alle Projekte sofort
  • Status-Übersicht (Draft/Preview/Live) auf einen Blick
  • Skaliert mit User-Erfahrung
  • Standard-Pattern, User kennen es
− Schwächen
  • Etwas mehr Build-Aufwand
  • Dashboard kann bei vielen Projekten unübersichtlich werden (lösbar mit Filtern)
Empfehlung für TeddyLander
★ Beste Lösung. Belegt durch Linear/Notion/Figma/HubSpot. Sidebar links für Hauptaktionen, Hauptbereich für Projekt-Karten. Erstnutzer triggert Wizard via "+ Neue Seite".
Variante C · Maximale Freiheit

Pure Dashboard — Alle Optionen sichtbar

Alle Funktionen direkt verfügbar. Kein Wizard, kein geführter Pfad. Wie ein Werkzeugkasten — der User entscheidet.

lander.teddynews.at/dashboard
W
Schnellaktionen
Neue Seite
Galerie
📊
Analytics
Idee → Seite (direkt)
Letzte Projekte
Hotel
Pizza
Yoga
+ Mehr
Klick-Tiefe
1 Klick
Time-to-Aha
~60 Sek
+ Stärken
  • Schnellster Weg zur Generierung
  • Power-User können sofort starten
  • Alle Funktionen einen Klick entfernt
− Schwächen
  • Choice Paralysis bei Erstnutzern (Studien: 75 % brechen ab)
  • Keine Erklärung der Funktionen
  • Wirkt wie Werkzeugkasten, nicht wie geführtes Tool
  • Hohe Bounce-Rate bei Tourismus-Zielgruppe
Empfehlung für TeddyLander
Ungeeignet für deine Zielgruppe. Tourismus/Hotellerie braucht klare Führung, kein Werkzeugkasten. Funktioniert nur bei tech-affinen Power-Usern.
Variante D · 2026 State-of-the-Art

Adaptive UI — UI passt sich dem User an

Erstnutzer sieht geführten Pfad. Wiederkehrer sieht Dashboard. Power-User bekommt Shortcuts. Die UI lernt mit.

lander.teddynews.at · adaptiver Modus
W
Willkommen zurück, Wolfgang!
Du hast 3 Live-Projekte. Hier sind deine nächsten Schritte:
Personalisierte Vorschläge
  • Hotel-Wachau-Seite ist live (3 Aufrufe gestern)
  • Pizza-Pasquale wartet auf deine Freigabe
  • Du könntest dein nächstes Bundle (10 Seiten = 35% sparen) sichern
  • Newsletter-Modul für Yoga-Retreat aktivieren
Schnellaktion
ⓘ Defaults: Logo Wachau, Stil "elegant", DE+EN, Branche Hotellerie
Erstnutzer-Hinweis: Bei deiner ersten Seite wurden alle Optionen Schritt für Schritt erklärt. Heute siehst du die kompakte Version.
Klick-Tiefe
1-3 Klicks
Time-to-Aha
~60 Sek
+ Stärken
  • Beste UX überhaupt (Linear-Pattern 2026)
  • Erstnutzer + Wiederkehrer + Power-User glücklich
  • Lernt mit dem User
  • Personalisierte Empfehlungen erhöhen Verweildauer
− Schwächen
  • Hoher Build-Aufwand (User-Tracking, Profile, Logik)
  • Erfordert Analytics-Backend
  • Ungeeignet für Solo-Entwickler-Phase 1
  • Erst sinnvoll ab 100+ aktiven Usern
Empfehlung für TeddyLander
Phase-2-Ziel. Diese Variante ist das Endziel — aber zu früh für jetzt. Empfehlung: Mit Variante B starten, später adaptive Elemente hinzufügen.
Variante E · Minimalismus

Progressive Disclosure — Eine Aktion auf einmal

Bildschirm zeigt nur das Element, das der User gerade braucht. Apple-Style: minimal, klar, fokussiert. Keine Ablenkung.

lander.teddynews.at
W
Was möchtest du tun?
Drei Optionen. Mehr brauchst du nicht.
Klick-Tiefe
3-5 Klicks
Time-to-Aha
~2 Min
+ Stärken
  • Maximale Anti-Fatigue (nichts ablenkt)
  • Apple-Style, hohe Markenwirkung
  • Mobile-First perfekt
  • Erstnutzer fühlen sich sofort wohl
− Schwächen
  • Power-User hassen es (ständig wechseln)
  • Status-Übersicht über Projekte fehlt
  • Mehr Klicks zur gleichen Aktion
  • Bei vielen Projekten frustrierend
Empfehlung für TeddyLander
Nur als Mobile-Variante geeignet. Auf Desktop zu wenig Information. Empfehlung: Variante B als Desktop, Variante E als Mobile-View.

Architektur-Vergleich · Stand April 2026 · Quellen: SaaSUI Design Lab, Eleken, Userpilot, Procreator (alle 2025/2026)

© 2026 Teddynews · lander.teddynews.at