Gedanken- und Erfahrungsaustausch zum interaktiven Design von Leselisten für Informationsprodukte

Gedanken- und Erfahrungsaustausch zum interaktiven Design von Leselisten für Informationsprodukte
Interaktives Design-Denken an die Leseliste von Informationsprodukten 123WORDPRESS.COM
Eine Liste ist definiert als eine Text- oder Diagrammform, die eine Tabelle als Container verwendet. Je nach Produkttyp haben die meisten ihren eigenen Auflistungsstil, von denen einige den Hauptteil des Produkts bilden, während andere als Untergliederung anderer Seiten dienen. Der Hauptzweck des Listendesigns besteht darin, Benutzern das schnelle Durchsuchen und Überfliegen zu ermöglichen und ihnen die Möglichkeit zu geben, den Inhalt auszuwählen, für dessen aufmerksames Lesen sie sich „die Mühe machen“ und „sich die Zeit nehmen“ möchten.
Im Vergleich zu herkömmlichen Leseplattformen ist eine Leseliste wie ein Inhaltsverzeichnis in einem physischen Buch. Das Inhaltsverzeichnis eines Romans ist kurz und bündig: Titel + Seitenzahl; das Inhaltsverzeichnis einer Zeitschrift ist vergleichsweise umfangreich: Titel, Untertitel, Bild, Zusammenfassung, Seitenzahl, exquisites Layout und einige enthalten sogar Anzeigen. Für jeden Inhaltstyp gibt es ein Listenformat, das für die Präsentation geeignet ist. Hier sind einige Dinge, die Sie beim Entwerfen einer Leseliste für Informationsprodukte beachten sollten:
1. Visuelles Zentrum
 Heben Sie den Inhalt hervor, den das Produkt den Benutzern zeigen möchte, und leiten Sie die Benutzer dazu an, die wichtigsten empfohlenen Inhalte zu lesen.
