Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
LayoutsR:\P_vioma\P_Xtra-Projekte\OnePageBooking\2015-08-05_Kundenkonto

Intro

In der Buchungsstrecke wird es eine neue "Meta-Bar" geben. Die Meta-Bar

Intro

Die Meta-Bar in der Buchungsstrecke wurde erneuert. Sie enthält Services, die mich den User bei der Buchung unterstützen, aber mit der eigentlichen Buchung nichts oder zumindest nur wenig zu tun haben. Die einzelnen Controls unterscheiden sich absichtlich visuell von den "normalen" Interaktionscontrols der Buchungsstrecke. Sie sind visuell zurückgenommen, um den Benutzer nicht von den eigentlichen Buchung abzulenken.

Frontend

Allgemeines

Die Meta-Bar steht oberhalb aller Segmente, auch vor der "Griechischen Navigation "der Buchungsstrecke. Wir Wird nach unten gescrollt, bleibt die "Griechischen Navigation" die Navigation der Buchungsstrecke irgendwann stehen (sticky), die Meta-Bar verschwindet allerdings.

Image Removed

Image Removed

Diese Bar beinhaltet mehrere Funktionalitäten:

Image Added

Meta-Bar mit allen Funktionen eingeschaltet

Diese Funktionalitäten sind für den Hotelier auswählbar. Je nachdem welche Funktionalität der Kunde wünscht, kann die Meta-Bar unterschiedlich aussehen. Wenn die Sprachauswahl nicht verfügbar ist, schiebt sich die Währungsauswahl nach links (falls verfügbar), auf der anderen Seite schiebt sich die Funktion "Codes einlösen" nach rechts.

Image Removed

Vermassung

Image Removed

Responsive Ansichten 320Pixel

Default

Worst Case

Image Removed
Image Removed

Einstellungs-Overlay

Einstellungs-Overlay Vermassung

Image Removed
Image Removed

Custom Select Box

Wäre schön, wenn der Benutzer den Comfort hätte auch auf der mobilen Seite das gleiche Selectmenu wie auf anderen Ansichten zu erhalten. Folgendes Plugin unterstützt die Ansicht mit Icon, benutzt aber bei der Auswahl das native Selectmenu von IOS, bzw. Android: http://gregfranko.com/jquery.selectBoxIt.js/

Backend

Es gibt keine expliziten Backend Konfiguration. Je nach dem welche Funktionalität zugeschalten wird, erscheint die Bar.

 

 

 

Page PropertiesVersion1Epos
Jira Legacy
serverJIRA (vioma-gmbh.atlassian.net)
columnskey,summary,type,created,updated,due,assignee,reporter,priority,status,resolution
serverId3fb0ce16-d8a3-3693-be46-ff0ec47cda74
keyKON-80
Dokumentstatus StatuscolourGreentitledoneDokumenteigentümerDesignerBriefing/wiki/spaces/IBE/pages/27983933

Sie frei auswählbar, so können Sie z.B. das Sprachmenü unterbinden, wenn Sie die Inhalte der IBE nicht in weiteren Sprachen als Deutsch anbieten.

Auswahlmenü Sprache

Beim Klick auf das Sprachmenü öffnet sich ein Dropdown, in dem der Gast die Sprache der Buchungsstrecke ändern kann. Als Auswahl werden alle Sprachen angeboten, welche Sie in der Clearing Station aktiviert haben.

Image Added

Ausgeklapptes Menü: Sprachen

Auswahlmenü Währung

Bei Klick auf das Währungsmenü öffnet sich ein Dropdown, in dem der Gast die Währung in der Buchungsstrecke ändern kann. Umgerechnet wird nach aktuellem Währungskurs. Der Gesamtpreis wird zusätzlich in der Ursprungswährung angezeigt.

Image Added

Ausgeklapptes Menü: Währung

Es erscheint zu dem ein Hinweis in der Buchungszusammenfassung, dass die Buchung in der Ursprungswährung beglichen wird und die gewählte Währung nur zur Orientierung dient.

Image Added

Währungshinweis in der Buchungszusammenfassung

Codes einlösen

Bei aktivierter Meta-Bar ist das Feld zum Eintragen der Buchungs-, Bonus- und Gutscheincodes nicht mehr neben dem Kalender abgebildet, sondern erscheint in der Meta-Bar. Bei Klick darauf öffnet sich das gewohnte Fenster zum Einlösen der Codes.

Image Added

Fenster zum Code einlösen

Kundenlogin

Bei Klick auf Kundenlogin öffnet sich die Anmeldemaske für das Kundenkonto. Weitere Informationen zum Kundenkonto finden Sie hier.

Image Added

Anmeldemaske für das Kundenkonto

Ausgangskanal

Im Ausgangskanal können Sie die Einstellungen zur Meta-Bar in den Buchungseinstellungen vornehmen. Dafür wählen Sie zunächst das Layout 2016 aus. Dann erscheinen die Checkboxen zur Sprach- und Währungsauswahl. Die Codes (Buchungs- und Gutscheincodes) können wie bisher unter dem Punkt "Kalender" ausgewählt werden. Die Anleitung zum Einrichten des Kundenkontos finden Sie hier.

Image Added

Aktvierung Metabar, Sprachauswahl & Währungsauswahl

 

 

Inhalt

Table of Contents
excludeInhalt