it-swarm.com.de

Automatische Vervollständigung des Formulars und Platzierung der Schaltflächen

Ich habe ein Formular, das ein Buch darstellt. Der Benutzer gibt den Titel, die Autoren, das Erscheinungsjahr usw. ein. Wir haben eine Funktion, die das gesamte Buch automatisch vervollständigt, wenn der Benutzer genügend Informationen eingibt, damit wir es finden können.

Mein erster Gedanke war, neben dem Feld, in dem sich der Benutzer befindet, eine Schaltfläche "Suchen" hinzuzufügen, wenn er genügend Informationen eingegeben hat, aber einer meiner Mitarbeiter findet dies nicht intuitiv. Und ich kann das Problem sehen. Es ist nicht klar, ob die Aktion alle Felder ausfüllt, und es ist nicht klar, worauf genau die Schaltfläche wirkt.

Wenn ich andererseits am unteren Rand des Formulars eine Schaltfläche mit Speichern und den anderen Schaltflächen hinzufüge, ist es weniger wahrscheinlich, dass der Benutzer dies zum besten Zeitpunkt bemerkt (zu Beginn des Ausfüllens des Datensatzes). Es wäre jedoch klarer, dass es auf dem gesamten Formular funktioniert.

Wie würden Sie diese Art von Funktion implementieren?

3
Jeffrey Jones

Oberflächlich betrachtet ähnelt dies dem automatischen Ausfüllen einer Postanschrift in einem Formular, mit der Ausnahme, dass dieser Vorgang vielen Menschen bekannt ist und in der Regel speziell die Postleitzahl der Schlüssel zur Bestimmung einer kleinen Anzahl möglicher Adressen ist, aus denen der Benutzer auswählt Die richtige Hausnummer und das Formular werden automatisch ausgefüllt. Beispiel bei verbandcomputing.com

Was Sie hier haben, ist jedoch nicht ganz so auf eine einzelne Detailebene ausgerichtet, und so lautet das Problem für den Benutzer: " Wann kann ich auf die Schaltfläche klicken ".

Sie möchten nicht, dass der Benutzer nur 'e' eingibt und dann eine Suche zulässt, da dies Millionen von Ergebnissen sein kann. Sie möchten den Benutzer auch nicht zwingen, mehr Informationen einzugeben, als tatsächlich erforderlich sind, um das Buch zu finden. Die Schaltfläche muss sowohl "nützlich" als auch kontextbezogen sein .

So lösen Sie das:

Fortschritt in Richtung Ziel anzeigen : Um dies nicht zu einem Problem für den Benutzer zu machen, müssen Sie angeben, ob bisher genügend Informationen eingegeben wurden Dies kann eine progressive Berechnung sein, wenn der Benutzer von einem Feld zum nächsten wechselt. Berechnen Sie beispielsweise die Anzahl der Ergebnisse, die mit den entsprechenden Informationen übereinstimmen, und zeigen Sie sie wie folgt an:

Zu viele Bücher - zeigen Sie einfach die Anzahl an: Wenn zu viele Bücher übereinstimmen, zeigen Sie einfach die Anzahl der übereinstimmenden Bücher an, damit der Benutzer die Anzahl der Bücher sehen kann Informationen sind zu vage. Dies wird den Benutzer dazu anregen, genauere Informationen einzugeben, wenn er kann.

Weniger als 50 Bücher - Nummer anzeigen und Zugriff auf eine Liste gewähren : Sobald die Anzahl der Ergebnisse überschaubar ist, z. B. zwischen 6 und 50 Ergebnisse, werden sie weiterhin angezeigt Die Anzahl der Bücher und zeigt eine Schaltfläche "Mögliche Übereinstimmungen auflisten" an, um diese Ergebnisse optional zu durchsuchen und eines auszuwählen, um das Formular automatisch auszufüllen - oder je nach Kontext möglicherweise über die Liste, die Sie erstellen in der Lage sein, das Formular zu umgehen und direkt zum Buch zu springen?

Eine Handvoll Bücher - listen Sie sie automatisch auf : Wenn die Anzahl der Ergebnisse niedrig ist - sagen wir 5 oder weniger, verzichten Sie auf die Schaltfläche und zeigen Sie nur die passenden Ergebnisse an sowieso in einer kurzen Liste neben dem Formular. Auch hier können Sie möglicherweise auf das Ausfüllen des Formulars verzichten.

Keine Bücher - sagen Sie es : Wenn keine Ergebnisse gefunden werden, geben Sie dies so schnell wie möglich deutlich an, da der Benutzer durch Eingabe weiterer Informationen nicht weiter kommt.


Vorsichtsmaßnahme: Ein Großteil davon hängt davon ab, dass Sie in der Lage sind, rechtzeitig vor Ort Feedback zu geben. Wenn Sie dies jedoch tun können, verschwinden die Tastenprobleme.

3
Roger Attrill

Ich würde eine facettierte Suche empfehlen, wenn Sie nicht die automatische Vervollständigung verwenden. Es ist sehr vertraut, da viele E-Commerce-Websites es verwenden und Benutzer verstehen, wie es funktioniert. Egal was der Inhalt ist.

Zitiert STEPHANIE LEMIEUX in seinem Artikel "Entwerfen für facettierte Suche"

"Mit der facettierten Suche können Benutzer eine Sammlung von Informationen mithilfe einer Reihe diskreter Attribute - der sogenannten Facetten - verfeinern oder navigieren. Eine Facette repräsentiert eine bestimmte Perspektive auf Inhalte, die normalerweise klar begrenzt sind und sich gegenseitig ausschließen. Die Werte innerhalb einer Facette können sein Eine flache Liste, die nur eine Auswahl zulässt (z. B. eine Liste möglicher Schuhgrößen), oder eine hierarchische Liste, mit der Sie einen Drilldown durch mehrere Ebenen durchführen können (z. B. Produkttypen, Computer> Laptops). Die Kombination aller Facetten und Werte ist häufig Diese facettierte Taxonomie kann direkt als Metadaten zum Inhalt hinzugefügt oder mithilfe einer Text Mining-Software automatisch extrahiert werden. "

Hier ein Link zum ausführlichen Artikel: http://www.uie.com/articles/faceted_search/

in Ihrem Fall, wenn ich zum Beispiel Harry Potter in das Suchfeld eingegeben habe, werden folgende angezeigt: - Name (1) - Autor (2) - Jahr (6) - Verlag (34)

Wenn Sie beispielsweise die Facetten "Name" und "Autor" auswählen, werden "3" -Ergebnisse angezeigt. Eine ist die genaue Übereinstimmung mit dem Namen und 2 entspricht dem Namen eines Autors.

Auf diese Weise werden Sie die Ergebnisse weiter einschränken, ohne dass Sie eine Schaltfläche hinzufügen oder eine große Anzahl von Ergebnissen anzeigen müssen.

1
Motaz Al-Thaher

Ich würde einen kleinen Streifen unter Ihr Formular einfügen, der mögliche Übereinstimmungen basierend auf der aktuellen Eingabe des Benutzers auflistet. Die Suche nach möglichen Übereinstimmungen würde innerhalb einer AJAX -Anforderung nach jeder kurzen Verzögerung der Benutzereingabe erfolgen, z. B. 500 ms oder so).

Der Streifen würde das Cover jedes möglichen Spiels und seinen Titel darunter anzeigen, wie es Amazon tut, wenn es verwandte Bücher vorschlägt. Nachdem der Benutzer auf eines geklickt hat, füllt das Formular die restlichen Details aus.

0
nfw