Was ist Scanbarkeit und wie kann man sie zur Verbesserung von Inhalten nutzen?

Wir werden täglich mit enormen Mengen an Online- und Offline-Informationen bombardiert. Dank neuer Technologien und schneller Internetverbindungen können Menschen mehr Dinge erschaffen, als sie physisch konsumieren können.

Beim Umgang mit vielen Websites und Apps lesen Verbraucher nicht alles Wort für Wort; Stattdessen scannen sie die Seite, um festzustellen, warum und wie sie relevant ist.

Die Scanbarkeit wird heute als entscheidender Aspekt der Benutzerfreundlichkeit einer Website angesehen, da sie einen erheblichen Einfluss auf das Benutzererlebnis hat.

Dieser Artikel befasst sich mit dem Thema und gibt Ratschläge, wie digitale Produkte scanbar gemacht werden können.

Scanbarkeit und WICHTIGKEIT?

Mit anderen Worten bezieht sich die Scanbarkeit auf die Leichtigkeit, mit der ein Benutzer Webinformationen scannen kann, anstatt sie Wort für Wort zu lesen.

Besucher können Texte und Bilder auf scannbaren Inhalten schnell und effizient lesen, da sie für ein schnelles Verständnis aufbereitet und angeordnet sind.

Der Gesamteinfluss der Nachrichten-, Formatierungs- und Schreibstile, die verwendet werden, um das Material scannbar zu machen, ist ein grundlegendes Prinzip des UX-Authorings und im weiteren Sinne des UX- und Produktdesigns im Allgemeinen.

Große Unternehmen und Start-ups betrachten scannbare Inhalte zunehmend als ein Muss, was zu einer kontinuierlichen Ausweitung des Fachgebiets UX-Authoring und Content-Design führt.

Die Nielsen Norman Group führte 1997 eine faszinierende Forschung durch, die das Konzept der „Scanbarkeit“ populär machte.

Jakob Nielsen und seine Kollegen versuchten herauszufinden, wie Menschen online lesen.

Was ist ihr Fazit? „Das tun sie nicht.“

„Menschen lesen Websites selten Wort für Wort; stattdessen überfliegen sie die Seite und heben bestimmte Phrasen und Sätze hervor.“

Nur ein kleiner Teil der Nutzer in der Studie liest die Seiten Wort für Wort. Eine Folgestudie kam zum gleichen Ergebnis.

Die Scanbarkeit ist wichtig, weil Menschen scannen. Dies ist keine feste Richtlinie, die jeder befolgt. Es ist eine Verallgemeinerung; Einige Leser werden Ihr Material eingehend lesen, aber die meisten werden die Seite schnell nach nützlichen Informationen durchsuchen.

Die vier Faktoren bestimmen, wie viel Zeit Verbraucher bereit sind, mit Lesen (oder Scannen) zu verbringen.

• Motivationsgrad
• Fokusebene
• Art der Aufgabe
• Persönliche Eigenschaften

Mehrere Studien haben gezeigt, dass Verbraucher digitale Inhalte scannen. Die bekannteste davon ist das F-förmige Muster zum Lesen von Webinhalten der Nielsen Norman Group.

Nach einer gründlichen Untersuchung der Art und Weise, wie Menschen online lesen, wurden drei wichtige Schlussfolgerungen ermittelt, die sich zu dem F-förmigen Muster zusammenfügen:

• Benutzer beginnen häufig damit, den obersten Teil des Materials horizontal zu lesen und so den oberen Balken des F zu erstellen.

• Nachdem der Seiteninhalt leicht nach unten verschoben wurde, lesen die Leser den zweiten Abschnitt horizontal, normalerweise kürzer als der vorherige. Dies ist der unterste Takt des F.

• Von da an wird häufig die linke Seite des Inhalts vertikal gescannt, was schnell, langsam, methodisch oder irgendwo dazwischen erfolgen kann. Dieses vertikale Scannen erzeugt den Stamm des F und vervollständigt das F-förmige Muster.

