Buchungsmaschine, 13 Jahre später

Was auffiel

1. 1Die Personen kommen erst nach dem Datum, voreingestellt ist 1 Erwachsener.
2. 2Der erste Preis gilt deshalb für eine Person: 240 € für ein Doppelzimmer. Mit 2 Erwachsenen werden daraus 390 €.
3. 3Familien werden auf Telefon und E-Mail verwiesen („Liebe Eltern …“), obwohl die Strecke ein Auswahlfeld für Kinder hat.

Was sich geändert hat

• Erwachsene und Kinder stehen vor dem Kalender, voreingestellt sind 2 Erwachsene.
• Für jedes Kind wird das Alter bei Anreise abgefragt, weil es den Preis bestimmt.
• Zimmer, die nicht zur Gruppe passen, erscheinen gar nicht erst. Das Familienzimmer taucht ab 3 Personen auf.

Warum

Der Preis hängt an der Gruppe. Wer zuerst 240 € sieht und dann 390 €, fühlt sich getäuscht, auch wenn beide Zahlen stimmen. Doppelzimmer werden meist zu zweit gebucht, also ist 2 der ehrlichere Startwert.

Familien sind für ein Ferienhotel keine Sonderfälle. Wenn die Strecke sie an die Rezeption schickt, geht die Buchung oft an ein Portal, das Kinder abfragen kann.

Was auffiel

1. 1Freie Tage sind nur eingefärbt. Ob das Wochenende teurer ist, sieht man nicht, und der gewählte Zeitraum ist nicht hervorgehoben.
2. 2Mobil steht immer nur ein Monat da. Aufenthalte über den Monatswechsel gehen nur über die kleinen Pfeile.
3. 3Nach dem ersten Tippen wechselt die Überschrift auf „Abreisetag wählen“, der Inhalt verschiebt sich, und der zweite Tipp trifft einen anderen Tag.

Was sich geändert hat

• Unter jedem Tag steht der günstigste Preis pro Nacht für die eingestellte Gruppe. Volle Tage sind durchgestrichen.
• Vier Monate stehen untereinander, gescrollt wird mit dem Daumen statt über Pfeile.
• Der Zeitraum ist als Fläche markiert, und die Überschrift bleibt stehen. Was als Nächstes zu tun ist, steht in der festen Leiste unten.
• Jeder Tag ist ein Button mit Datum und Preis als Beschriftung. Vorher waren die Tage nicht fokussierbar und damit weder mit Tastatur noch mit Screenreader bedienbar.

Warum

Auf dem Handy ist ein verrutschter Tipp kein Schönheitsfehler, sondern ein falsches Datum. Und der Preis pro Tag beantwortet die Frage, die Gäste bei der Datumswahl ohnehin haben: Wird es am Wochenende teurer, lohnt sich ein Tag früher?

Was auffiel

1. 1Ein Zimmer ist vorausgewählt. Die anderen liegen hinter „Alle Zimmertypen anzeigen“.
2. 2Die Liste ist reiner Text mit Name und Preis. Zwei Zimmer kosten gleich viel, was sie unterscheidet, steht nirgends. Einzelne Zimmer haben in der Detailansicht weder Fotos noch Beschreibung.
3. 3Es gibt nur einen Gesamtpreis, keinen Preis pro Nacht und keine konkrete Stornofrist. Tippt man das schon gewählte Zimmer an, passiert nichts, und ein Weiter-Knopf ist nicht zu sehen.

Was sich geändert hat

• Alle passenden Zimmer stehen als Karten untereinander: Foto, Größe, Bett und das, was sie unterscheidet.
• Frühstück lässt sich direkt auf der Karte zuschalten, der Preis rechnet sofort mit.
• Groß steht der Gesamtpreis inklusive Ortstaxe, darunter der Preis pro Nacht und die Frist für die kostenlose Stornierung.
• Ausgebuchte Zimmer bleiben sichtbar, grau, und schlagen das nächste freie Anreisedatum vor.

