Erläuterung, ob im interaktiven Design Paging oder Laden gewählt werden soll

Erläuterung, ob im interaktiven Design Paging oder Laden gewählt werden soll
Der Autor dieses Artikels @子木yoyo hat ihn in seinem persönlichen Blog veröffentlicht. Ob auf einer Webseite oder einer mobilen App, Informationen können oft nicht vollständig auf einer Seite angezeigt werden, was die Verwendung einiger interaktiver Modi erfordert, die die Seiteninformationen erweitern können: Seitennummerierung und kontinuierliches Scrollen. Seitennummerierung und Laden sind sehr häufige Interaktionsmodi, denen wir täglich begegnen. Gerade weil sie so häufig vorkommen, bemerken wir ihre Existenz nicht einmal. Wenn wir zum Ende der Seite scrollen, klicken wir auf die Seitennummerierung, wenn wir sie sehen, und lesen weiter, wenn sie automatisch geladen wird.
Aber es ist dieser kleine Punkt, der den Benutzern ein ganz anderes und subtiles Gefühl vermittelt. In diesem Artikel geht es um die großen Unterschiede, die diese kleinen Unterschiede mit sich bringen.
Seitennummerierung Mithilfe der Seitennummerierung können umfangreiche Inhalte in kleinere Teile aufgeteilt und auf separaten, fortlaufenden Seiten angezeigt werden, sodass sie für Benutzer leichter zu verstehen und zu finden sind. Benutzer können genau erkennen, wie viele Inhalte sie durchsuchen möchten, welchen Teil sie bereits durchsucht haben und wie viel noch übrig ist. Durch die Seitennummerierung können Benutzer klare Erwartungen hinsichtlich der Inhalte haben, die sie durchsuchen.
Bei längeren Artikeln ist unbedingt eine Seitennummerierung erforderlich. Erstens vermittelt es den Benutzern eine Erwartung hinsichtlich der Menge des Inhalts und zweitens bietet es den Zuschauern eine Pause. Wie frustrierend wäre es, wenn ein Benutzer beim Lesen eines Artikels durch mehr als zehn Bildschirme gescrollt hat und die Bildlaufleiste immer noch in der oberen Mitte des Browsers feststeckt.
Interaktionsdesign: Paging oder Laden? Das ist hier die Frage 123WORDPRESS.COM
Wenn Sie sich Suchmaschinen und E-Commerce-Websites ansehen, werden Sie mit Sicherheit Paging-Steuerelemente sehen.
Beim Suchen oder Anzeigen einer Produktliste ist die Menge des Inhalts unvorhersehbar. Die erste Funktion der Seitennummerierung besteht daher darin, den Benutzern mitzuteilen, wie viele Informationen sie durchsuchen müssen. Zweitens können Benutzer mithilfe der Paginierung Informationen, die sie nicht lesen möchten, schnell überspringen oder schnell zur Startseite oder letzten Seite springen und selbstständig den Inhalt auswählen, den sie durchsuchen möchten. Drittens erleichtert die Seitennummerierung das Auffinden und Abrufen. Vielleicht bin ich bei der Suche nach einem Rock schon auf Seite fünf geblättert und erinnere mich plötzlich daran, dass es auf der zweiten Seite einen guten Eintrag gibt. Ich kann direkt springen und ihn schnell finden.
Die Seitensteuerung erzeugt tatsächlich eine natürliche Pause für den Inhalt der Website. Wenn diese Pause gut genutzt wird, kann sie dem Produkt mehr Rhythmus verleihen. Wenn der Benutzer jedoch mit dem Durchsuchen einer Seite fertig ist, muss er mit dem Lesen aufhören und zum Anzeigen weiterer Inhalte auf „Sprung“ klicken. Es lässt sich nicht leugnen, dass diese Pause die Gedanken des Benutzers bis zu einem gewissen Grad unterbricht. Wenn Benutzer auf Paginierung stoßen, überlegen sie wahrscheinlich, ob sie weiter surfen oder die Website verlassen möchten. Daher sind einige Benutzer bei der Paginierung häufig verloren.
Kontinuierliches Laden Kontinuierliches Laden ist ein Interaktionsmodus, der das Gegenteil von Paging ist, da es keine klaren Grenzen oder Pausen zwischen den Nachrichten gibt. Beim Scrollen der Seite nach unten werden automatisch neue Informationen geladen.
Besonders häufig wird diese Art der Steuerung von verschiedenen sozialen Netzwerken genutzt, damit die Nutzer nicht unterbrochen werden und flüssig browsen und in das Angebot eintauchen können.
Da die Informationen jedoch automatisch geladen werden, scheint die Seite kein Ende zu haben und es ist schwierig vorherzusagen, wie viel Inhalt die Seite haben wird. Beim blinden Laden fühlen sich die Benutzer verloren: Wie viel Inhalt gibt es auf dieser Seite? Wie viel Inhalt habe ich durchgesehen? Wann werde ich mit dem Lesen dieser Seite fertig sein? Bei dieser Art von Seite ohne Pausen ist es für Benutzer auch schwierig, nach Informationen zu suchen, die sie zuvor gesehen haben. Für diese Art von sozialem Produkt, bei dem der Schwerpunkt auf Freizeit und Unterhaltung liegt, ist es jedoch immer noch sehr angebracht, eine Lademethode zu verwenden, die den Informationsfluss des Benutzers nicht unterbricht.
Bei der Verwendung von Seitensteuerungen müssen Benutzer zum Anzeigen weiterer Inhalte klicken, die Informationsaufnahme wird also aktiv von den Benutzern angefordert. Beim kontinuierlichen Laden werden neue Informationen automatisch geladen und vom Benutzer passiv akzeptiert.
Kompromissmethode Paging und Laden haben ihre eigenen Vor- und Nachteile. Viele Websites verwenden heutzutage auch einige Kompromissmethoden: Paging und Laden zusammen.
Beispielsweise zeigt Quora nach vier automatischen Ladevorgängen eine Schaltfläche „Mehr“ an, die den Benutzern nach dem kontinuierlichen Informationsfluss eine Pause verschafft und ihnen die Möglichkeit gibt, aktiv weitere Informationen einzuholen.
Auch Sina Weibo wendet diese Kompromissmethode an, und die Seitennummerierung erfolgt nach zweimaligem automatischen Laden. Für die meisten Benutzer, die Weibo in ihrer Freizeit durchsuchen, ist es völlig ausreichend, den Inhalt zweimal zu laden. Benutzer, die mehr Informationen durchsuchen müssen, werden außerdem darüber informiert, wie viel sie bereits durchsucht haben.
Damit Benutzer schnell mehr Bilder sehen können, verwendet die Google-Bildersuche auch eine Methode zum kontinuierlichen Laden. Bei der Suche nach Bildern müssen Benutzer jedoch auch ihren Standort genau kennen und gehen wahrscheinlich zurück, um nach Bildern zu suchen, die sie gerade gesehen haben. Daher markiert Google auch die Seitenzahlen auf derselben Seite, um die Positionierung und Suche zu erleichtern. Dies ist ein weiterer Kompromiss.
Auf mobilen Clients mit kleineren Bildschirmen und vielfältigeren Nutzungsszenarien ist das Wischen offensichtlich einfacher und weniger fehlbedienungsanfällig als präzises Klicken. Die Informationsarchitektur mobiler Produkte ist relativ einfach, die Browsing-Zeit der Benutzer ist relativ kurz und ihre Aufmerksamkeit ist bei der Verwendung relativ zerstreut. Daher verwenden die meisten Apps kontinuierliches Laden. Und das Laden nimmt auch weniger Platz in Anspruch als Paging-Steuerelemente.
Aber Produkte wie Suchmaschinen behalten weiterhin das Paginierungsdesign bei.
Die Auswahl des Lade- oder Seitenumbruchs ist nur ein kleiner Punkt im Design, aber hervorragende Produkte bestehen aus unzähligen solcher kleinen Punkte. Die Aufgabe eines Interaktionsdesigners besteht darin, auf Grundlage der Produkteigenschaften die am besten geeignete Interaktionsmethode auszuwählen.