Diese Erkenntnis darüber, wie Menschen digitales Material nach dem F-förmigen Muster konsumieren, war und ist für UX-Autoren, Content-Designer, Content-Strategen, technische Redakteure und alle, die Wert auf benutzerzentrierte Inhalte legen, von entscheidender Bedeutung.

Denn es ist von entscheidender Bedeutung, Inhalte zu entwerfen und zu generieren, die genau darstellen, wie sich Menschen online verhalten, und nicht, wie wir uns von ihnen wünschen.

Das Entwerfen und Generieren von Informationen, die das tatsächliche Benutzerverhalten widerspiegeln (Scannen), ist eine entscheidende Komponente bei der Entwicklung einer „Sticky UI“ (einer Schnittstelle, die dafür sorgt, dass Benutzer immer wieder zurückkehren). Und eine stabile Benutzeroberfläche ist für den langfristigen Erfolg jedes digitalen Produkts von entscheidender Bedeutung.

Wir werden später untersuchen, wie sich das F-förmige Lesemuster auf das Konzept der Scanbarkeit ausgewirkt hat. Lassen Sie uns jedoch zunächst untersuchen, wie die Scanbarkeit das Benutzererlebnis verbessert.

Durch die Berücksichtigung der Art und Weise, wie Menschen digitales Material konsumieren und verarbeiten, tragen scanbare Inhalte auf verschiedene Weise zu einer guten UX (und einer Sticky UI) bei:

• Benutzer können schneller herausfinden, was sie benötigen, indem sie das Material scannen, anstatt große Textmengen langsam und sorgfältig durchzulesen, was Zeit spart.
• Es verringert die kognitive Belastung: Scanbares Material ist leichter verdaulich als dichte Textwände und erfordert weitaus weniger mentale Energie, um es aufzunehmen.
• Es ist zugänglich: Um Material scannbar zu machen, müssen viele (wenn nicht alle) Barrierefreiheitsrichtlinien umgesetzt werden.
• Es verringert Unsicherheit und Frustration: Da Benutzer so schnell und einfach herausfinden können, was sie benötigen, ist die Wahrscheinlichkeit geringer, dass sie verwirrt oder frustriert werden.

Wie kann ich die Scanbarkeit testen?

Verbraucher können sich mit Ihrem Material auseinandersetzen und seine Scanbarkeit mithilfe verschiedener Ansätze testen.

Hier sind mehrere Methoden zur Bestimmung der Scanbarkeit IhresInhalt:

A. Usability-Tests: Beziehen Sie während der Usability-Testsitzungen Aktivitäten zum Scannen und Entdecken bestimmter Informationen ein. Untersuchen Sie, wie Benutzer das Material erkunden, auf welche Komponenten sie sich konzentrieren und ob sie die benötigten Informationen leicht finden können.

Ermutigen Sie die Teilnehmer zum lauten Denken und geben Sie so wertvolle Einblicke in ihre Scangewohnheiten und mentalen Prozesse.

BenutzerVerwenden SieHeatmap-Toolsum visuelle Darstellungen davon zu erstellen, worauf ihre Aufmerksamkeit gerichtet ist. Heatmaps verwenden aggregierte Daten, um anzugeben, welche Teile einer Websiteanziehen das größte Interesse.

Durch die Analyse der Heatmap-Ergebnisse können Sie feststellen, welche Regionen Aufmerksamkeit erregen und welche übersehen werden.

B. A/B-Tests: Erstellen Sie mehrere Versionen Ihres Materials mit unterschiedlichen Scanbarkeitsstrategien. Bei diesem A/B-Testing werden anderen Nutzergruppen verschiedene Versionen angezeigt.

Um zu beurteilen, ob die Version im Hinblick auf Scanbarkeit, Benutzereinbindung, Zeitaufwand für die Suche nach Informationen und Erfolgsquoten besser funktioniert.

