Wie würden Sie eine gute Suchoberfläche gestalten?

Kein Experte auf UI, aber ich habe gesehen, viele schlechte UI.

• KUSS ist ein guter Anfang.
• Machen es intuitiv.
• Halten die Suche sowohl auf der Oberseite und an der Unterseite. Ich würde ungern etwas, das zwingt mich zu bewegen auf der Seite zu geben (siehe Flex-Dokumentation, deren Paginierung Kontrolle ist nur an der Spitze -- eine elende Schmerzen, die Sie wissen, wo).
• Organisation von Kriterien sollte zwei-Fach:
  • grundlegende Operatoren (20%), die 80% up-front
  • dynamisch Bearbeiten Sie die Kriterien jederzeit zur Verfügung stehen.
• Bekommen die Benutzer fingen mit mindestens ramp-up-Zeit und ermöglicht Ihnen das hinzufügen/entfernen von Kriterien als Grundlage benötigt. Die Idee ist, machen ihn zu etwas anwenden, was er braucht, und nicht Unordnung seiner Gedanken oder workflow mit der Brillanz Ihrer feature-set.
• Wie andere erwähnt haben und ist der trend heutzutage mit UI im Allgemeinen, verwenden Sie die Steuerelemente ausgeblendet sind, bis und es sei denn, der Benutzer möchte ausdrücklich erweitert " /" fein-tuning (on-demand-UI).
• Eine gute Faustregel ist es, ein maximum von 5-7 Funktionen auf einer Seite.
• Es wäre toll, wenn Sie arrangieren können, werden die Kriterien in einer Weise, so eine Geschichte zu machen aus ihm heraus, D. H. der Benutzer kann Lesen, seine Abfrage, und Ihre Betreiber machen einige Sinn.
• Ich bin ein großer fan von wenig text und leicht zu verstehen sind Symbole, aber so ein setup hängt von der Installationsumgebung. Können Ihrer grandkid verwenden, die mächtigen Arbeitstier?
• Gutes design auch necessiates, dass Sie Ihre Benutzeroberfläche zugänglich. Das ist eine harte Nuss zu knacken und ich habe absolut keine Ahnung, wie Sie tun würde.

Viel Glück!

InformationsquelleAutor der Antwort dirkgently

Halten den erweiterten Funktionen standardmäßig ausgeblendet. Ihre Suche nach input und action-button sollte immer sichtbar sein, und ein hoher Stellenwert eingeräumt, unabhängig davon, ob oder nicht Ihre erweiterte Steuerelemente sichtbar sind. Stellen Sie sicher, dass das anzeigen/ausblenden der erweiterten Steuerelementen ändert nicht die Position von entweder dem primären Eingang oder Taste - diese müssen statisch bleiben, so dass der Benutzer das räumliche Gedächtnis ist nicht betroffen.

Als für die erweiterten Einstellungen, ohne genau zu wissen, welche Art von Daten, die Sie brauchen, um zu zeigen, ich kann nur ein überblick über mögliche Organisation Methoden. Persönlich, ich mag-VERRIEGELUNG:

• Lage
• Alphabet
• Zeit (Zeitleiste oder Chronologie - denken Sie an eine Geschichte, museum)
• Kategorie (denke Warenhäuser)
• Bietet (größten bis zur kleinsten, leichtesten bis zum dunkelsten, etc.

Je nach Ihrer Steuerung, einer von denen wird am meisten Sinn machen. Organisieren Sie entsprechend. Wenn Sie mit einem Schieberegler oder range-Eingang (für Beispiel, 'leichteste', 'leichtere', etc.) eher als eine Liste von Checkboxen/radios, ist dies vorzuziehen, da es reduziert die Anzahl der visuellen Elemente auf der Seite.

Vergessen Sie die "plus/minus-7-Regel" -, wurde völlig aus dem Zusammenhang von Leuten, die nicht wirklich Lesen Sie die Studie. Kurz gesagt - es ist nur anwendbar, mit der menschlichen Reaktion auf äußere Reize, nicht die Optionen auf einem Bildschirm angezeigt. Dies ist nicht zu sagen, sollten Sie über Bord gehen, aber selbst wenn Sie haben eine Menge von Optionen, können Sie visuell zwicken Sie. Unordnung ist ein Fehler des Designs, nicht Informationen.

Denken Sie daran, verwenden Sie viel Leerraum und <label> Elemente zu jeder option eine gute Größe klicken Sie auf Ziel. Dies ist besonders wichtig beim Umgang mit Checkboxen oder radios.

Stellen Sie sicher, dass, wenn die Ergebnisse zurückgegeben werden, es gibt einen klaren Titel (<h2> oder <h3> reicht in der Regel) wieder, die besagt Abfrage des Benutzers, und wie viele Ergebnisse zurückgegeben wurden. Vergessen Sie nicht, über ein 0 Ergebnisse Seite! Einige Ratschläge, die Erweiterung der Abfrage, wenn möglich.

InformationsquelleAutor der Antwort Mark Hurd

1) halten Sie die search-panel sichtbar sein soll auf meinem ergebnisraster?

