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

Zuletzt aktualisiert am 31

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

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

Die Scannbarkeit wird heute als entscheidender Aspekt der Website-Benutzerfreundlichkeit angesehen, da sie einen erheblichen Einfluss auf die Benutzererfahrung 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 Scannbarkeit 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 scanbaren Inhalten schnell und effizient lesen, da sie für ein schnelles Verständnis vorbereitet und angeordnet wurden.

Der Gesamteinfluss der Nachrichtenübermittlung, Formatierung und des Schreibstils, die verwendet werden, um das Material überfliegbar zu machen, ist ein grundlegendes Prinzip der UX-Erstellung und im weiteren Sinne der UX und des Produktdesigns im Allgemeinen.

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

Die Nielsen Norman Group führte 1997 eine faszinierende Studie durch, die das Konzept der „Scannbarkeit“ 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 scannen sie die Seite und heben bestimmte Phrasen und Sätze hervor.“

Nur ein winziger Anteil der Nutzer in der Studie las die Seiten Wort für Wort. Eine nachfolgende Studie kam zum gleichen Ergebnis.

Die Überfliegbarkeit ist wichtig, da die Leute den Text überfliegen. Dies ist keine feste Richtlinie, an die sich jeder hält. Es ist eine Verallgemeinerung; manche Leser lesen Ihr Material gründlich, die meisten überfliegen die Seite jedoch nur kurz nach nützlichen Informationen.

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

• Motivationsgrad
• Fokusebene
• Art der Aufgabe
• Charaktereigenschaften

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

Nach einer gründlichen Untersuchung des Online-Leseverhaltens der Menschen wurden drei wichtige Schlussfolgerungen gezogen, die sich zu einem F-förmigen Muster zusammenfassen lassen:

• Benutzer beginnen häufig damit, den obersten Teil des Materials horizontal zu lesen, wodurch der obere Balken des F entsteht.

• Nachdem der Leser den Seiteninhalt leicht nach unten gerutscht ist, liest er den zweiten Abschnitt horizontal, der normalerweise kürzer ist als der vorherige. Dies ist der unterste Balken des F.  

• Von da an scannen die Leute oft die linke Seite des Inhalts vertikal, was schnell, langsam, methodisch oder irgendwo dazwischen geschehen kann. Dieses vertikale Scannen erstellt den Stamm des F und vervollständigt das F-förmige Muster.

Diese Erkenntnis hinsichtlich der Art und Weise, wie Menschen digitales Material mithilfe des F-förmigen Musters konsumieren, war und ist ein Wendepunkt für UX-Autoren, Content-Designer, Content-Strategen, technische Redakteure und alle, die Wert auf benutzerzentrierte Inhalte legen.

Denn es ist entscheidend, Inhalte zu entwerfen und zu erstellen, die das Online-Verhalten der Menschen genau wiedergeben und nicht das Verhalten, das 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 eines „klebrige Benutzeroberfläche” (eine Schnittstelle, die dafür sorgt, dass Benutzer immer wiederkommen). 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 Scannbarkeit ausgewirkt hat. Lassen Sie uns jedoch zunächst untersuchen, wie die Scannbarkeit 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 finden Sie verschiedene Methoden zur Bestimmung der Scanbarkeit Ihres Dokuments Inhalt:

A. Usability-Tests: Integrieren Sie bei Usability-Tests Aktivitäten zum Scannen und Entdecken bestimmter Informationen. 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, laut zu denken, und geben Sie ihnen so wertvolle Einblicke in ihre Scangewohnheiten und mentalen Prozesse.

Nutzer - Heatmap-Tools um visuelle Darstellungen zu erstellen, wo ihre Aufmerksamkeit konzentriert ist. Heatmaps verwenden aggregierte Daten, um anzuzeigen, welche Teile einer Website anziehen 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 Scan-Strategien. In diesem A/B-Test werden anderen Benutzergruppen verschiedene Versionen angezeigt.

Um zu beurteilen, ob die Version hinsichtlich der Scanbarkeit, der Benutzerbeteiligung, der für die Informationssuche aufgewendeten Zeit und der Erfolgsraten besser funktioniert.

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

Diese Strategie liefert messbare Informationen darüber, worauf sich die Nutzer am meisten konzentrieren und wie sich ihre Aufmerksamkeit über die Seite bewegt. Sie hilft dabei, Trends und Verbesserungsmöglichkeiten zu erkennen.

10 Tipps zur Verbesserung der Scanbarkeit

1. Erstellen Sie eine geeignete visuelle Hierarchie

Die visuelle Hierarchie einer Computerschnittstelle beschreibt die Anordnung und Darstellung von UI-Designkomponenten, um deren Bedeutung zu verdeutlichen und Benutzern das schnelle Suchen nach benötigten Informationen zu ermöglichen. Die Gestaltung eines Layouts mit einer guten visuellen Hierarchie umfasst zahlreiche Faktoren:

• Größe
• Farbe, 
• Kontrast-Funktion 
• Nähe
• Ausrichtung
• Negative Space 
• Wiederholung

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

Die Suchergebnisseite von Google verwendet alle Elemente der visuellen Hierarchie, um die Scannbarkeit 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, untersuchen die Farbe und Nähe des Links, um dessen Glaubwürdigkeit zu bestimmen.

Um das Ergebnis weiter zu bewerten, wird der Text im Hinblick auf Farbe, Größe und Abstand einheitlich gestaltet. Wiederholungen und Ausrichtung sorgen zusätzlich für eine einfache Lesbarkeit der Google-Suchergebnisse.

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

