Empfehlen Sie 60 Paging-Fälle und bewährte Vorgehensweisen
|
<br />Struktur und Hierarchie reduzieren die Komplexität und verbessern die Lesbarkeit. Je besser Ihr Artikel oder Ihre Site strukturiert ist, desto einfacher ist es für die Benutzer, Ihre Punkte zu verstehen und die Botschaft zu erfassen, die Sie vermitteln möchten. Im Internet geschieht dies auf verschiedene Weise. Überschriften und Listen werden als logisch eigenständige Informationsblöcke im Fließtext verwendet. Eine weitere Lösung ist ein Mechanismus namens „Paginierung“, der den Benutzern zusätzliche Navigationsoptionen zum Durchsuchen eines einzelnen Abschnitts eines bestimmten Artikels bietet. An diesen Stellen im Artikel finden sich neben den Schaltflächen „Zurück“ und „Weiter“ auch Zahlen, Eingabeaufforderungen und Pfeile. Suchmaschinen verwenden fast immer die Seitennummerierung, und Zeitungen nutzen sie häufig zur Navigation in großen Artikeln mit mehreren Abschnitten. Teilweise ist auch bei Blogs (Weblogs) eine Paginierung erforderlich. Eine zusätzliche Navigation kann den Zugriff auf einige Seiten einer Site vereinfachen, indem sie Benutzern beispielsweise das einfache Durchsuchen der Archive einer Site ermöglicht. In den meisten Fällen ist die Paginierung der herkömmlichen Navigation „vorherige Seite, nächste Seite“ überlegen und ermöglicht den Besuchern eine schnellere und einfachere Navigation durch die Site. Es ist nicht erforderlich, aber eine nette Funktion. Sehen wir uns einige bewährte Paging-Praktiken an, einige Beispiele, wann und wie Paging durchgeführt wird. Bewährte Praktiken für die Seitengestaltung (7 Aspekte von Faruk Ates) Stellen Sie große anklickbare Bereiche bereit. Unterstreichen Sie die aktuelle Seite nicht. Trennen Sie Weblinks. Stellen Sie Links zur vorherigen und nächsten Seite bereit. Verwenden Sie Links zur Startseite und zur letzten Seite (falls zutreffend). Legen Sie die erste und letzte Seite nach außen Seitennummerierung 101, Faruk Ates hat den endgültigen Entwurf zur Seitennummerierung fertiggestellt. Einige Stile für Ihre Paginierung. Sie können jeden anwendbaren Paginierungsstil herunterladen. Wenn Ihr Blog auf WordPress basiert, können Sie zur Generierung einer Seitennummerierung das Plugin WP-PageNavi installieren. Die Installation ist sehr einfach, erfordert allerdings die Änderung einiger Quellcodes Ihres Designs. Fehler Nr. 1: Paginierungsoptionen sind nicht sichtbar. Da der Hauptzweck der Paginierung darin besteht, als verbesserte Navigation zu dienen, muss den Besuchern klar gemacht werden, wo sie sich befinden, wo sie waren und wohin sie als Nächstes gehen können. Diese drei Fakten vermitteln dem Benutzer ein umfassendes Verständnis für die Funktionsweise des Systems und die Verwendung der Navigation. Aber am wichtigsten ist, dass die Navigationsoptionen sichtbar sind. hugg.com befolgt diese Richtlinie nicht. Die Linkfarbe weist einen sehr geringen Kontrast zum weißen Hintergrund auf. Es sind keine Mouseover-Effekte vorgesehen.  Fehler Nr. 2: Nicht intuitive Seitennummerierung <br />Wenn Sie zwischen einer relativ komplexen (aber schönen) Navigation und einer einfachen Navigation mit den erforderlichen Funktionen wählen müssen, wählen Sie immer den einfachen Ansatz. Wenn Benutzer die Mechanik der Seitennummerierung nicht verstehen, können sie diese nicht verwenden und werden daher Ihre Site nicht nutzen. Helium.com ist ein gutes Beispiel für diesen Fehler. Schauen Sie sich den Screenshot unten an: Was stellen diese Pfeile dar? Stellt die von Ihnen besuchte oder die Seite dar, die Sie besuchen? Warum hat dieser Link zur zweiten Seite einen weißen Hintergrund? Warum haben die Pfeile unterschiedliche Farben? Das ist nicht intuitiv.  Nicht intuitive Designs sind auf einen Mangel an Struktur, Hierarchie und durchdachten Designentscheidungen zurückzuführen. Eine leere Navigation ist ebenso wenig intuitiv wie überladene Lösungen.  Weblinks ohne Leerzeichen sind schwer zu scannen und zu navigieren. Make-Believe.org ist ein Beispiel für eine Site, die so konzipiert wurde, dass sie nicht intuitiv ist.  Vorherige Seite 1 2 3 4 5 Nächste Seite Mehr lesen |
<<: Implementierung der kontinuierlichen Integration von Jenkins+Docker
>>: So löschen Sie Standardformate und legen allgemeine Formate in CSS fest
Artikel empfehlen
Häufige Fehler beim Schreiben von HTML-Tags
Wir sollten besser aufpassen, denn die HTML-Poliz...
So verwenden Sie CSS, um je nach Unterelementen unterschiedliche Stile zu schreiben
Der Effekt, den wir erreichen müssen: Was wird be...
Linux-Checkup: Erfahren Sie mehr über Ihren Linux-Status (Netzwerk-E/A, Festplatte, CPU, Speicher)
Inhaltsverzeichnis 1. Kernbefehle 2. Allgemeine B...
Beispielcode zum Zeichnen von Doppelpfeilen in gängigen CSS-Stilen
1. Mehrere Aufrufe eines einzelnen Pfeils Sobald ...
Detaillierte Erklärung von MySQL-Transaktionen und MySQL-Protokollen
Transaktionale Merkmale 1. Atomarität: Nach dem S...
HTML verwendet Formular-Tags, um den Beispielcode der Registrierungsseite zu implementieren
Fallbeschreibung: - Verwenden Sie Tabellen, um Se...
CSS implementiert fünf gängige 2D-Transformationen
2D-Transformationen in CSS ermöglichen es uns, ei...
vue $set implementiert die Zuweisung von Werten zu Array-Sammlungsobjekten
Vue $set Array-Sammlungsobjektzuweisung In der be...
Tutorial zur Installation von Microsoft TrueType-Schriftarten auf Ubuntu-basierten Distributionen
Wenn Sie einige Microsoft-Dokumente mit LibreOffi...
MySQL erhält schnell den Tabelleninstanzcode ohne Primärschlüssel in der Bibliothek
Überblick Lassen Sie uns einige SQL-Anweisungen z...
So installieren Sie Docker mithilfe von Skripten unter Linux Centos
Was ist die Hauptfunktion von Docker? Derzeit gib...
MySQL Serie 4 SQL-Syntax
Inhaltsverzeichnis Tutorial-Reihe 1. Einführung u...
Webdesign-Tipps für Formular-Eingabefelder
1. Gestricheltes Feld, wenn die Abbrechen-Schaltfl...
Einfache Verwendung des Vue-Busses
Einfache Verwendung des Vue-Busses Beschreibung d...
Implementierung der MySQL-Datendesensibilisierung (Telefonnummer, ID-Karte)
1. Erklärung zur Datendesensibilisierung Bei den ...