Stephan Sperling
E-Commerce-Stratege | netzstrategen
Eines gleich vorweg: Gravity Forms funktioniert mobil grundsätzlich schon sehr gut. Trotzdem gibt es ein paar Stellschrauben, die das mobile Erlebnis noch verbessern können.
Das will ich auch – wie kann ich das einstellen?
Teil 1: Die richtige Tastatur für die Eingabe von Zahlen
Wer kennt (und hasst) dieses Verhalten nicht: Du füllst ein Formular auf dem Smartphone aus – und beim tippen ins Postleitzahlen-Feld erscheint die normale Buchstaben-Tastatur, anstatt des Ziffernblocks. Du musst also entweder die Tatstatur manuell umschalten, oder eben die Zahlen über die Buchstaben-Tastatur eingeben. In jedem Fall dauert es länger und als User ärgern wir uns, dass wir nicht gleich die zum Feld passende Tastatur angezeigt bekommen. Etwa so:
Das will ich auch – wie kann ich das einstellen?
- Grundsätzliche Einstellung in Gravity Forms: HTML5 Ausgabe
Grundvoraussetzung für die richtige Auswahl der Tastatur ist, dass ihr in den Einstellungen von Gravity Forms (also in den globalen Einstellungen, nicht am einzelnen Formular) die Ausgabe in HTML5 aktiviert:
- Das richtige Formularfeld auswählen: “Nummer”
Damit auf mobilen Geräten die richtige Tastatur aufpoppt, müsst ihr nun noch sicherstellen, dass ihr im Formular auch die richtigen Felder verbaut habt. Oftmals wird einfach immer das Feld “einzeiliger Text” verwendet, auch für Nummern. Am Desktop ist das auch kein Stress, mobil sieht die Welt also anders aus. Hier bitte bei Zahlen immer das etwas eigenartig benannte/schlecht übersetzte Feld “Nummer” verwenden:
Aber Achtung, beim Feld “Hausnummer” werden oftmals auch Buchstaben eingegeben, daher ist hier das Feld nicht unbedingt geeignet.
- Formular speichern – und das war es dann auch schon! Zücke Dein Smartphone, teste es und freue Dich, dass es so einfach sein kann, Deine User happy zu machen!
Der nächste Teil folgt bald!
Stephan Sperling
E-Commerce-Stratege | netzstrategen
Eines gleich vorweg: Gravity Forms funktioniert mobil grundsätzlich schon sehr gut. Trotzdem gibt es ein paar Stellschrauben, die das mobile Erlebnis noch verbessern können.
Das will ich auch – wie kann ich das einstellen?
Teil 1: Die richtige Tastatur für die Eingabe von Zahlen
Wer kennt (und hasst) dieses Verhalten nicht: Du füllst ein Formular auf dem Smartphone aus – und beim tippen ins Postleitzahlen-Feld erscheint die normale Buchstaben-Tastatur, anstatt des Ziffernblocks. Du musst also entweder die Tatstatur manuell umschalten, oder eben die Zahlen über die Buchstaben-Tastatur eingeben. In jedem Fall dauert es länger und als User ärgern wir uns, dass wir nicht gleich die zum Feld passende Tastatur angezeigt bekommen. Etwa so:
Das will ich auch – wie kann ich das einstellen?
- Grundsätzliche Einstellung in Gravity Forms: HTML5 Ausgabe
Grundvoraussetzung für die richtige Auswahl der Tastatur ist, dass ihr in den Einstellungen von Gravity Forms (also in den globalen Einstellungen, nicht am einzelnen Formular) die Ausgabe in HTML5 aktiviert:
- Das richtige Formularfeld auswählen: “Nummer”
Damit auf mobilen Geräten die richtige Tastatur aufpoppt, müsst ihr nun noch sicherstellen, dass ihr im Formular auch die richtigen Felder verbaut habt. Oftmals wird einfach immer das Feld “einzeiliger Text” verwendet, auch für Nummern. Am Desktop ist das auch kein Stress, mobil sieht die Welt also anders aus. Hier bitte bei Zahlen immer das etwas eigenartig benannte/schlecht übersetzte Feld “Nummer” verwenden:
Aber Achtung, beim Feld “Hausnummer” werden oftmals auch Buchstaben eingegeben, daher ist hier das Feld nicht unbedingt geeignet.
- Formular speichern – und das war es dann auch schon! Zücke Dein Smartphone, teste es und freue Dich, dass es so einfach sein kann, Deine User happy zu machen!