Die Augenbewegungen der Teilnehmer werden erfasst, während sie Ihre Inhalte inlesen Eye-Tracking-Studien. In Eye-Tracking-Studien erfassen Sie die Augenbewegungen der Teilnehmer beim Lesen Ihrer Inhalte.

Diese Strategie liefert quantifizierbare Informationen darüber, worauf sich Menschen am meisten konzentrieren und wie sich ihre Aufmerksamkeit über die Seite bewegt. Es hilft bei der Identifizierung von Trends und Verbesserungsmöglichkeiten.

10 Tipps zur Verbesserung der Scanbarkeit

1. Erstellen Sie die richtige visuelle Hierarchie

Die visuelle Hierarchie einer Computerschnittstelle bezieht sich auf die Organisation und Anzeige von UI-Designkomponenten, um Bedeutungsgrade anzuzeigen und es Benutzern zu ermöglichen, schnell nach benötigten Informationen zu suchen. Das Entwerfen eines Layouts mit einer guten visuellen Hierarchie umfasst zahlreiche Faktoren:

• Größe
• Farbe
• Kontrast
• Nähe
• Ausrichtung
• Negativer Raum
• Wiederholung

Ein Designer, der diese UI-Designmuster beim Erstellen eines UI-Layoutdesigns berücksichtigt, stellt sicher, dass das fertige Produkt ein optisch ansprechendes, harmonisches und intuitiv lesbares Layout aufweist.

Die Suchergebnisseite von Google nutzt alle visuellen Hierarchieelemente, um die Scanbarkeit zu verbessern.

Durch die Verwendung von Farbe, Größe und Kontrast werden die Schlagzeilen hervorgehoben. Der negative Raum um jede Überschrift herum trägt dazu bei, dass sie das Erste ist, was ein Benutzer scannt.

Benutzer, die eine relevante Überschrift finden, prüfen die Farbe und Nähe des Links, um seine Glaubwürdigkeit zu bestimmen.

Um das Ergebnis weiter zu beurteilen, untersuchen sie anschließend die Inhaltskopie, die hinsichtlich Farbe, Größe und Abstand einheitlich ist. Zusätzlich zu diesen Kriterien sorgen Wiederholung und Ausrichtung dafür, dass die Google-Suchergebnisse einfach zu lesen sind.

2. Fügen Sie die Basisnavigation in den Website-Header

ein Alle beschriebenen Augenscanmuster weisen darauf hin, dass der Scanvorgang unabhängig davon, was ein Benutzer auswählt, im oberen horizontalen Abschnitt der Webseite beginnt.

Der Einsatz zur Hervorhebung entscheidender Bereiche des Engagements und der Markenbildung ist eine Technik, die beiden Seiten zugute kommt.

UI/UX-Designer, Content-Manager und Marketingexperten sehen den Hauptgrund für die entscheidende Bedeutung des Website-Header-Designs.

• Der Header sollte nicht mit zu vielen Informationen auf der anderen Seite überladen sein, was die Konzentration erschwert.
• Der Versuch, alles im oberen Teil der Seite unterzubringen, könnte dazu führen, dass die Anordnung durcheinander gerät. 
• Es ist von entscheidender Bedeutung, die Ziele der primären Zielgruppe zu analysieren, wie sie mit den Geschäftszielen der Website übereinstimmen und auf dieser Grundlage zu bestimmen, welche Informationen oder Navigation im Header am relevantesten sind.
• Beispielsweise muss auf einer großen E-Commerce-Website die Suchfunktion sofort sichtbar und häufig in der Kopfzeile zu finden sein, damit sie an jedem Kontaktpunkt verfügbar ist.
• Suchfunktionen mögen für die Website eines Kleinunternehmens überflüssig sein, aber ein leicht zugänglicher Link zum Portfolio ist von entscheidender Bedeutung.

3. Nutzen Sie den negativen Raum

