Ich habe Schwierigkeiten, Ressourcen zu finden, die gute UI-Muster für große Suchformen beschreiben. Ich habe ein Formular, das mehr als 20 mögliche Eingaben erfordert und ich kann mir kein Design vorstellen, bei dem ich mich wohl fühle (obwohl ich zu meiner Verteidigung kein Design-Experte bin). In meinem Fall suche ich nach einer Weblösung, aber ich kann mir vorstellen, dass ein UI-Muster für dieses Szenario wahrscheinlich plattformunabhängig ist.
Ich habe mir einige Seiten wie Google und Amazon angesehen (erweiterte Suchen) und mich gefragt, ob es bessere Ideen gibt. Irgendwelche Vorschläge?
Ich denke, Google erweiterte Suche ist ein guter Ausgangspunkt.
Vielleicht möchten Sie Folgendes beachten:
Stellen Sie sicher, dass Sie sich über die Notwendigkeit für jedes Feld im Formular im Klaren sind. Sie können alle vollständig notwendig sein, aber wenn einige nicht sind, dann könnten sie die Form unnötig komplex machen.
Versuchen Sie, Ihre Fragen mithilfe von Feldgruppen in logische Bereiche zu gruppieren und sie visuell auf der Seite zu trennen. Dies sollte die Verarbeitung des Formulars erleichtern.
Sie können Bereiche Ihres Formulars mithilfe von JavaScript ausblenden, um die ursprüngliche Ansicht weniger verwirrend zu gestalten. Obwohl dies die Benutzer verwirren könnte, wenn die Steuerelemente zum Anzeigen dieser Abschnitte schlecht gekennzeichnet sind.
Stelle sicher, dass du dein Design an so vielen Leuten wie möglich ausprobierst - am besten von der Community, die es benutzen wird.
Ich erkenne, dass es einige spezifische Herausforderungen bei der Suche nach Formularen gibt, aber die folgenden Ressourcen sollten hilfreich sein.
Wufoo - entwerfe Designs für viele verschiedene Zwecke, aber da könnte dir etwas von Nutzen sein.
Luke Wroblewskis Buch Web Form Design ist ein guter Ausgangspunkt, wenn Sie versuchen, sich zu entwickeln Ihr Wissen darüber, wie Sie Formulare entwerfen und gestalten. Wenn Sie keine Zeit haben, um das Buch zu bekommen, hat seine Website auch einige hilfreiche Hinweise.
Wenn Sie tiefer gehen wollen, können Sie auch Informationsarchitektur für das World Wide Web von Louis Rosenfeld und Peter Morville. Ein bisschen alt jetzt, aber hat einige ausgezeichnete Kapitel auf dem Entwerfen eines Suchsystems für eine Web site.
Werfen Sie einen Blick auf die progressive Offenlegung (siehe hier und hier und hier und Responsive-Aktivierung . Es hilft auch, wenn Sie gute Standardwerte haben. Sehen Sie sich die anderen Muster für " Informationen von Benutzern "
anNormalerweise können Sie Ihre Suchfelder in zwei Gruppen aufteilen:
Wenn Sie diese Aufteilung auf Ihr Problem anwenden könnten, sollte es einfach sein, ein Frontend zu erstellen, das die erste Gruppe von Eingabefeldern enthält, und dann ein zweites, das bei Bedarf öffnen / erweitern würde. Ich bin kein Webentwickler, daher kann ich Ihnen nicht sagen, wie schwierig es wäre, dieses Verhalten der Benutzeroberfläche zu erhalten.
Jede Shopping-Website (nextag.com, anne.com, froogle.com, shopzilla, ebay usw.) würde dieses Geschäft erledigen. Meine Idee ist jedoch, einen Tooltip zu erstellen und die Eingabe zu übernehmen. Nach dem Übermitteln (eine Schaltfläche im Tooltip) verschwindet der Tooltip und das Ergebnis wird auf der übergeordneten Seite angezeigt.
Tags und Links user-interface design-patterns design search-form