Kiosk, Companion und NOW! App

Dieser Abschnitt klärt die Begriffe und zeigt dir, wie Kiosk (Touchscreen im Center), Companion (die mobile Nutzeroberfläche) und die NOW! App zusammenspielen.

Begriffe

Kiosk

Der Kiosk ist das physische Touchscreen-Terminal im Center. Besucher nutzen ihn vor Ort: Wegfindung, Shopsuche, Angebote, Events, Services. Je nach Konfiguration des Centers kann der Kiosk verschiedene App-Typen anzeigen (z.B. reine Wegfindung, Smart Search mit KI, Feedback-Terminal). Das Template (z.B. Premium AI) bestimmt Layout, Farben und welche Funktionen sichtbar sind. Optional können zusätzliche Module (Verkehr, Social-Feed, ÖPNV-Abfahrten) und barrierefreie Modi (Rollstuhl, Aufzug, vereinfachte Sprache) aktiviert werden. Bei Inaktivität kann der Kiosk in einen DOOH-Werbeslot wechseln – Details unter DOOH-Modus im Kiosk.

Companion

Companion ist die technische Bezeichnung für die mobile Web-App, die Besucher auf dem eigenen Smartphone nutzen. Sie wird per QR-Code oder Link geöffnet (z.B. nach "Auf Handy weiterführen" am Kiosk). Inhaltlich bietet sie dieselbe Welt wie der Kiosk: Centerplan, Wegfindung, Shops, Angebote, Events – plus den Concierge (KI-Assistent) und optional Parkplatz- oder Gruppen-Session.

NOW! App

NOW! ist der Marketing-Name der Companion-App für Endnutzer. Im UI und in der Kommunikation sprichst du von "NOW!" (z.B. "Jetzt in der NOW! App weiter nutzen"). Konfiguration und technische Einstellungen findest du im Dashboard unter "NOW! Konfiguration" (im Tab Center Webseite). Dort legst du fest, ob die NOW! App für das Center aktiv ist und wie sie angebunden wird.

Abgrenzung

Begriff	Bedeutung
Kiosk	Terminal vor Ort, ein Template (z.B. Premium AI) liefert die Oberfläche.
Companion	Mobile Web-App; technischer Begriff in Code und Docs.
NOW!	Produktname der Companion für Gäste und Marketing.
Template	Bestimmt Optik und Features von Kiosk und Companion gemeinsam (z.B. Premium AI).

Jeder Kiosk-App-Typ (Wegfinder, Smart Search, Feedback-Terminal usw.) kann die Companion/NOW! anbinden. "Auf Handy weiterführen" (Handoff) ist plattformweit: Der Kiosk zeigt einen QR-Code, der Besucher scannt und landet in der NOW! App mit derselben Session (Center, ggf. Route oder Ziel).

Tutorial: Typische Nutzung

Szenario 1: Route am Kiosk starten, auf dem Handy weiterführen (Handoff)

1. Besucher sucht am Kiosk einen Shop (z.B. "Saturn") und startet die Wegfindung.
2. Er tippt auf "Auf Handy weitermachen" (oder "Route auf Handy weiterführen").
3. Ein Overlay zeigt einen QR-Code. Er scannt mit dem Handy.
4. Die NOW! App öffnet sich mit dem gleichen Center; die Route bzw. das Ziel ist übernommen.
5. Er nutzt die App weiter: Centerplan, Concierge, ggf. "Auf Karte zeigen" für Shops.

Szenario 2: NOW! App direkt öffnen (ohne Kiosk)

1. Besucher öffnet den Link zur NOW! App (z.B. von der Center-Webseite oder einem gedruckten QR).
2. Er wählt das Center (falls mehrdeutig) und landet auf der Startseite: Centerplan, Highlights, Concierge.
3. Er kann sofort fragen ("Wo ist Saturn?") oder über den Plan navigieren.

Szenario 3: Zu zweit unterwegs (Session teilen / Gruppen-Modus)

1. Person A ist am Kiosk und tippt auf "Begleitung einladen" (oder in der App "Session teilen").
2. Der Kiosk zeigt einen QR-Code und einen kurzen Join-Code.
3. Person B scannt den QR (oder gibt den Code in der NOW! App ein) und tritt derselben Session bei.
4. Beide sehen in der App den Hinweis "In Gruppe"; jeder kann eigene Ziele nutzen, der Concierge kann bei Treffpunkt-Fragen helfen.

