Wie handhabt ihr umfangreiche Formulare beim Mobile-Design?
Eingetragen von Ionit (1802)am 14.10.2018 - 16:32 Uhr in
Hallo Freunde,
wenn man größere Add-Formulare (Node-Add-Form) hat, wie gestaltet ihr die für Mobile-User?
Ich verwende "Domain-Access" um eine Mobile-Subdomain zu betreiben und habe nun Add-Formulare (Profile) mit teilweise 70 Eingabefelder. Auf der Desktopversion habe ich das mit Field-Group und "Vertical-Tabs" gelöst, auf der Mobile-Subdomain kann man das nicht verwenden, am besten wären, MultiStep-Formulare aber wie überschreibt man bei einer Add-Form von "Content-Type A" die Vertical-Tabs (Field-Groups) [Desktop] mit einer Multstep-Funktion, die dann bei der Mobilen-Version (Subdomain) funktioniert?
Ist so etwas überhaupt ratsam?
Wie macht ihr das bei euch?
Hat da jemand Tipps?
Danke und Gruß
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi.ohne die Seite gesehen zu
am 15.10.2018 - 02:58 Uhr
Hi.
ohne die Seite gesehen zu haben:
nein, das macht vermutlich das keinen Sinn.
Ich kann mir beim besten Willen nicht vorstellen, dass
jemand am Handy ein Formular mit 70 Feldern ausfüllt.
Du musst dir u.U. auch vor Augen führen, dass ein Handy anders funktioniert
als ein Desktop Browser.(kein Drag-Drop,kein Mauszeiger,kleinerer Screen,emulierte Tastatur, etc.).
Für Multistep könntest Du ja einfach für die Mobile Version mehrere Pages mit kleineren Formularen machen.
MfG
Robert
Ich kann mir auch nicht
am 15.10.2018 - 06:44 Uhr
Ich kann mir auch nicht vorstelle, wer 70 Felder am Smartphone ausfüllt - aber Du wirst Deine Zielgruppe besser kennen. ;-)
Was spricht dagegen, Multistep auch für Desktop zu verwenden?
Nicht umsonst spricht man ja für Mobile First, weil fast alle Lösungen, die für Smartphone sinn voll sind, auch am Desktop benutzerfreundlicher sind.
Also was in Richtung Content-Straffung geht ect. So auch Multistep Formulare - ab einer bestimmten Größe.
Ich habe für Ferienobjekte
am 18.10.2018 - 23:15 Uhr
Ich habe für Ferienobjekte (ca. 48 Felder) Field Group mit Horizontal Tabs am laufen, die Tabs per CSS bearbeitet, so das die 48 Felder sich auf 8 Tabs verteilen und diese mobil in 2 Reihen umbrechen.
Alle Felder selbst für responsive nachbearbeitet, war wirklich viel Arbeit, aber man kann bis zum normalen Smartphone komfortabel einstellen, incl. Belegungskalender.
Als Alternative kann man natürlich auch Accordion Tabs verwenden.
Die vielen Taxo Checkboxen, Ausstattung, Umgebung etc. sind bei Desktop auf 33%, dann 50%, dann 100% aufgeteilt.
Ich habe auch Nachladefelder dabei für z.B eine Saisonpreistabelle, auch da per CSS möglich diese optimal anzupassen.
Es ist ein Höllengebastel, aber wenn man sich erst eine klare Struktur mit Media Querys aufbaut und dann Feld für Feld abarbeitet ist das sehr gut umsetzbar.
Letztendlich baut man so eine Geschichte ja auch nur einmal auf.
Kann dazu empfehlen eigene neutrale CSS Klassen zu erstellen, die keinen Bezug zu der jeweiligen Site haben, dann lässt es sich leichter für andere Installation wieder verwenden (z.B. andere Branche)
Grüße Jenna