<<:  Implementierung des WeChat-Tap-Animationseffekts basierend auf dem CSS3-Animationsattribut

>>:  Lösung zum automatischen Absenden des Formulars und Springen zu anderen Seiten nach Drücken der Eingabetaste auf der Webseite

Artikel empfehlen

Implementierung der Docker-Bereitstellung des Nuxt.js-Projekts

Offizielle Docker-Dokumentation: https://docs.doc...

So lösen Sie das Problem, dass sich Ubuntu 18.04 wiederholt anmeldet/auf der Boot-Oberfläche hängen bleibt/die grafische Oberfläche nicht aufrufen kann

Ursache: Der NVIDIA-Grafikkartentreiber ist besch...

Die Idee kombiniert Docker, um Image-Paketierung und Bereitstellung mit einem Klick zu realisieren

1. Docker auf dem Server installieren yum install...

Zusammenfassung der 10 am häufigsten gestellten Fragen in Linux-Interviews

Vorwort Wenn Sie sich auf die Stelle eines Betrie...

CSS zum Erzielen einer Schließen-Schaltfläche zum Vergrößern und Verkleinern (Beispielcode)

Dieser Effekt tritt am häufigsten auf unserer Bro...

Reagieren Sie Homepage langsames Laden Problem Leistungsoptimierung Fall detaillierte Erklärung

Nachdem ich React eine Weile studiert habe, möcht...

Lösung für die verstümmelte Anzeige von Linux SecureCRT

Sehen wir uns die Situation an, in der SecureCRT ...

Analyse der Schwierigkeiten im Hot-Standby der MySQL-Datenbank

Ich habe Ihnen zuvor die Konfigurationsmethode fü...

Detaillierte Erläuterung des vollständigen Anwendungsbeispiels zur Entwicklung von Hyperf unter Docker

Offizielle Hyperf-Website Hyperf offizielle Dokum...

Einführung in integrierte JavaScript-Objekte

Inhaltsverzeichnis 1. Eingebaute Objekte 2. Mathe...

Implementierung der Breakpoint-Wiederaufnahme in Node.js

Vorwort Normaler Geschäftsbedarf: Hochladen von B...

Mehrere Methoden zum Löschen von Floating (empfohlen)

1. Fügen Sie ein leeres Element desselben Typs hi...

Beispiel für die Konfiguration der Timeout-Einstellung für MySQL-Datenbanken

Inhaltsverzeichnis Vorwort 1. JDBC-Timeout-Einste...

Beispiel für die Verwendung von #include-Dateien in HTML

Es gibt zwei Dateien a.htm und b.htm. Im selben Ve...

MySQL 8.0.20 Installations-Tutorial mit Bildern und Text (Windows 64-Bit)

1: Download von der offiziellen MySQL-Website htt...