Einer einfachen Suche-Bedienfeld wie Google einfache Suche kann auf der Ergebnisseite, da es kompakt ist. Dadurch kann der Benutzer erneut versuchen, die Suche mit verschiedenen Kriterien, ohne Zeit zu verlieren gehen, um eine neue Seite oder Fenster. Die erweiterte Suche ist viel mehr überladen, so dass es ein wichtiger Kompromiss zwischen den einfachen Zugang zu den Ergebnissen (in einem kleineren Bereich) und einfach Zugang zu Forschung, so müssen Sie beurteilen die Häufigkeit Benutzer erneut auf der Suche gegenüber der Arbeit, die Sie tun, mit den Ergebnissen. Zum Beispiel, wenn die Forschung passiert, 50% der Zeit, aber auch eine Erweiterte Suche panel in der Ergebnisse Seite zusätzliche scrollen zu 75% der Zeit, die Ihre Benutzer sind besser dran ohne Sie eine Erweiterte Suche panel auf die Ergebnisse. Als eine Allgemeine Regel, die Erweiterte Suche sollte nicht auf der Seite Ergebnisse, es sei denn, die Aufgabe ist wirklich cut-and-try-exploration der Daten.

Ein weiteres Problem mit dem Suchfeld an der Spitze der Ergebnisse, was zu tun ist, wenn die Ergebnisse entsprechen nicht den Kriterien (z.B., wenn der Benutzer ein Kriterium, nach dem die Ergebnisse angezeigt werden, aber vor dem klicken auf erneut Suchen). Mit der Erweiterten Suche ist es für die Benutzer viel einfacher zu vergessen oder zu verpassen, ob Sie verändert, ein Kriterium oder nicht und dann verwirrt über das, was Kriterien ist in der Tat für die Ergebnisse. Putting Erweiterte Suche auf einer eigenen Seite verhindert dies, obwohl es andere Wege gibt, um dieses problem zu vermeiden, wenn die Erweiterte Suche wird auf der Ergebnisseite (z.B. mit instant-apply "facettierte" Suche).

In jedem Fall, die Seite mit den Ergebnissen angezeigt werden sollen, die Kriterien, die in die Suche.

2) denkst du, es ist besser, lassen Sie die Benutzer klicken Sie auf "erweitert" weitere Kriterien?

Für die meisten Datenbank-apps, die Benutzer einer bestimmten Gruppe (z.B. berufliche Stellung) haben 2 bis 5 bestimmten sets von Suchkriterien, die Sie durch die überwiegende Mehrheit Ihrer Arbeit (z.B. suchen für Bestellungen, die zwischen zwei vom Benutzer gelieferten Daten), manchmal auch um die Kriterien, die auch spezifische Kriterium Werte (z.B. Suche nach allen Bestellungen mit dem status ausstehend). In dieser situation werden Nutzer am schnellsten und am wenigsten verwirrt, wenn Sie eine Schaltfläche Erweitert, die für ad-hoc-Suche, während die Standard-Suche steuert, das speziell für diese spezifische Suche. Standardmäßig Erweiterte Suche nur, wenn Ihre Benutzer in Erster Linie werden die Durchführung von explorativen ad-hoc-Recherchen.

3) Wie würden Sie organisieren die Kriterien?

Wenn es bestimmte Kriterien, die besonders Häufig verwendet, dann sind Sie erledigt einfache Suche wie beschrieben für 2, so gibt es wenig Vorteil zu Sortier-Kriterien in der Erweiterten Suche nach Frequenz. Es macht es schwierig für die Nutzer zu finden, das Kriterium, die Sie suchen. In der Regel verlassen Sie sich auf Benutzer, die eine bestimmte benannte Feld im Auge, so Sortieren, das Kriterium alphabetisch, oder, wenn Benutzer vertraut sind mit den Ergebnissen, die Seite und die Felder angelegt werden, in einer Weise, die im Einklang mit, wie die Anwender denken, verwenden Sie die gleiche Reihenfolge wie für die Ergebnisse Spalten.

