Interaktion im Webdesign: Eine kurze Diskussion über Paging-Probleme
 Elemente: Die grundlegenden Elemente der Seitennummerierung sind: vorherige Seite + Seitenzahl + nächste Seite (z. B. Markierung 1); Gesamtseitenzahl (z. B. Markierung 2); Seite springen (z. B. Markierung 3); Schaltfläche „Bestätigen“ (z. B. Markierung 4);  Wenn die Anzahl der Forenseiten groß ist, kann sie Tausende erreichen. Der Großteil des paginierten Inhalts besteht aus Top-Beiträgen oder Originalbeiträgen, die ständig aktualisiert werden. Die meisten Benutzer prüfen daher die Originalbeiträge auf der Startseite und dann selektiv einige Nachrichtenseiten. Die Möglichkeit, sie alle manuell durchzublättern, liegt nahezu bei Null. Daher verfügt das Paging im Forum-Stil über die folgenden Funktionen: 1. Die meisten Benutzer blättern direkt um oder möchten nach dem Lesen des Originalbeitrags zur Beitragsliste zurückkehren. Daher wird zusätzlich zum unteren Rand eine Seitenumblätterfunktion oben hinzugefügt und eine Verknüpfung „Zurück zur Liste“ festgelegt. 2. Daher ist die „1.“ Seite die Startseite, und es gibt immer eine „1.“ Seite. „…“ wird in der Mitte verwendet, um die Seitenzahl anzuzeigen, die nicht angezeigt wird. 3. Geben Sie nur die Seitenzahlen „Startseite 1 + 5 aufeinanderfolgende Seitenzahlen + letzte Seite“ an. Der Entwickler sollte berücksichtigen, dass der durchschnittliche Benutzer höchstens 5 Seiten Inhalt hintereinander anzeigen kann. Oder Sie können direkt zur letzten anzuzeigenden Seite springen. Dazu werden die letzte Seitenzahl und die Schaltfläche zum direkten Springen zur letzten Seite angezeigt.  Die Informationen, die die Benutzer durchsuchen, sind die Informationen, die sie interessieren, und sie durchsuchen sie Seite für Seite, als würden sie eine Zeitung lesen. Daher werden „vorherige Seite“ und „nächste Seite“ am häufigsten verwendet. Am häufigsten wird das Umblättern verwendet. Um das Konzept leichtgewichtiger Microblogs widerzuspiegeln, wird der mittlere Seitenzahlenteil des traditionellen Umblätterns zu einem Dropdown-Menü vereinfacht, das sowohl die aktuelle Seitenposition markieren als auch Seiten wechseln kann. Sina Weibo: 45 Mikroblogs pro Seite, weitere werden umblättern, vorherige Seite, nächste Seite und Seitenzahl, standardmäßig 10 Seiten pushen  1. Die Suchergebnisse liefern beim ersten Mal nur 10 Seiten. Generell sollten Benutzer den Suchinhalt ändern, wenn sie auf diesen 10 Seiten immer noch nicht finden, was sie suchen. Die Footprint-Grafik und die entsprechende Seitenzahl darunter können angeklickt werden, um die Seite umzublättern, was das Interesse an der Seite erhöht. 2. Da Benutzer beim Suchen nach Seiten im Allgemeinen nicht zur Startseite zurückkehren, verfügt die Seite nur über Verknüpfungsschaltflächen für die vorherige und die nächste Seite. 3. Klicken Sie auf eine beliebige Seitenzahl, um mit dem Durchsuchen fortzufahren. Sie werden feststellen, dass die nächste Seitenzahl wie folgt lautet: aktuelle Seite + 9; Dies ist für Benutzer praktisch, um den Suchbereich zu erweitern. 4. Geben Sie bis zu 20 Seitenzahlen an; besser geeignet für die Seitenbreite  1. Tencent Weibo: 45 Mikroblogs pro Seite, standardmäßig werden mehr als eine Schaltfläche angezeigt. Klicken Sie darauf, und 45 weitere werden darunter angezeigt usw. Tencent hat außerdem einen benutzerfreundlicheren Seitenumblättermodus eingeführt, den Benutzer auswählen können.    |
<<: Über die Rolle von Metadaten in HTML (aus dem Internet gesammelt und sortiert)
>>: CSS Acht auffällige HOVER-Effekt-Beispielcodes
Artikel empfehlen
Eine sehr detaillierte Erklärung des Linux DHCP-Dienstes
Inhaltsverzeichnis 1. DHCP-Dienst (Dynamic Host C...
Detaillierte Einführung in das MySQL-Installationstutorial unter Windows
Inhaltsverzeichnis 1. Einige Konzepte, die Sie vo...
Detailliertes Installationstutorial für Zabbix 4.04 (basierend auf CentOS 7.6)
1. Vorbereitung vor der Installation: 1.1 JDK ins...
Verwenden Sie Typescript-Konfigurationsschritte in Vue
Inhaltsverzeichnis 1. TypeScript wird in das alte...
Detaillierte Erklärung der praktischen Anwendung regulärer Ausdrücke in JavaScript
In der tatsächlichen Arbeit werden reguläre Ausdr...
Informationen zur Nginx-GZIP-Konfiguration
Das Prinzip von nginx zur Erzielung einer Ressour...
So installieren und deinstallieren Sie open-vswitch unter Linux
1. Kompilieren und installieren Sie OVS aus dem Q...
So konfigurieren Sie den Redis-Sentinel-Modus in Docker (auf mehreren Servern)
Inhaltsverzeichnis Vorwort Zustand Docker install...
Automatischer Commit-Vorgang für MySQL-Transaktionen
Der Standardbetriebsmodus von MySQL ist der Autoc...
Zusammenfassung einiger Tipps zum Umgehen der Node.js-Codeausführung
Inhaltsverzeichnis 1. untergeordneter Prozess 2. ...
Tutorials der MySQL-Reihe für Anfänger
Inhaltsverzeichnis 1. Grundkonzepte und Grundbefe...
So implementieren Sie die Komprimierung von Webseiten im Nginx-Optimierungsdienst
Konfigurieren Sie die Webseitenkomprimierung, um ...
Detaillierter Prozess zur Installation von Presto und zum Verbinden von Hive in Docker
1. Einleitung Presto ist eine Open-Source-SQL-Abf...
Tutorial zu HTML-Tabellen-Tags (12): Rahmenstil-Attribut FRAME
Verwenden Sie die FRAME-Eigenschaft, um den Stilt...
MySQL-Inspektionsskript (unbedingt lesen)
Wie unten dargestellt: #!/usr/bin/env python3.5 p...