it-swarm.com.de

Was sind einige gute Ressourcen für das mobile Formular-Design?

Ich suche nach guten Ressourcen für das Design mobiler Formulare. Es scheint viel für Webformulare zu geben, und vieles davon lässt sich gut übersetzen. Aber vieles wird schlecht übersetzt, wenn Sie die Bildschirmfläche eingeschränkt haben.

Ich habe gehört, dass Luke Wroblewski an einem neuen Buch über mobile Formulare arbeitet, aber ich konnte nichts darauf finden.

Was haben Sie beim Entwerfen mobiler Formulare als nützlich empfunden?

Bearbeiten: Ich frage nicht nach allgemeinen Regeln für das Formular-Design, sondern eher nach Regeln, die für mobile Einschränkungen spezifisch sind und sich von Standard-Webformularen unterscheiden.

4
JohnGB

wir haben dies bei NNgroup behandelt und die Empfehlungen waren dieselben wie für normale Webformulare (obwohl Luke jetzt möglicherweise bessere Beweise hat). In der Zwischenzeit können Sie diesen Vorschlägen folgen:

Was macht eine gute Form aus?

0
colmcq

Ich bin mir sicher, dass sein Buch über Webformulardesign - einige von Luke Wroblewskis neues Buch (für die Veröffentlichung am 18. Oktober 2011) das enthalten wird, was auf seiner Website steht.

Also - zum Beispiel Besseres Design mobiler Formulare unter Verwendung von Web Form-Innovationen auf Mobilgeräten

Sie können sich aber auch Mobile Form Design Strategies auf UXBooth ansehen, das durch zitiert vom Autor desselben Artikels zusammengefasst werden kann:

  • Etikettenausrichtung : Vermeiden Sie die Verwendung horizontaler Etiketten (links- und rechtsbündig) für mobile Formulare. Verwenden Sie stattdessen vertikale Ausrichtungsbeschriftungen.
  • Entfernen : Entfernen Sie unnötige Elemente und Funktionen, damit sich Benutzer auf ihre Aufgaben konzentrieren können. Lassen Sie nach Möglichkeit optionale Felder oder Elemente weg, die nicht primär verwendet werden.
  • Kombinieren : Kombinieren Sie verschiedene ähnliche Eingabefelder zu einem einzigen Feld. Stellen Sie sicher, dass klar ist, was Benutzer tun können und was sie in das Feld eingeben können.
  • Improvisieren : Nutzen Sie die integrierten Funktionen mobiler Geräte wie die Standorterkennung über GPS-Satelliten, um die Eingabe mobiler Formulare zu vereinfachen.
  • In kleine Schritte aufteilen : Teilen Sie ein langes Formular in einige kleinere Schritte auf, um die Verwendung Ihrer mobilen Formulare zu vereinfachen. Verwenden Sie diesen Ansatz sparsam. Versuchen Sie außerdem, unnötige Elemente auf jeder Seite zu reduzieren, um langsame Seitendownloads zu vermeiden.
  • Verwenden Sie geeignete Eingabeelemente und Menüsteuerelemente : Ersetzen Sie einen Steuerelementtyp durch einen anderen, wodurch das Formular und seine Interaktion vereinfacht werden könnten. Priorisieren Sie obligatorische Inhalte und Felder und vermeiden Sie es, optionale Felder oder solche, die nur für eine sehr kleine Gruppe von Benutzern nützlich sind, zu stark hervorzuheben.
  • Wählen Sie die entsprechende Listenauswahl aus : Es gibt zwei Möglichkeiten, eine Listenauswahl darzustellen: gesperrte Dropdown-Liste (in alphabetischer oder nicht alphabetischer Reihenfolge) und Öffnen der prädiktiven Suche. Beide haben Vor- und Nachteile. Wählen Sie die entsprechende Listenauswahl basierend auf Ihrem Feld und Ihrer Auswahl.
  • Setzen Sie sinnvolle Standardeinstellungen : Geben Sie gegebenenfalls einige Standardauswahlen an, die auf dem Kontext basieren, in dem Ihre Formulare verwendet werden.
3
Roger Attrill