it-swarm.com.de

Paginierung - Platzierung der Navigationssteuerung relativ zu den Suchergebnissen?

In einer Webanwendung, die ich erstelle, wird eine Liste der Suchergebnisse angezeigt, die ich einem Benutzer in tabellarischer Form anzeige. Ich plane, die Ergebnisse aus Leistungsgründen in kleineren Gruppen (z. B. 10) zu veröffentlichen.

Hat jemand Usability-Studien oder Untersuchungen durchgeführt, um herauszufinden, wo sich die Paginator-Navigationssteuerung im Verhältnis zu den Ergebnisdaten am besten befindet, wenn sie in einem Tabellenformat vorliegt? Über dem Tisch, unter dem Tisch, sowohl über als auch unter dem Tisch? Rechts, links oder mittig ausgerichtet?

Im Folgenden finden Sie ein Beispiel für eine Paginator-Navigationssteuerung, um die Art der Steuerung zu veranschaulichen, auf die ich mich beziehe (ohne Rückmeldung zum Design/Nutzen dieses bestimmten Paginators).

enter image description here

6
Jessica

Oben oder unten:

Es ist unwahrscheinlich, dass ein Benutzer wissen muss, ob er zu einer anderen Seite wechseln muss, bis er den unteren Rand der aktuellen Seite erreicht hat. Platzieren Sie also mindestens die Seitennavigation unten. Dies setzt voraus, dass wir die Ergebnisse eher nach Relevanz als nach nicht priorisierter Reihenfolge sortiert betrachten.

Links oder rechts

Position unten rechts für L-R-Sprachen. Rechts bedeutet rechtsbündig mit der rechten Kante des Ergebnisblocks selbst - nicht mit dem Rahmen der Seite.

Optional, wenn Ihre Paginierung auf vorherige/ nächste oder neuere/ ältere reduziert wurde Zum Beispiel (also überhaupt nicht wirklich paginiert!) können Sie dann rückwärts Links nach links und vorwärts Links nach rechts teilen (wie zum Beispiel TechCrunch).

Oben und unten?

Wenn nicht garantiert werden kann, dass alle Ergebnisse auf eine Seite passen, könnten Sie versucht sein, sie auch oben hinzuzufügen, damit sie immer sichtbar sind.

Warum platziert Google dann in seiner unendlichen Weisheit die Navigation nicht sowohl oben als auch unten (was früher tatsächlich der Fall war)?

Wenn Sie die Navigation oben platzieren, priorisieren Sie möglicherweise die Navigation gegenüber den Ergebnissen selbst und bieten eine mögliche Route zur nächsten Seite an, ohne die Ergebnisse unterhalb der Falte zu untersuchen. Dies bedeutet, dass die Ergebnisse oben auf Seite n + 1 möglicherweise sichtbarer sind als die Ergebnisse am Ende der Seite n.

Vermeiden Sie aus diesem Grund, sie oben zu positionieren. Außerdem wird möglicherweise ein zusätzliches Ergebnis auf der Seite angezeigt. Wenn dies bedeutet, eine geeignete Anzahl von Ergebnissen zu ermitteln, die über die Falte passen, ist dies möglicherweise einen Test wert.

Benutzer möchten in der Lage sein, nacheinander auf die nächste Seite zu klicken, ohne die Maus zu bewegen. Selbst wenn alle Ihre Ergebnisse auf eine nicht gescrollte Seite passen, Sie jedoch nicht garantieren können, dass die Position der unteren Navigation auf jeder Seite gleich ist, können Sie dies tun Sie haben einen guten Grund, die Navigation oben zu positionieren, wo Sie sich einer konstanten Positionierung sicher sein können. Persönlich würde ich in diesem Fall eine kleine Lücke und eine konstante Position vorziehen, als keine Lücke und eine unterschiedliche Position.

Ausnahmen

Wenn Ihre Ergebnisse tatsächlich nicht nach Relevanz geordnet sind, müssen Sie die Navigation möglicherweise ohnehin ganz oben platzieren, da sie im Wesentlichen Teil Ihrer Suchbegriffe (eine Form des Indexierungssystems) werden sollte und keine reine Paginierung der Ergebnisse darstellt.

Endlich - brauchst du es überhaupt?

Überlegen Sie, ob eine "unendliche" Bildlaufliste zum automatischen Laden und Scrollen besser zum Zweck passt als die Paginierung. Es werden immer mehr Beispiele dafür angezeigt, dies hängt jedoch stark von Ihrem speziellen Szenario ab, z. B. von der Anforderung, die tatsächliche Position innerhalb der Ergebnisse zu ermitteln, oder von der Notwendigkeit, problemlos zu bestimmten Seitenergebnissen und dergleichen wechseln zu können mögen.


Verweise:

Paging-Muster für Quitteninfragistik

Wellie Paging-Muster

I-Muster Paging-Muster

Total Usability Paginierungskontrollen