Warum

Wer ein Zimmer zugewiesen bekommt, vergleicht anderswo, meist auf einem Portal. Die Entscheidung zwischen zwei Zimmern fällt über Fotos und harte Fakten wie Balkon oder ebenerdigen Zugang, nicht über den Namen.

„Bis wann kann ich kostenlos stornieren?“ ist beim Hotelbuchen die wichtigste Vertrauensfrage. Deshalb steht die Antwort am Preis und nicht in den Buchungsbedingungen.

Was auffiel

1. 1Kein Feld hat ein Label, es gibt nur Platzhalter in 12 px Schrift. iOS zoomt bei jedem Fokus hinein, und beim Tippen verschwindet, wofür das Feld war.
2. 2Die Anrede ist Pflicht, der Geburtstag für jeden Gast auch, und die Namen aller Mitreisenden werden schon hier abgefragt. Für 2 Personen kamen etwa 25 Felder zusammen.
3. 3Das Land ist ein Freitextfeld, die E-Mail ein normales Textfeld ohne E-Mail-Tastatur.
4. 4Die Ortstaxe von 12 € taucht erst im Formular auf. Der Preis springt hier von 390 € auf 402 €.

Was sich geändert hat

• Pflicht sind nur Name, E-Mail und Bezahlart. Telefon und Wünsche sind optional, das Land ist eine Auswahl.
• Über jedem Feld steht ein Label. Die Felder sind 48 px hoch, mit 16 px Schrift, passender Tastatur und Autofill.
• Fehler stehen direkt am Feld und oben als Zusammenfassung. Der Fokus springt ins erste fehlende Feld.
• Der Betrag steht im Buchen-Knopf, die Zusammenfassung mit allen Posten lässt sich aufklappen. Zur Wahl stehen Apple Pay, Google Pay, PayPal, Kreditkarte und Zahlung vor Ort.

Warum

Jedes Pflichtfeld ist eine Gelegenheit abzubrechen, und auf dem Handy ist jedes Feld teurer als am Rechner. Geburtsdaten braucht das Hotel frühestens für den Meldeschein beim Check-in. Also wandern sie dorthin, hinter die Buchung.

Ein Preis, der im letzten Schritt steigt, wirkt wie ein Trick, auch wenn es nur 12 € Ortstaxe sind. Im Prototyp steht der Endbetrag ab der Zimmerkarte fest.

Was auffiel

1. 1Vor jedem Schritt stehen Logo, Adresse, Kontakt und ein SSL-Siegel. Der eigentliche Inhalt beginnt erst weiter unten.
2. 2Mobil gibt es keine Fortschrittsanzeige. Die Schritte sind ausgegraute Überschriften im Seitenfluss, während der Desktop einen Balken mit „13 %“ zeigt.
3. 3Der Weiter-Knopf hängt im Seitenfluss, direkt darunter beginnt der Footer mit Karte und Öffnungszeiten.
4. 4Die Bitte um die Anreisezeit steht im Footer, wo sie kaum jemand liest.

Was sich geändert hat

• Im Kopf stehen nur Hotelname, „Schritt 2 von 3“ und drei kurze Balken. Der Zurück-Pfeil führt einen Schritt zurück, ohne Daten zu verlieren.
• Die Hauptaktion sitzt in jedem Schritt in einer festen Leiste am unteren Rand, in Daumenreichweite, mit dem aktuellen Preis daneben.
• Nach jedem Schrittwechsel springt die Seite an den Anfang, und der Fokus liegt auf der Schrittüberschrift, damit Screenreader den neuen Schritt ansagen.
• Anreisezeit und Online-Check-in kommen nach der Buchung, siehe unten.

Warum

Auf dem Handy entscheidet die Daumenzone. Eine Aktion, die im Seitenfluss verschwindet, muss man erst suchen, und ein Footer direkt darunter lädt zum Verlassen der Strecke ein.