Das Genie Claude Debussy sagte berühmt: „Musik ist der Raum zwischen den Noten.“ Das Gleiche gilt für die Scanbarkeit; Ein negativer Abstand zwischen den Teilen zeichnet ein gelungenes Layout aus.

Die richtige Menge an negativem (weißem) Raum rund um UI-Komponenten lenkt die Aufmerksamkeit auf die Elemente selbst. Es betont die Informationen und bietet dennoch genügend Freiraum, um eine Überladung des Layouts zu vermeiden.

Ohne Luft zum Atmen neigt das menschliche Gehirn weniger dazu, nach interessanten Objekten zu suchen, und gerät in Verwirrung.

4. Markieren Sie Schlüsselwörter und Phrasen

• Eine weitere Strategie, um Ihr Material leichter durchsuchbar zu machen, besteht darin, Schlüsselwörter und Phrasen hervorzuheben, die Ihren Lesern auffallen und in Erinnerung bleiben sollen.
• Sie können Fettschrift, Kursivschrift, Unterstreichung oder Farbe verwenden, um Schlüsselwörter, Handlungsaufforderungen, Zitate, Statistiken oder Suchanfragen hervorzuheben.
• Hervorhebungen können bei Ihren Lesern Konzentration und Dringlichkeit wecken und sie dazu ermutigen, Maßnahmen zu ergreifen oder mehr zu erfahren.
• Überbeanspruchen oder missbrauchen Sie die Hervorhebung jedoch nicht, da dies dazu führen kann, dass Ihr Material überladen oder spammig erscheint. Setzen Sie es mit Bedacht und regelmäßig ein, damit Ihre Inhalte hervorstechen.

5. Testen Sie die Lesbarkeit des Texttextes

• Unter Lesbarkeit versteht man die Leichtigkeit, mit der Personen Wörter, Sätze und Inhaltsblöcke lesen können.
• Unter Lesbarkeit versteht man, wie schnell und intuitiv Verbraucher die Buchstaben einer bestimmten Schriftart erkennen können.
• Diese Eigenschaften sollte man sorgfältig prüfen, insbesondere wenn man mit Schnittstellen arbeitet, die viel Text enthalten.
• Die Farbe des Hintergrunds, der Abstand um die Kopierblöcke, Kerning, Zeilenabstand, Schriftart undSchriftartenpaarung.
• Alle beeinflussen die Fähigkeit, den Text schnell zu lesen und den Inhalt zu erfassen, der Menschen zum Bleiben bewegt.
• Designer müssen sicherstellen, dass typografische Gesetze eingehalten werden und dass die Schriftarten eine klare visuelle Hierarchie und Lesbarkeit fördern, um Probleme zu vermeiden.

Lesen Sie mehr unter:

• So erkennen Sie, ob Ihr Anwalt Sie verrät
• Nahtlose und ansprechende Benutzererfahrung auf B2C-E-Commerce-Websites
• 20 Content-Upgrades, die Ihre Lead-Generierung in die Höhe schnellen lassen

6. Verwenden Sie Zwischenüberschriften, um den Inhalt zusammenzufassen

Menschen reagieren häufig negativ auf große Textmengen. Wenn der Absatz nicht ihren Interessen entspricht, glauben sie möglicherweise, dass sie Zeit verschwenden.

Best Practices für das UI-Design bieten eine Lösung für dieses Problem. Der Benutzer erlangt umfassende Kenntnisse über das Thema, indem er am Anfang großer Stücke kurze Zwischenüberschriften einfügt.

Beim Verfassen der Zwischenüberschrift ist es wichtig, dass sie prägnant ist. Bringen Sie den entscheidenden Punkt zum Ausdruck, der in den folgenden Informationen dargelegt wird.

7. Verwenden Sie nummerierte und Aufzählungslisten

Eine weitere clevere Möglichkeit, den Inhalt leichter durchsuchbar zu machen, ist die Verwendung von Listen mit Zahlen oder Aufzählungszeichen. Diese helfen dabei, Daten klar zu organisieren und die Aufmerksamkeit des Benutzers auf die Informationen zu lenken, sodass diese nicht in der Gesamtstruktur des Textes verloren gehen.