ux.se-Frage: Was ist das Design-Grundprinzip für die Paginierung des unteren Endes der Suchergebnisse?

Hinweis : Ich kann nicht finden, was ich als wichtige fehlende Referenz für Googles eigene Argumentation zum Entfernen der Paginierung aus dem oberen Bereich der Ergebnisse betrachte - ich kann mich nicht einmal daran erinnern, wie lange das her ist war.

9
Roger Attrill

Aus eigener Erfahrung spielt es keine Rolle, ob die Steuerelemente links, mittig oder rechts platziert werden, solange sie optisch gut in den Tisch integriert sind.

Wenn Sie es oben gegen unten platzieren, können Sie für beide ...

1 - Fall, um es an die Spitze zu setzen:

Das Setzen der Paginierungssteuerung an die Spitze ist nützlich, wenn Sie mit Suchergebnissen arbeiten, deren Anzahl vorhersehbar ist, und Benutzer genau wissen, wonach sie suchen. Dies gilt häufig für interne Benutzer, die viele Abfragen durchführen.

Wenn ich beispielsweise in einem A-Z-Mitarbeiterverzeichnis, das sich über 20 Seiten erstreckt, nach "McGyver" suche, kann ich mit dem oben befindlichen Paginierungssteuerelement einfach auf Seite 10 gehen. Und wenn "McGyver" auf Seite 10 nicht gefunden wird, kann ich relativ einfach zu Seite 11 oder 12 gehen. Stellen Sie sich vor, wie ärgerlich dies wäre, wenn sich die Paginierungssteuerelemente am Ende der Seite befinden würden.

2 - Fall, um es unten zu platzieren:

Unten wird zum Durchsuchen und Durchsuchen bevorzugt, wenn der Benutzer von oben nach oben scannen soll und das Suchergebnis lang genug ist, um einen Bildlauf durch die Seite zu verursachen. Stellen Sie sich vor, wie ärgerlich es wäre, nur zum Paginieren nach oben scrollen zu müssen.

Der optimale Ort hängt also von der Verwendung ab und davon, ob das Suchergebnis lang genug ist, um einen Bildlauf zu verursachen. Wenn Sie sowohl Fall 1 als auch Fall 2 aufnehmen müssen, ist es auch eine praktikable Option, ihn oben UND unten zu platzieren. (sehr zum Leidwesen einiger UX- und visueller Designer)

1
Jung Lee

Wenn Ihre Ergebnistabelle scrollbar ist, spielt es keine Rolle, wo Sie den Seitennavigator platzieren. Es geht jedoch nur um den Benutzerfluss.

Ich würde sagen, dass Sie möchten, dass der Benutzer weiß, dass Paging oben in der Tabelle verfügbar ist, und dass er zur nächsten Seite gelangt, wenn er nach unten scrollt. Also würde ich dein Design umdrehen. Ich würde das Widget auch auf die rechte Seite stellen, da wir so die englische Sprache von links nach rechts lesen. (Für Lesesprachen von rechts nach links würde ich es links setzen).

Das Paginierungs-Widget und der Text zu den Ergebnissen scheinen sehr verwirrend zu sein. Das Ergebnis ist zu wortreich. Verwenden Sie stattdessen '1-5 von 20'. Die Seitenzahl ist nur dann nützlich, wenn sie jemand anderem mitteilen möchte, dass sie sich auf Seite 3 befindet. Daher würde ich diese aus dem Wortlaut entfernen.

0

Es gibt unzählige Male, in denen ich mir gewünscht habe, dass die Paginierung sowohl oben als auch unten ist. Zum Beispiel Wenn ich auf einem großen Bildschirm alle Ergebnisse sehen kann, ohne zu scrollen, scheint es mehr Arbeit zu sein, die Maus nach unten zu bewegen, um die Seiten zu wechseln.

Direkt neben der Manschette könnte eine interessante Idee darin bestehen, oben eine kleinere Vorher/Nachher-Steuerung und unten eine detailliertere Paginierungssteuerung wie Ihre zu haben.

0
Amit Lath

Ich möchte Sie darüber informieren, dass Sie Frameworks verwenden können, die Tabellenkomponenten mit automatischem Paging enthalten. Der Tabelleninhalt wird in Blöcken angefordert, die aktualisiert werden, wenn der Benutzer zum aktuellen Endelement in der Tabelle blättert. Ein Framework, das dies nutzt, ist Vaadin , aber es gibt andere.

Mir ist klar, dass dies Ihre Frage nicht wirklich beantwortet, aber Sie haben bereits viele nette Beiträge von anderen Benutzern, z. Rogers sieht gut aus. Wenn Ihre Aufgabe jedoch darin besteht, eine umfangreiche Webanwendung zu entwickeln, ist es eine gute Idee, ein geeignetes Framework zu verwenden.

Schauen Sie sich den Link an, wenn Sie der Meinung sind, dass er interessant klingt!

0
AndroidHustle