4) Wo sollte ich die "Suche" - button?

Die Schaltfläche Suchen im Idealfall sollten immer sichtbar sein. Die beste Lösung ist, um alle Kriterien auf einen scrollbaren Bereich mit der Schaltfläche außerhalb des Bereichs. Setzen die Schaltfläche am oberen und unteren Ende ist eine häufige, aber kludgey alternative. Ich würde es nicht nach den " gemeinsamen Kriterien, weil, wenn Ihre Benutzer Weg von der Grundlegenden zur Erweiterten Suche, sind Sie wahrscheinlich nicht mit der gemeinsamen Kriterien entspricht. Betrachten keine Schaltfläche Suchen, wenn Sie halten kann die Reaktionszeit unter 500 ms, anstatt die Bereitstellung von instant-anwenden wie auf Vista.

5), Wie man ein schönes such-UI?

Für Feld-basierte multi-Kriterien-Suche, gibt es zwei grundlegende Ausführungen:

ein. Ein Formular alle Felder mit einem Ort eingeben-Kriterium Werte für jedes Feld. Das problem mit diesem ist, dass die Felder mit den eingestellten Werten kann scrollen aus der Ansicht, und die Benutzer vergessen haben, können Sie sich gesetzt haben, einen Wert. So Sie wollen, halten Sie diese so kompakt wie möglich. Siehe das Kapitel Verbesserung der Datenbeschaffung in Alan Cooper - About Face 2.0 für einen Ansatz. Sie können auch eine Zusammenfassung der string der ausgewählten Kriterien, die in der Nähe des Search-buttons, die der Benutzer überprüfen kann. Durch klicken auf die einzelnen Kriterien, die in der Zeichenfolge können auch springen, den Benutzer auf die Kriterien, es zu ändern.

b. Der Benutzer wählt aus einer Liste von Feldern diejenigen verwendet werden, in der Kriterien -, dann setzt die Werte für die Kriterien in der konsolidierten Lage. Die größte Herausforderung hier ist die Minimierung der Anzahl der "overhead" - Klicks, um ein Feld auszuwählen. Idealerweise ist die Liste der Felder sind immer verfügbar und ein Klick markiert das Feld, bringt es auf den konsolidierten Speicherort, und stellen Sie den cursor in das Wert-Kontrolle, etwas, das wie gezeigt in http://www.zuschlogin.com/content/blogimages/37/FindAdvanced.gifnur für die Suche statt Finden. (Durch willkürliche Konvention "Finden" ist etwas ganz anderes als "Suche" für die Nutzer Finden highlights die Dinge innerhalb der aktuellen Seite, die mit einem bestimmten Kriterien bei der Suche ruft die Dinge, die mit einem bestimmten Kriterien)

Diese beiden Entwürfe verbinden das Kriterium für jedes Feld durch logische and und sind beschränkt in dem die Verknüpfungen zu den zugrunde liegenden Datenbanktabellen, aber das ist wahrscheinlich erfüllen fast alle Ihre Benutzer. Wenn die Aufgaben erfordern komplizierte Verknüpfungen und boolsche Kombinationen, sehen Sie in der grafischen Abfrage-designs (z.B., Badre EIN, Catarci T, Massari, Einem, & Santucci G 1996. Vergleichende Benutzerfreundlichkeit eine grafische vs. Eine ikonische Anfragesprache. In J Kennedy & P Barclay (Eds) - Schnittstellen zu Datenbanken (IDS-3): Proceedings of the 3rd International Workshop on Schnittstellen zu Datenbanken, Napier University, Edinburgh, 8-10 Juli) und Query by Example-designs.

InformationsquelleAutor der Antwort Michael Zuschlag

Einfach ist gut. Ich würde empfehlen, einen iterativen Ansatz, bei dem Sie langsam build-Funktionen nach Benutzer-Akzeptanz-Tests und beobachten Sie die Protokolle, um zu sehen, welche Funktionen, die Sie verwenden (oder nicht verwenden). Der einzige Weg, du wirst wissen, was zu verbessern ist zu sehen, wie Ihr Benutzer.

InformationsquelleAutor der Antwort dirq

meine Gedanken:

Nur show advanced Kriterien, wenn es gewünscht ist. Die Suche ist eine tolle Sache, wenn es so einfach wie möglich gemacht, um die Menschen, die versuchen zu suchen.

-Wenn es eine sehr große Menge von Suchkriterien für die erweiterte Suche: nicht Unordnung die Ergebnisse mit es. Machen es sehr einfach und offensichtlich für einen Benutzer, gehen Sie zurück und ändern die Kriterien, aber versuchen Sie nicht zu verschwenden Speicherplatz auf die Ergebnisse, indem Sie Ihre Kriterien wieder rechts von der Fledermaus.

-Organisation von Kriterien ist schwer zu sagen, ohne es zu wissen alle. aber wie andere schon/wird sagen: machen Sie es einfach! Können Sie nicht brauchen, um es alles auf einmal: lassen Sie mich Bereiche erweitern, wenn ich mehr wollen, verstecken Sachen, die ich nicht verwenden möchte. und dann legen Sie eine Suche-Taste an der Unterseite. Aber wieder, ich nicht wollen, um einen Bildlauf durch eine Seite des random-Kriterien nur auf diese Taste finden.

InformationsquelleAutor der Antwort Pete

Bitte finden Sie meine Antworten(im normalen text) gegen jede der Fragen(Kursiv) gefragt.

"1) denkst du die Suche-Bedienfeld sichtbar sein sollen, die ganze Zeit (ie angezeigt, auf der Oberseite meiner Ergebnis-raster) oder in einem separaten Formular (die würde ich verwenden, mehr Platz für alle Steuerelemente)"

Display auf der Oberseite des Ergebnis-Grids, wie diese Blätter zusätzlichen horizontalen Platz für die Anzeige der Suchergebnisse und somit die Anzeige mehrerer Spalten der Suche nach Daten, ohne einen horizontalen Bildlauf.

"2) glaubst du, es ist besser, alle anzeigen die Suchkriterien aus, oder lassen Sie die Benutzer klicken Sie auf "erweitert", wenn er will, um zu sehen/verwenden mehr Kriterien"

Anzeige aller verfügbaren Kriterien, aber in tabbed Mode. d.h. kategorisieren Eingang Suchfelder in Kategorien und haben eine Registerkarte für jede Kategorie.

"3) Wie würden Sie organisieren die Kriterien? durch die Verwendung der Frequenz, oder eher durch die Gegend (dh. Kriterien in Bezug auf Benutzer, Ort, Zeit, etc.)"

Organisieren 'durch die Gegend', weil verschiedene Menschen wie mit verschiedenen Kriterien.
Die einzelnen Kriterien hätte Registerkarte von selbst. Aber organisieren Sie die Registerkarten in der Reihenfolge der 'beliebtesten' zu 'weniger bekannten', wie Sie denken. In Ihrem Fall Registerkarten sind möglicherweise 'Name'(mit den Feldern Vorname, zweiter Vorname, Nachname, Mutter, Mädchen name, nick-name, name des Vaters usw.), 'Location' (Ort, name, county-name, Bezirk, name, state name, Land, name usw)
und so weiter, bis die Registerkarte "erweitert" (wo Sie gesteckt hatten zuletzt verwendeten Felder).

"4) Wo soll ich den "Suche" - button? neben der mehr Allgemeinen Suche steuert, oder unten, oder beides?"

Legen Sie die Eingabefelder der Suche, wie oben diskutiert, in tabbed Mode kategorisieren Sie auf der Grundlage 'Feld'(ich werde beziehen sich auf dieses Gebiet als such-raster). Dann legen Sie die action-buttons wie 'Suchen', 'Löschen/Zurücksetzen' unter den Suche raster ausrichten an der Mitte(ich werde beziehen sich auf diesen Bereich als Schaltfläche raster).Setzen Sie dann das suchergebnis-Fenster unter der Schaltfläche raster als weitere horizontale Bereich für die Anzeige verfügbar ist, so dass maximale Spalten gleichzeitig angezeigt werden können.

InformationsquelleAutor der Antwort Real Red.

Glaube nicht, dass das erwähnt wurde, aber vergessen Sie nicht, dass Sie auch brauchen, um die Suche zu starten, wenn der Benutzer die EINGABETASTE drückt, in jedem der Suchfelder. Wahrscheinlich wissen das schon, aber erwähnenswert trotzdem.

InformationsquelleAutor der Antwort willcodejavaforfood