Text und Daten Struktur macht lesbar
Viele Internet-Inhalte sind Texte. "Textwüsten" ohne Struktur schrecken ab und werden nicht gelesen.
Also müssen Texte verständlich formuliert werden, in kleine überschaubare "Päckchen" gegliedert werden:
Absätze mit Überschriften, gut lesbare Schriftart und Schriftgröße, Daten nicht als Fließtext, sondern tabellarisch.
Überschriften
Durchgängige Schrift-Gestaltung - abhängig von der Bedeutung der Texte -
erleichtert die Orientierung. Auf dieser Webseite wird die Bedeutung der Überschriften durch
Ausrichtung (links / zentriert / rechts), Größe, Farbe und Auszeichnung (fett, kursiv, unterstrichen) unterschieden. Beispiele:
Überschrift 1. Ordnung
Überschrift 2. Ordnung
Überschrift 3. Ordnung
Überschrift 4. Ordnung
Überschrift 5. Ordnung
Überschrift 6. Ordnung
Alles Übrige ist die "normale" Schrift für den Fließtext, wie dieser Absatz.
oben
Schrift-Formatierung
Auch der Fließtext kann formatiert werden, z.B.
- normal halbe Größe doppelte Größe und weitere Größen
- normal blau rot
grün und weitere Farben
- normal fett kursiv unterstrichen alles kombiniert
- normal
ungültiges lesbar durchgestrichen
- normal farbiger Hintergrund betont wie ein Textmarker
- und beliebig kombiniert
Auch die Schriftart (die Form der einzelnen Buchstaben) kann verändert werden.
Hinweis: Wenn die vorgesehene Schriftart nicht auf dem Rechner des Lesers installiert ist, wird eine Standardschrift benutzt.
Beispiele in etwas vergrößerter Schrift:
- ABC abc 123 - Arial - Standard auf vielen Rechnern
- ABC abc 123 - Verdana - etwas "eleganter"
- ABC abc 123 - Courier - wie auf Schreibmaschinen
- ABC abc 123 - Comic Sans - ähnlich wie Handschrift
oben
Absatz-Formatierung
Linksbündiger Flattersatz:
An dieser Stelle steht ein Beispieltext für linksbündigen "Flattersatz":
Die Zeilen sind nur zufällig gleich lang.
Man hat beobachtet, dass das Auge sich bei dieser Darstellung am besten orientieren kann.
Von dieser "vertrauten" Darstellung sollte man nur mit besonderer Begründung abweichen.
Blocksatz:
An dieser Stelle steht ein Beispieltext für "Blocksatz":
Die Zeilen sind bewusst gleich lang (gleichzeitig links- und rechtsbündig),
der Ausgleich erfolgt durch unterschiedliche Abstände zwischen den Wörtern.
Man hat beobachtet, dass das Auge sich bei dieser Darstellung weniger gut orientieren kann.
Rechtsbündiger Flattersatz:
An dieser Stelle steht ein Beispieltext für rechtsbündigen "Flattersatz":
Die Zeilen sind nur zufällig gleich lang.
Die Form ist geeignet, den Leser "aus dem Tritt" zu bringen, um ihn auf etwas besonders hinzuweisen.
Zentrierter Flattersatz:
An dieser Stelle steht ein Beispieltext für zentrierten "Flattersatz":
Die Zeilen sind nur zufällig gleich lang.
Diese eher "unruhige" Form ist nur für kurze Texte oder Überschriften geeignet,
um den Leser auf etwas besonders hinzuweisen.
Aufzählungen sind gut geeignet, um "Textwüsten" zu strukturieren und verständlicher zu machen. Beispiel:
- Erstens: Kurzer Text.
- Zweitens: Der Text kann aber auch viel länger sein und über mehrere Zeilen gehen,
er kann aber auch viel länger sein und noch länger und immer noch länger,
ohne dass der beschriebene Punkt dadurch wichtiger aussehen soll als die anderen Punkte.
- Drittens: Nochmal kurz.
oben
Tabellen-Gestaltung
Umfangreiche Daten sind oft in Listen oder Tabellen übersichtlicher
darzustellen als im Fließtext.
Auch Tabellen können mehr oder weniger gut lesbar und bedienbar sein. Ein Beispiel:
- Farben können strukturieren und auflockern (hier: Titel hervorgehoben, unterschiedliche Farben nach Art).
- Tabellen sollen so geteilt werden, dass auch bei großen Tabellen erkennbar ist,
welche Überschriften zum gerade sichtbaren Tabelleninhalt gehören (hier: nach 15 Zeilen).
- Ordnung, z.B. alphabetische Sortierung und Nummerierung (hier: letzte Spalte),
erleichtern die Orientierung und die Verständigung.
- Das gezielte Springen in eine lange Tabelle (hier: Alphabet) und
an den Anfang der Tabelle (hier: Pfeil in der letzten Spalte) erleichtern die Navigation.
Direkt zu:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
|
Titel |
Untertitel |
Art |
 |
| A |
Aktualität |
Die Zukunft beginnt heute |
Beispiel
|
1 |
| B |
Begriffe |
die Ihnen immer wieder begegnen |
Infos
|
2 |
|
Bildmaterial |
Kleine und große, stehende und bewegte Bilder |
Beispiel
|
3 |
| D |
Design |
Der wichtige erste Eindruck |
Beispiel
|
4 |
|
Domain-Angebot |
Diese Domains können Sie kaufen |
Infos
|
5 |
| F |
Fragen & Antworten |
Hier finden Sie Antworten auf Ihre Fragen |
Infos
|
6 |
| K |
Kontakt-Infos |
Impressum, E-Mails, Standort |
Beispiel
|
7 |
| M |
Mehrsprachig |
Für internationale Besucher |
Beispiel
|
8 |
| N |
Namensabfrage |
Prüfen Sie, ob Ihr Wunschname noch frei ist |
Infos
|
9 |
|
Navigation, Suche, Links |
Logisch, übersichtlich, klar |
Beispiel
|
10 |
| P |
PDF-Drucksachen |
Flyer und mehr zum Download |
Beispiel
|
11 |
|
Presseberichte |
Wie die Presse Sie sieht |
Beispiel
|
12 |
| Q |
Qualität |
Kann eine Web-Seite ihre Besucher erreichen? |
Infos
|
13 |
| S |
Schlüsselfertig |
Rundum sorglos aus einer Hand |
Infos
|
14 |
|
Statistik |
Um die Besuche zu analysieren |
Infos
|
15 |
|
Titel |
Untertitel |
Art |
 |
| T |
Text und Daten |
Struktur macht lesbar |
Beispiel
|
16 |
| w |
webAngebote |
Ihr Rundum-Sorglos-Paket |
Infos
|
17 |
| Z |
Zum Schluss |
Name und Leistungen und Preise sind gut |
Infos
|
18 |
| B |
Besondere Angebote |
Designed by LITFAS.DE/sign |
Beispiel
|
19 |
oben
|
|