Du kannst den Gruppen-Modus auch aus der NOW! App starten: Tipp auf "Session teilen" im Header – dann erscheint derselbe QR/Code für die zweite Person.

Was bringt Session teilen / Begleitung einladen?

Für wen	Nutzen
Besucher (Paar/Gruppe)	Beide haben dieselbe digitale „Session“: Karte, Concierge und Kontext. Einer sucht z.B. einen Shop, der andere fragt „Wo treffen wir uns?“ – der Concierge kann Treffpunkt-Vorschläge machen. Kein Abtippen von Zielen, keine getrennten Apps.
Center	Gruppen bleiben länger und nutzen die App gemeinsam; die Funktion wirbt für „wir sind zu zweit unterwegs“ und stärkt die NOW! App als Begleiter für den gesamten Besuch.

Was kann man im Gruppen-Modus machen?

Sobald beide „In Gruppe“ sehen, gilt:

Aktion	Beschreibung
Gemeinsamer Kontext	Beide nutzen dieselbe Center-Ansicht (Karte, Angebote, Events). Der Concierge (KI-Assistent) kennt den Gruppen-Kontext und kann z.B. bei „Wo treffen wir uns?“ oder „Gibt es einen zentralen Treffpunkt?“ passende Vorschläge machen.
Eigene Wege	Jede Person kann für sich Wegfindung nutzen (z.B. „Route zu Saturn“ auf dem einen Handy, „Route zu H&M“ auf dem anderen). Es gibt keine gemeinsame „eine Route für alle“ – jeder sieht seine eigene Navigation.
Treffpunkt-Fragen	Fragen wie „Wo können wir uns in der Mitte treffen?“ oder „Café zwischen EG und 1. OG?“ kann der Concierge im Gruppen-Modus beantworten und z.B. zentrale Orte (Atrium, Food Court) nennen.
Badge „In Gruppe“	Beide Geräte zeigen im Header das Badge „In Gruppe“ – so ist klar, dass die Session geteilt ist.
Weitere Funktionen wie gewohnt	Parkplatz merken, Hot Picks, Reserve & Collect, Centerplan zoomen usw. funktionieren auf jedem Gerät wie in der Einzel-Session.

Hinweis: Der Gruppen-Modus verbindet die beiden Geräte nur über die gemeinsame Gruppe (gleicher Kontext für den Concierge und sichtbares „In Gruppe“). Es werden keine Echtzeit-Standorte geteilt; jeder nutzt die App eigenständig, mit dem Vorteil, dass der Assistent den Gruppen-Kontext kennt.

„Wo ist meine Begleitung?“ / Parkplatz: Damit der Concierge auf dem anderen Gerät antworten kann (z. B. „Deine Begleitung ist bei Zara“ oder „Sie hat bei P1 Nord geparkt“), muss die andere Person einmal etwas getan haben: z. B. den Shop auf der Karte angetippt haben (dann wird „bei [Shop]“ geteilt) oder einen Parkplatz-QR gescannt haben (dann wird der Parkplatz geteilt). Sobald die Begleitung eine Nachricht geschickt oder die App genutzt hat, übernimmt der Concierge diesen Kontext für die nächste Frage des Partners.

Session teilen / Begleitung testen

So prüfst du die Funktion technisch und aus Nutzersicht:

1. Gruppe anlegen

   • Variante A (Kiosk): Am Kiosk (z.B. Premium AI) auf „Begleitung einladen“ tippen → Overlay mit QR-Code und 6-stelligem Join-Code erscheint.
   • Variante B (App): NOW! App mit ?centerId=... öffnen → im Header „Session teilen“ tippen → QR und Code erscheinen.

2. Beitritt (zweite Person)

   • Auf einem zweiten Gerät (Handy oder Browser-Tab) den angezeigten QR-Code scannen (Kamera-App oder Browser mit QR-Scanner) oder die NOW! App öffnen und die URL manuell aufrufen:
     https://[Signage-Domain]/companion/t/premium?joinCode=[6-stelliger Code]&centerId=[Center-ID]
   • Die zweite Person landet in derselben Center-Ansicht; im Header erscheint das Badge „In Gruppe“.

3. Schnelltest ohne zweites Gerät

   • „Session teilen“ öffnen, den 6-stelligen Code notieren.
   • In einem neuen Tab (oder Inkognito) dieselbe Signage-Domain aufrufen mit:
     /companion/t/premium?joinCode=XXXXXX&centerId=DEINE_CENTER_ID
     (Center-ID aus der ersten URL oder aus dem Dashboard.)
   • Nach dem Laden sollte „In Gruppe“ sichtbar sein.