8. Fügen Sie Fotos, Videos und andere Inhalte hinzu

• Visuelle Funktionen verbessern die Lesbarkeit und Scanbarkeit, indem sie Ihrem Text Vielfalt, Interesse und Kontext verleihen.
• Bilder, Videos, Infografiken, Diagramme, Grafiken und andere Medien können Ihnen dabei helfen, Ihre Ansichten darzulegen, Beispiele anzubieten und Ihre Behauptungen zu untermauern.
• Sie können auch dazu beitragen, Ihr Material aufzuteilen und es interessanter und einprägsamer zu machen.
• Vermeiden Sie jedoch den Einsatz exzessiver oder irrelevanter Medien, die Ihr Publikum ablenken oder überfordern könnten.
• Wählen Sie hochwertige, relevante Medien aus, die Ihre Inhalte ergänzen und zu Ihrer Marke und Botschaft passen.

9. Platzieren Sie ein Konzept in einem Absatz

Vermeiden Sie bei der Verarbeitung von Kopiermaterial zur Scanbarkeit, dass große Textblöcke übermäßig lang werden. Der Leser findet kurze Absätze leichter verdaulich und kann nicht hilfreiches Material leicht überspringen. Nachdem Sie also in einem Abschnitt einen Gedanken dargelegt haben, beginnen Sie einen anderen mit einem neuen Gedanken.

10. Vermeiden Sie die Verwendung von Fachjargon und Fachwörtern

Fachjargon und unnötige Fachterminologie beeinträchtigen die Lesbarkeit Ihrer Inhalte, da sie die Leser dazu zwingen, innezuhalten oder langsamer zu werden, um das Gelesene zu verdauen.  Bei der Verwendung von Fachjargon und technischem Vokabular ist Vorsicht geboten.

Fazit

Obwohl die Scanbarkeit häufig übersehen wird, ist sie ein entscheidender Designaspekt, der sich darauf auswirkt, wie lange Verbraucher auf Ihrer Website bleiben. Benutzer bleiben eher bei Inhalten, die einfach zu navigieren sind.

Das Gegenteil ist auch wahr. Benutzer neigen dazu, das Interesse zu verlieren, wenn zu viel Text und zu wenig Aufzählungspunkte oder Grafiken vorhanden sind.

Beginnen Sie mit der Befolgung von Best Practices, z. B. der Integration von Negativraum in Ihr Design, der Verwendung von Formatierungen zur Hervorhebung wichtiger Informationen und der Darstellung von Daten in scannbaren Aufzählungspunkten.

Berücksichtigen Sie verschiedene Scanmusterum die Benutzerfreundlichkeit und Scanbarkeit Ihrer Website bei der Entwicklung Ihrer Inhalte zu verbessern.

Häufig gestellte Fragen

A. Warum ist die Scanbarkeit für moderne Leser, hauptsächlich Konsumenten digitaler Medien, von entscheidender Bedeutung?

Scanbarkeit ist ein Formatierungsansatz, der es der Zielgruppe ermöglicht, den Textkörper problemlos zu lesen und zu verstehen. Die Scanbarkeit gleicht die Tatsache aus, dass die meisten Internetnutzer Dinge überfliegen, anstatt sie zu lesen.

B. Verbessern Links die Scanbarkeit?

Schlüsselwörter im Inhalt tragen auch zur Scanbarkeit bei, da sie als Wegweiser für Bots dienen, die Webseiten crawlen. Darüber hinaus ermöglichen Links innerhalb von Inhalten den Lesern ein schnelles Navigieren zwischen relevanten Themen oder Seiten auf der Website selbst.

C. Welches Inhaltselement verbessert die Scanbarkeit nicht?

Leerraum – Textwände bieten keinen guten scanbaren Inhalt.