Beim Lesen von Informationen werden wir oft durch den umgebenden Text und die Bilder gestört und es läuft nicht so flüssig. Laut der visuellen Psychologie des menschlichen Auges gibt es mehrere Merkmale, die die Richtung der visuellen Bewegung leicht lenken oder stören können.
1) Blickführung a. Generell gilt, dass warme Farben eher die Aufmerksamkeit auf sich ziehen als kühle Farben und helle Farben eher die Aufmerksamkeit auf sich ziehen als dunkle Farben.
Beim Lesen verläuft die Blickrichtung üblicherweise von links nach rechts und von oben nach unten, durch die Farbführung ändert sich jedoch die Reihenfolge der Blickrichtung. Bei sinnvoller Verwendung kann die Liste hervorgehoben werden. Andernfalls werden die psychologischen Erwartungen des Benutzers zerstört, es entsteht eine Lesebelastung und die kognitive Leistungsfähigkeit wird beeinträchtigt.
Farbführung verändert die Sicht
b. Bilder sind ansprechender als Worte.
Bilder können Texte in der visuellen Kommunikation unterstützen, das Verständnis fördern und das Layout dreidimensional und realistisch erscheinen lassen.
Bilder können den Text in der visuellen Kommunikation unterstützen
Die meisten Nachrichtenlisten enthalten Miniaturansichten der Artikelbilder. Die Platzierung der Miniaturansichten variiert je nach Produktpositionierung.
Bei Produkten, die sich mehr auf die eigentlichen, stabileren Informationen konzentrieren, werden Miniaturansichten eher nach den Schlagzeilen platziert. Die Bildqualität dieser Art von Informationsinhalten ist oft durchschnittlich. Gleichzeitig ermöglicht es den Benutzern, jeden Titel in einem relativ stabilen Geisteszustand zu lesen und den Inhalt auszuwählen, der ihnen gefällt. Die Bilder sollen lediglich als Hilfsmittel für den Titel dienen.
Bei unterhaltungsorientierten und fragmentierten Informationsprodukten kann die Bedeutung des Inhalts durch die Platzierung einer Miniaturansicht vor dem Titel intuitiver vermittelt werden. Dadurch verkürzt sich die Zeit, die Benutzer zum Verstehen des Texttitels benötigen, und Benutzer können schnell im Bild auf der rechten Seite nach unten blättern, wodurch der Zweck der schnellen Überprüfung erreicht wird.
Die Platzierung der Miniaturansichten variiert je nach Produktpositionierung.
c. Der Ring kann die Sichtlinie fokussieren
Der Ring kann den Blick fokussieren
d. Die Augen bewegen sich und folgen Pfeilen, Zahlen oder Codes.
Regelmäßige Anordnung von Pfeilen oder Zahlen kann leicht dazu führen, dass eine Seite zu schwer wird oder einen starken Hinweis enthält. Achten Sie auf die Stabilität der Seite.
Die Sichtlinie folgt den Pfeilen, Zahlen oder Codes
2) Hervorheben Wenn Sie einen Artikel haben, von dem Sie denken, dass er für die Benutzer von Interesse sein könnte, oder einen Teil, in dessen Gestaltung Sie viel Zeit investiert haben und der wirklich ihre Aufmerksamkeit erregt hat, dann sollten Sie eine Möglichkeit finden, diese Teile „hervorzuheben“.
Am einfachsten ist es, einen hellen Stil zu verwenden oder die Hintergrundfarbe des Elements zu ändern. Sie können für diesen Artikel auch einen Platz finden, der ihn von den anderen Ebenen abhebt, beispielsweise durch die Platzierung eines Miniaturbilds vor dem Titel. Sie müssen jedoch auch die visuelle Gesamtwirkung der Seite berücksichtigen. Ein Grundsatz lautet: „Zu viel Betonung bedeutet keine Betonung.“
Heben Sie Inhalte hervor, von denen Sie glauben, dass sie für Ihre Benutzer von Interesse sein könnten.
3) Feedback Geben Sie angemessenes visuelles Feedback zu den gelesenen Inhalten und verwenden Sie interaktive Methoden, die sich vom „Hervorheben“ von Inhalten unterscheiden. Wenn Sie beispielsweise bereits Punkte unterschiedlicher Farbe verwenden, um wichtige oder allgemeine Inhalte hervorzuheben, verwenden Sie keine Punkte, um anzuzeigen, dass der Inhalt gelesen wurde. Derselbe Stil impliziert im Gedächtnis der Menschen denselben Inhalt, während „ungelesen“ und „gelesen“ zwei Zustände desselben Inhalts sind.
2. Unterbrechungsfrei 1) Lange Listen sind kein Ärgernis, wenn sie effizient gescannt werden können. Zumindest machen sie das Durchsuchen weniger aufwändig und kostengünstig.
In langen Informationslisten ist die Verwendung der Standardseitennummerierung aus folgenden Gründen nicht erforderlich:
a. Von einer Welt des Lesens von Inhalten zu einer Welt der Navigation.
Jedes Mal, wenn ein Benutzer eine Seite auswählt, um weitere Inhalte anzuzeigen, muss er sich aus der Welt des Lesens von Inhalten lösen und in die Welt der Navigation begeben. Benutzer denken nicht mehr darüber nach, welche Art von Inhalten sie lesen möchten, sondern darüber, wie sie weitere Lesestoffe finden. Durch die Auswahl einer Seitenzahl entsteht eine natürliche Pausenzeit, und Benutzer haben die Möglichkeit zu entscheiden, ob sie weiterlesen oder die Seite verlassen möchten.
b. Ansonsten haben Seitenzahlen keine wesentliche Bedeutung.
Benutzer wählen nur nach Seitenzahl aus, um den Inhalt, den sie lesen möchten, einfacher auf Seite 2 oder früher zu finden. Geben Sie ihm eine bessere Methode, beispielsweise das Filtern nach Woche, Monat, Jahr, Kategorie, Tag und anderen Attributen, was viel effektiver ist als Seitenzahlen. Es gibt auch viele mobile Endgeräte, die Bedienelemente für die Seitenanzeige verwenden, dabei aber die Seitenzahl entfernen, was eine gute Idee ist.
2) Beim Lesen von Anzeigen liegt der Schwerpunkt auf dem Inhalt. Benutzern ist es egal, ob sie Anzeigen sehen, die keinen Bezug zum Inhalt haben oder das Durchsuchen der Liste nicht beeinträchtigen.
Benutzer, die häufig Browser oder kostenlose Anwendungen verwenden, sollten an die Existenz von Werbung gewöhnt sein und die Bedeutung von Werbung für die Produkte verstehen, solange sie sie nicht beim normalen Lesen stören.
a. Geben Sie nicht vor, dass Ihre Anzeige ein lustiger Inhalt ist.
Zwar kann dadurch die Anzahl der Klicks auf die Anzeige erhöht werden, allerdings ist für den Nutzer auch das Gefühl ärgerlich, dass er „betrogen“ wurde, was zu einer schlechten Erfahrung führt.
b. Bereitstellung relevanter Werbung für den Inhalt.
Daten zeigen, dass Benutzer bereit sind, auf autobezogene Anzeigen zu klicken. Wenn Nutzer sich Automodelle anschauen, wird ihnen durch die entsprechenden Shop-Empfehlungen ein Kanal zum Kaufen und sogar zum Preisvergleich geboten, sodass Nutzer diese natürlich gerne nutzen.
c. Leicht zu ignorieren.
Um die Liste übersichtlich und das Produkt schön zu gestalten, werden manchmal Anzeigen zwischen den Listen im Design eingefügt und so getan, als ob es sich um einen Artikel in der Liste handele. Allerdings sollten die optischen Effekte der Anzeige minimiert werden, sodass sie unauffällig wirkt und problemlos übersprungen werden kann, ohne dass es auffällt.
Bei manchen Produkten werden Anzeigen oben auf der Seite platziert. Obwohl die Position offensichtlich ist, können diese mit einem Button geschlossen werden oder nur beim Herunterziehen angezeigt werden, was ebenfalls einen Kompromiss darstellt.
Den Nutzern ist es egal, ob ihnen Anzeigen angezeigt werden, die für den Inhalt nicht relevant sind oder die Anzeige der Liste nicht beeinträchtigen.
3. Das Format mit einem sauberen und sich wiederholenden Leserhythmus und die Strategie des Produkts, den „ersten Bildschirm“ leicht zu erfassen, führen dazu, dass beim Durchsehen der Leseliste ein Abschirmeffekt entsteht, der „weißem Rauschen“ ähnelt. Egal, wie gut etwas ist, es führt zu „ästhetischer Ermüdung“. Nach einer Weile des Lesens empfinden Benutzer den Inhalt oft als relativ langweilig und verlassen die Liste.
Der Vorteil von Weibo als Lesemedium liegt darin, dass es immer wieder Highlights präsentiert, das Lesetempo aufrechterhält und überrascht.
Eine rhythmische Atmung hilft Ihnen, in mehr Bewegung zu bleiben, und wenn Sie den Rhythmus Ihrer Inhalte beibehalten, können Sie länger lesen. Der Wechsel zwischen Spaß und Langeweile gibt den Nutzern Zeit zur Ruhe zu kommen und ihr Interesse neu zu wecken, sowie Vorfreude auf die nächste kleine Überraschung und sorgt so für ein angenehmes Gesamterlebnis mit dem Produkt, statt einem Durchschnitt aus viel Spaß und viel Langeweile.
Halten Sie das Lesetempo und die Überraschung aufrecht
4. Elemente in der Liste Die meisten Produkte enthalten Elemente wie: Titel, Zusammenfassung, Veröffentlichungsdatum und Aktion (klicken Sie, um mehr zu lesen und zu sehen);
Allgemeine Elemente: Kategorie, Miniaturansicht, Anzahl der Kommentare, Anzahl der Bilder, Autor.

