Beispiele und bewährte Vorgehensweisen für die Seitennummerierung
|
<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):
Verwandte Referenzen
Fehler Nr. 1: Seitennummerierungsoptionen sind nicht sichtbar <br />Da der Hauptzweck der Seitennummerierung 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 Nächste Seite Gesamten Artikel lesen |
<<: Webpack lädt CSS-Dateien und ihre Konfigurationsmethode
>>: Mehrere Möglichkeiten zum Ändern der SELECT-Optionen in einer HTML-Dropdown-Box
Artikel empfehlen
Beispielcode zur Implementierung der Ellipsenbahnrotation mit CSS3
In letzter Zeit müssen folgende Effekte erzielt w...
Grundlegendes Installationstutorial zum Dekomprimieren von MySQL-Paketen
Da ich auf einen neuen Computer gewechselt bin, m...
mysql installer community 8.0.16.0 Installations- und Konfigurations-Grafik-Tutorial
Grafisches Installationstutorial für die MySQL In...
Tutorial zur Remote-Verbindung mit einer MySQL-Datenbank unter Linux
Vorwort Ich bin kürzlich bei der Arbeit auf diese...
Zusammenfassung der allgemeinen MySQL-SQL-Anweisungen einschließlich komplexer SQL-Abfragen
1. Komplexe SQL-Abfragen 1.1. Einzeltabellenabfra...
Lösung für den Konflikt zwischen zwei Registerkartennavigation in HTML
Beginnen wir mit einer Beschreibung des Problems:...
Tutorial-Diagramm zur Installation von mysql8.0.18 unter Linux (Centos7)
1 Holen Sie sich das Installationsressourcenpaket...
Lösen Sie das Problem der Inkonsistenz zwischen MySQL-Zeit und Systemzeit in Docker
Als ich kürzlich MySQL in Docker installierte, st...
Mehrere Möglichkeiten zum Zentrieren einer Box in der Webentwicklung
1. Notieren Sie mehrere Methoden zum Zentrieren d...
So legen Sie die Umgebungsvariable PATH im Linux-System fest (3 Methoden)
1. In Windows-Systemen erfordern viele Softwarein...
Detaillierte Erläuterung des Vue-Entwicklungssortierungskomponentencodes
Inhaltsverzeichnis <Vorlage> <ul Klasse=...
Auszeichnungssprache - Anker
Zurück: Markup Language - Phrasenelemente Original...
Detaillierte Erklärung der MySQL-Berechtigungen und -Indizes
MySQL-Berechtigungen und Indizes Der höchste Benu...
Zusammenfassung der Methoden, um zu verhindern, dass Benutzer Formulare wiederholt übermitteln
Das doppelte Absenden von Formularen ist das häuf...
js, um die Produktionsmethode des Karussells zu realisieren
In diesem Artikel wird der spezifische Code für j...