4. Typische Fehlerquellen

   • Join schlägt fehl: Dashboard-API muss von der Signage-Domain aus erreichbar sein (CORS); NEXT_PUBLIC_DASHBOARD_URL bzw. Dashboard-URL für die Signage-App prüfen.
   • Kein „In Gruppe“: Join-Request an Dashboard POST /api/group-session/join prüfen (Network-Tab); bei 4xx/5xx Fehlermeldung der API beachten (z.B. abgelaufener oder falscher Code, falsche Center-ID).

Szenario 4: Parkplatz-QR

1. Besucher scannt einen Parkplatz-QR (z.B. an der Säule im Parkhaus).
2. Er wird in die NOW! App geleitet; die App merkt sich den Parkplatz (Name/Bereich).
3. Im Header steht z.B. "Geparkt: P1 Nord"; der Concierge kennt den Kontext ("Wo habe ich geparkt?", "Kaffee auf dem Weg zum Auto").

---

Szenario 5: AR-Navigation und Shopfront-Erkennung (Beta)

1. Besucher startet die Wegfindung in der NOW! App (via Kiosk-Handoff oder direkt).
2. In der Wayfinding-Ansicht tippt er auf "AR" -- die Ansicht wechselt von der 3D-Karte zum Kamera-Livebild.
3. Ein Richtungspfeil zeigt den Weg zum Ziel. Die App nutzt Gyroskop und Schritterkennung, um die Position zu schaetzen.
4. Unterwegs kann er die Kamera auf eine Ladenfront richten: Die App erkennt das Geschaeft automatisch (Image Tracking) und zeigt Name, Kategorie, aktuelle Angebote und Events als AR-Overlay.
5. Die erkannte Ladenfront korrigiert gleichzeitig die Navigation (Re-Kalibrierung ohne QR-Scan).
6. Per "Auf Karte" wechselt er jederzeit zurueck zur 3D-Ansicht.

Voraussetzung: Das Center hat Shopfront-Bilder im Dashboard hinterlegt und die AR-Marker kompiliert. Das Feature ist als Beta markiert und kann pro Center aktiviert/deaktiviert werden.

---

Use Cases für Besucher

Use Case	Kurzbeschreibung	Wo starten
Route mitnehmen	Am Kiosk Ziel wählen, QR scannen – Route und Infos in der NOW! App weiter nutzen, ohne am Terminal zu bleiben.	Kiosk → „Auf Handy weitermachen“
Zu zweit shoppen	Eine Person startet, die andere scannt den Gruppen-QR – beide in derselben Session, Treffpunkt-Fragen an den Concierge möglich.	Kiosk „Begleitung einladen“ oder NOW! App „Session teilen“
Parkplatz wiederfinden	Parkplatz-QR scannen → App merkt sich „Geparkt: P1 Nord“; später „Wo habe ich geparkt?“ oder „Route zum Auto“ im Concierge.	Parkplatz-QR (Säule/Wand)
AR-Navigation (Beta)	In der NOW! App auf "AR" wechseln -- Kamera zeigt Richtungspfeil; Ladenfronten erkennen fuer Infos und Re-Kalibrierung.	NOW! App -- Wayfinding -- AR
Vor dem Besuch planen	NOW! App von zu Hause öffnen (Link/QR von der Center-Webseite) – Centerplan, Events, Angebote ansehen, Route vorbereiten.	Center-Webseite / gedruckter QR
Spontan fragen	Ohne Kiosk: NOW! App öffnen und z.B. „Wo gibt es Kaffee?“ oder „Öffnungszeiten H&M?“ stellen – Concierge antwortet mit Shops und Infos.	NOW! App direkt
Angebote & Events entdecken	Hot Picks, News und Events in der App durchstöbern; Reserve & Collect nutzen und Abholcode für den Shop erhalten.	Kiosk oder NOW! App

---

Was hat das Center davon?

Die Kombination aus Kiosk, Handoff und NOW! App (inkl. Session teilen) bringt dem Center messbare und strategische Vorteile:

Nutzen	Erklärung
Höhere Nutzung der Wegfindung	Besucher, die die Route aufs Handy mitnehmen, nutzen sie tatsächlich beim Laufen – statt nur einmal am Kiosk zu schauen.
Längere Verweildauer	Wer die App nutzt (Route, Concierge, Angebote), bleibt oft länger im Center und entdeckt mehr Shops.
Mehr Gruppen-Besuche	„Session teilen“ macht das Center attraktiv für Paare, Familien oder Freundesgruppen – eine Person startet, alle haben dieselbe digitale Begleitung.
Weniger „Verlaufen“	Parkplatz-QR und Concierge reduzieren Suchstress („Wo war ich geparkt?“, „Wo ist der nächste Ausgang?“) und verbessern das Erlebnis.
Stärkere Bindung an die Marke	Wiederkehrende Nutzung der NOW! App (z.B. vor dem Besuch, beim Parken, in der Gruppe) festigt die Wahrnehmung des Centers als serviceorientiert.
Daten für Optimierung	Anonymisierte Journey-Daten (z.B. welche Wege genutzt werden, Handoff von Kiosk zu App) helfen dem Center, Angebote und Platzierung zu verbessern – DSGVO-konform.
Cross-Selling über Kanäle	Hot Picks, Reserve & Collect und DOOH können gemeinsam genutzt werden; Besucher sehen Angebote am Kiosk, in der App und auf Screens – ein rundes Erlebnis.

Kurz: Kiosk und NOW! App mit Handoff und Session teilen erhöhen die Nützlichkeit vor Ort, fördern Gruppenbesuche und liefern dem Center Einblicke ohne personenbezogene Profilerstellung.

Prüfen, ob die Route gezeichnet wird (Wegfindung)

Damit die blaue Routenlinie auf der 3D-Karte erscheint, müssen folgende Bedingungen erfüllt sein:

1. SVG der Etage enthält eine Routes-Ebene (#routes oder #Routes) mit Linien (<line> oder <path>), die ein durchgängiges Wegenetz bilden.
2. Ziel ist gesetzt: z. B. durch Klick auf einen Shop/Service auf der Karte oder durch Suche („Route zu Saturn“).
3. Startpunkt („Sie sind hier“) und Ziel liegen im Wegenetz oder nahe genug daran (max. ca. 120 px Abstand zu einem Linien-Endpunkt).

So prüfst du es:

• Optisch: Kiosk oder NOW! App mit 3D-Karte öffnen → einen Shop oder Service auf der Karte antippen (oder per Suche ein Ziel wählen). Wenn die Route berechnet werden kann, erscheint die blaue Linie auf dem Boden der 3D-Ansicht.
• Browser-Konsole (Entwicklung): Bei laufender Signage-App (z. B. pnpm dev im Ordner apps/digital-signage) die Developer Tools (F12) öffnen → Tab Console. Beim Antippen eines Ziels erscheinen Meldungen:
  • [Wayfinding] Route gezeichnet: X Punkte, Ziel: shop-xy → Route wird gezeichnet.
  • [Wayfinding] Keine Routen-Segmente in der SVG (#routes / #Routes) → SVG hat keine Routes-Ebene oder sie wird nicht erkannt.
  • [Wayfinding] Ziel nicht in SVG gefunden: … → Die gewählte Ziel-ID existiert nicht in der aktuellen Etagen-SVG.
  • [Wayfinding] Kein Pfad gefunden (Start/Ziel nicht mit Wegenetz verbunden?) → Wegenetz reicht nicht bis Start oder Ziel; Linien in der Routes-Ebene ggf. erweitern oder Startpunkt anpassen.

Hinweis: Pro Etage wird die jeweilige Etagen-SVG geladen. Jede Etage braucht eine eigene Routes-Ebene und passende Shop-/Service-IDs, damit die Route auf allen Ebenen funktioniert. Die Routenquelle (nur SVG, nur Dashboard-Routen-Editor oder Auto) ist pro Center in den Kiosk-Optionen wählbar – siehe Premium AI Template.

Technische Zuordnung (für Redaktion/Support)

• Kiosk-Konfiguration: Dashboard – Center – Digital Signage / Kiosk: App-Typ und Template wählen; optionale Module (Verkehr, Social, ÖPNV) und Wegfindungs-Quelle (SVG vs. Routen-Editor) in den Template-Optionen.
• NOW! / Companion aktivieren: Dashboard – Center – Center Webseite – NOW! Konfiguration.
• Handoff-URLs: Einheitlich über die Plattform (Session, centerId, optional shop/screen); Templates liefern nur das Skin des QR-Overlays.
• Companion-URL (Premium): Typisch /companion/t/premium?centerId=...; weitere Parameter wie sessionKey, joinCode, shop werden je nach Szenario angehängt.

Weitere technische Details findest du im Premium AI Template und unter Concierge.