Alle beschriebenen Augenscanmuster weisen darauf hin, dass der Scanvorgang unabhängig von der Auswahl des Benutzers im oberen horizontalen Abschnitt der Webseite beginnt. 

Die Nutzung dieser Technik zur Hervorhebung entscheidender Bereiche des Engagements und der Markenbildung ist für beide Seiten von Vorteil. 

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 wichtig, die Ziele der primären Zielgruppe zu analysieren, zu prüfen, inwieweit sie mit den Geschäftszielen der Website übereinstimmen, und auf dieser Grundlage zu bestimmen, welche Informationen oder Navigationselemente in der Kopfzeile 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.
• Für die Website eines kleinen Unternehmens ist eine Suchfunktion möglicherweise überflüssig, ein leicht zugänglicher Link zum Portfolio ist jedoch von entscheidender Bedeutung.

3. Nutzen Sie den negativen Raum

Das Genie Claude Debussy sagte berühmt: „Musik ist der Raum zwischen den Noten.“ Dasselbe gilt für die Scanbarkeit; negativer Raum zwischen den Teilen zeichnet ein erfolgreiches 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 Freiraum ist das menschliche Gehirn weniger geneigt, nach interessanten Objekten zu suchen und wird verwirrt.

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. 
• Durch Hervorhebungen können Sie bei Ihren Lesern Fokus und Dringlichkeit wecken und sie dazu anregen, aktiv zu werden oder mehr zu erfahren. 
• Verwenden Sie Hervorhebungen jedoch nicht zu oft oder falsch, da Ihr Material sonst überladen oder spamartig wirken kann. Setzen Sie sie sinnvoll 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 sollten Sie sorgfältig prüfen, insbesondere wenn Sie mit Schnittstellen arbeiten, die viel Text enthalten.
• Die Farbe des Hintergrunds, der Abstand um die Kopierblöcke, der Abstand, der Zeilenabstand, die Schriftart und Schriftartenpaarung.
• All dies wirkt sich auf die Fähigkeit aus, den Text schnell zu lesen und das Material zu erfassen, das die Leute zum Bleiben bewegt. 
• Um Probleme zu vermeiden, müssen Designer sicherstellen, dass typografische Gesetze eingehalten werden und dass die Schriftarten eine klare visuelle Hierarchie und Lesbarkeit fördern.

Lesen Sie mehr über:

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

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

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

Best Practices im UI-Design bieten eine Lösung für dieses Problem. Durch kurze Zwischenüberschriften am Anfang umfangreicher Texte erhält der Benutzer umfassende Informationen zum Thema.

Beim Verfassen der Unterüberschrift ist es wichtig, sie prägnant zu halten. Bringen Sie den entscheidenden Punkt der folgenden Informationen zum Ausdruck.

7. Verwenden Sie nummerierte und Aufzählungslisten

Eine weitere clevere Möglichkeit, den Inhalt leichter überfliegbar zu machen, ist die Verwendung von Listen mit Nummern oder Aufzählungszeichen. Diese helfen, Daten übersichtlich zu ordnen und die Aufmerksamkeit des Lesers auf die Informationen zu lenken, sodass diese nicht in der Gesamtstruktur des Textes untergehen.

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

• Visuelle Funktionen verbessern die Lesbarkeit und Überfliegbarkeit, 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 zu liefern und Ihre Behauptungen zu untermauern. 
• Sie können auch dazu beitragen, Ihr Material aufzulockern 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 beim Überfliegen von Texten übermäßig lange Textblöcke. Der Leser findet kurze Absätze leichter verdaulich und kann nicht hilfreiche Passagen leicht überspringen. Beginnen Sie daher nach der Vermittlung eines Gedankens in einem Abschnitt 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 zwingen, innezuhalten oder langsamer zu lesen, um das Gelesene zu verarbeiten. Bei der Verwendung von Fachjargon und Fachvokabular ist Vorsicht geboten.

Fazit

Obwohl häufig übersehen, ist die Scanbarkeit ein entscheidender Designaspekt, der die Verweildauer von Kunden auf Ihrer Website beeinflusst. Nutzer bleiben eher bei Inhalten, die einfach zu navigieren sind.

Das Gegenteil ist jedoch auch der Fall: Benutzer verlieren tendenziell das Interesse, wenn zu viel Text vorhanden ist und es an Aufzählungspunkten oder Grafiken mangelt.

Beginnen Sie mit der Befolgung bewährter Methoden, wie etwa der Einbeziehung von Leerraum in Ihr Design, der Verwendung von Formatierungen zum Hervorheben wichtiger Informationen und der Darstellung von Daten in überfliegbaren Aufzählungspunkten. 

Berücksichtigen Sie unterschiedliche Scanmuster um die Benutzerfreundlichkeit und Übersichtlichkeit Ihrer Website bei der Entwicklung Ihrer Inhalte zu verbessern.

Häufig gestellte Fragen

a. Warum ist die Überfliegbarkeit für moderne Leser, vor allem für Konsumenten digitaler Medien, so wichtig?

Scannability ist ein Formatierungsansatz, der es der Zielgruppe ermöglicht, den Textkörper leicht zu lesen und zu verstehen. Scannability gleicht die Tatsache aus, dass die meisten Internetnutzer Inhalte nur ü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 im Inhalt den Lesern, schnell zwischen relevanten Themen oder Seiten auf der Website selbst zu wechseln.

C. Welches Inhaltselement verbessert die Scanbarkeit nicht?

Leerraum – Textwände bieten keinen guten scanbaren Inhalt.