<<:  Farben werden in HTML durch 6-stellige Hexadezimalcodes, RGB oder Schlüsselwörter dargestellt.

>>:  Aktivierungsmethode für Windows Service 2016 Datacenter\Stand\Embedded (2021)

Artikel empfehlen

So installieren Sie Docker auf Ubuntu20.04 LTS

Null: Alte Version deinstallieren Ältere Versione...

Zusammenfassung mehrerer Haltungen, die bei der Linux-Kompilierungsoptimierung beherrscht werden müssen

01. Kompilierungsoptionen und Kernelkompilierung ...

Detaillierte Erklärung dynamisch generierter Tabellen mit Javascript

*Seite erstellen: zwei Eingabefelder und ein Butt...

Erste Erfahrungen mit der Texterstellung mit Javascript Three.js

Inhaltsverzeichnis Wirkung Beginnen Sie mit der T...

Vue verwendet Echarts, um ein dreidimensionales Balkendiagramm zu implementieren

In diesem Artikel wird der spezifische Code von V...

WeChat-Applet implementiert Taschenrechnerfunktion

WeChat-Miniprogramme erfreuen sich immer größerer...

So ändern Sie das vergessene Passwort bei der Installation von MySQL auf dem Mac

1. MySQL-Datenbank auf dem Mac installieren 1. My...

Probleme bei der Konfiguration von https-Server und Reverse-Proxy mit Nginx unter Windows

Anforderungslogik Frontend --> Nginx über http...

Lösungen für Probleme bei der Verwendung von addRoutes in Vue-Projekten

Inhaltsverzeichnis Vorwort 1. 404 Seite 1. Ursach...

Das WeChat-Applet ermöglicht horizontales und vertikales Scrollen

In diesem Artikelbeispiel wird der spezifische Co...

Lösung zum Vergessen des MySQL-Passworts unter Linux

Das Problem ist folgendes: Ich habe den Befehl my...

Zusammenfassung der Verwendung von vue Watch und Computed

Inhaltsverzeichnis 01. Hörer beobachten (1) Funkt...

Detaillierte Erklärung zur Verwendung der benutzerdefinierten Vue-Baumsteuerung

In diesem Artikel erfahren Sie, wie Sie das benut...

Vue2.x - Beispiel für die Verwendung von Anti-Shake und Throttling

Inhaltsverzeichnis Dienstprogramme: Verwendung in...

Grundlegende Ideen und Codes zur Implementierung von Videoplayern in Browsern

Inhaltsverzeichnis Vorwort Zusammenfassung der Au...