Vergessen Sie, was Sie über die Aufmerksamkeit der Benutzer denken. Langform-Inhalt kann ein wertvoller Bestandteil Ihrer Entwurfsstrategie sein (und muss kein langweiliger Block von fortlaufendem Text sein). Benutzer lieben eine gute Geschichte, und Inhalte mit langen Formaten sind eine großartige Möglichkeit, um eine beeindruckende und einnehmende Erfahrung zu schaffen.
Um die Benutzer zu interessieren - und zu scrollen - müssen Sie Interaktionen entwerfen, die optisch ansprechend sind und vom ersten Blick bis zum letzten Akt ein konsistentes Erlebnis schaffen. Im Folgenden finden Sie einige Möglichkeiten, um langformatige Inhalte zu entwerfen, die diese Ziele erfüllen. Einige Beispiele sind alles andere als langweilig.
Geben Sie viel Platz
Der Trick für überwältigende Inhalte ist Platz.
Seien wir ehrlich. Viele Benutzer werden lange Inhalte einschüchtern, wenn es schwer aussieht. Wenn Sie viel Whitespace in eine Weise integrieren, die den Inhalt als durchsuchbar erscheinen lässt, wird das Design leichter und zugänglicher.
Berücksichtigen Sie Folgendes als Orte, um den Whitespace zu erhöhen, den Sie häufig in Projekten verwenden:
- Zwischen Inhalt und Bildschirmrand (für alle Gerätegrößen)
- Zwischen Textzeilen und Absätzen
- Um Fotos und andere visuelle Elemente
Animation mit Zweck verwenden
Wenn der Bildlauf oder der Inhalt lang ist, benötigen Benutzer häufig visuelle Hinweise, um die Navigation zu erleichtern. Verwenden Sie gezielte Animationen, wie z. B. Pfeile, Schaltflächen oder Parallaxe-Effekte, um die Benutzeraktionen zu fördern.
Diese kleinen Animationen können sich nicht von der Story lösen, sondern können dem Benutzer während des Lese- und Navigationsvorgangs kleine Freude bereiten.
Videoanimation ist eine weitere Möglichkeit, Benutzer anzusprechen. Das Einfügen von zu viel Video kann den Fluss von langem Text unterbrechen, kann jedoch einen hervorragenden Ausgangspunkt oder eine Unterbrechung beim Lesen von außergewöhnlich langem Text bieten.
Wenn Sie sich entscheiden, Videos vor dem Text zu verwenden, um eine Einführung zu geben oder lange Blöcke aufzulösen, halten Sie die Nachricht kurz. Es muss sich auch auf den Inhalt beziehen. Seien Sie vorsichtig bei Autoplay-Optionen, weil sie ablenkend wirken können.
Es gibt auch andere kreative Möglichkeiten, Animationen zu verwenden. Die Parallaxeffekte in? Glitter in the Dark? (oben) sind erstaunlich und interessant. Das Thema der Geschichte scheint mit jeder Schriftrolle zu tanzen, während sich der Benutzer durch den Text bewegt. Der Effekt ist einfach, fesselnd und beeinträchtigt das Leseerlebnis nicht.
Illustrationen einbinden
Es gibt nur etwas über langformatige Inhalte, die sich gut mit Illustrationen verbinden. Wenn Sie das Glück haben, eine Geschichte und einen Illustrator zu haben, nutzen Sie dies zu Ihrem Vorteil.
Durch den Text verstreute Illustrationen können eine Geschichte aufwerten und die Benutzer einbeziehen. Sie wollen nicht nur weiter lesen, sondern auch die Illustrationen sehen. Diese Technik eignet sich besonders gut für Fiktions- oder Textarbeiten, denen eine andere klare visuelle Darstellung fehlt.
Bilder strategisch platzieren
Bildplatzierung ist wichtig. Einige der besten Langform-Designs folgen einer gängigen Formel für die Platzierung von Bildern, da die Ästhetik einfach ist, gut fließt und Text und Bilder gut abspielt.
- Großes Heldenbild.
- Einführungstext.
- Großes Bild
- Subheadline oder großer Text.
- Haupttext
- Wiederholen Sie die Schritte 3 bis 5 für jeden neuen Inhaltsabschnitt oder Kapitel.
Die meisten Bilder werden so skaliert, dass sie in die Mitte des Bildschirms passen, um Textumbrüche oder ungewöhnliche Lesemuster zu vermeiden. Dies wirkt fast wie das Überspringen einer anderen Seite, da jeder Abschnitt des Inhalts ein Bild, eine Überschrift und einen Text enthält. Dadurch wird ein natürlicher Lesefluss geschaffen, der auf die gleiche Weise funktioniert wie der Inhalt langer Inhalte in einem Buch oder einer Zeitschrift und den Benutzern ein konsistentes und komfortables Leseerlebnis bietet.
Dieser Entwurfsablauf funktioniert auch unabhängig vom Gerät. Ohne Wraps und ungewöhnliche Textkonfigurationen bietet das Design ein ähnliches Leseerlebnis auf einem Desktop, Tablet oder Mobilgerät.
Brechen Sie Text Monotonie auf
Haben Sie keine Angst, ein Leseerlebnis zu schaffen.
Es ist in Ordnung, eine Website mit langem Inhalt und Text zu entwerfen. Sie müssen nicht für jeden Mausklick Bilder oder animierte Effekte hinzufügen. Aber Sie müssen Variationen in der Typografie verwenden, um den Fluss und das visuelle Interesse aufrechtzuerhalten.
- Stellen Sie sicher, dass Sie in der gesamten Kopie viele Unterzeilen einfügen. Machen Sie sie groß und leicht zu finden. (Denken Sie daran, dass Benutzer den Text scannen werden.)
- Verwenden Sie Fett, Farbe und Kursivschrift, um bestimmte Passagen oder Wörter hervorzuheben.
- Integrieren Sie Pull-Out-Angebote oder Informationen, die besonders interessant sind, damit die Benutzer lesen können.
Scrollen sollte intuitiv sein
Benutzer haben keine Angst vor dem Scrollen, also behandeln Sie sie nicht als ein neues Konzept. Stellen Sie sicher, dass die Bildlaufaktionen intuitiv sind, insbesondere wenn Sie etwas ungewöhnliches ausprobieren.
Coole Scroll-Funktionen wie Parallax können das Benutzererlebnis auf lange Sicht verbessern. Stellen Sie einfach sicher, dass die Benutzer wissen, was von ihnen erwartet wird, wenn Scroll-Aktionen etwas unkonventionell sind.
Das Scrollen, insbesondere bei langformatigen Inhalten, sollte nahtlos sein, und der Benutzer sollte während der Navigation durch Informationen niemals darüber nachdenken müssen. Die Bewegung sollte fließend und kontrolliert sein und zur Lesbarkeit beitragen.
Meilensteine angeben
Eine der besten Eigenschaften von Medium ist, dass jeder Beitrag eine durchschnittliche Lesezeit hat. Polygon bietet eine Fortschrittsleiste auf der linken Seite des Bildschirms (oben). Benutzer haben eine Vorstellung von Zeitinvestitionen, bevor sie überhaupt lesen.
Kleine Meilensteine mit langem Inhalt geben den Benutzern ein Gefühl der Leistung, wenn sie sich durch das Design bewegen. (Es ist fast so, als würde man ein Buch lesen und sehen, wie weit man gekommen ist.)
Weitere Möglichkeiten, Meilensteine einzubeziehen, sind das Unterteilen des Inhalts in Kapitel oder das Bereitstellen einer festen Fortschrittsanzeige für die Navigation.Diese Tools können Benutzern auch dabei helfen, Abschnitte zu überspringen (sie werden es wahrscheinlich sowieso tun), zurückkehren oder anhalten und zu dem Punkt zurückkehren, an dem sie aufgehört haben. Jede dieser Funktionen kann wesentlich zur Zufriedenheit und Zufriedenheit der Benutzer beitragen.
Erzähle eine erstaunliche Geschichte
Guter Inhalt mit langem Hintergrund beginnt mit einer erstaunlichen Geschichte. Wenn Sie einen zu sagen haben, könnte ein langgestreckter Entwurf die Antwort sein.
Lassen Sie sich nicht in eine reine Textgeschichte einbinden. Erzählen Sie Ihre Geschichte so, wie es die Informationen am besten darstellen. National Geographic's - Wandern im Grand Canyon (oben) verwendet große Fotos und Karten, um seine Geschichte zu erzählen und ist einen Blick wert.
Geben Sie den Benutzern einfach nicht zu viel Gutes. Auch wenn ein langwieriges Website-Design ansprechend sein kann, können Hunderte von Scrolls störend sein. Sogar Langform sollte vernünftig gestaltet werden.
Wenn Ihre Geschichte abgeschlossen ist, hören Sie auf. Wenn Sie zusätzlichen Inhalt haben, platzieren Sie ihn auf einer anderen Seite.
Fazit
Langformatige Inhalte können Ihre Website über Ästhetik und Benutzerfreude hinaus nutzen. Laut Small Business Trends sind weitere Vorteile von Langform-Inhalten höhere Suchrankings, mehr Markenautorität, größere Glaubwürdigkeit, mehr Erfolg in den sozialen Medien, niedrigere Kosten für Inbound-Marketing, mehr Backlinks und organischer Datenverkehr, nachhaltigere Inhalte und mehr Wert.
Ein langes Inhaltsdesign ist definitiv eine Überlegung wert. Long-Form ist zwar nicht für jedes Projekt geeignet, kann jedoch eine gute Option sein, um eine bestimmte Geschichte in Ihrem Design zu erzählen, für Journalismus- oder Storytelling-Plattformen oder einfach nur, um den Benutzern Informationen auf neue Weise zu präsentieren.