Webdesign

Technische Daten am Telefon: Ohne passende Darstellung bleiben gepflegte Daten ungelesen

Zwölf Spalten auf 390 Pixeln Breite ergeben keine Tabelle. Vier Darstellungen halten technische Daten auch dort lesbar, wo sie gebraucht werden.

12 Min. Lesezeit23. September 2026

Eine Maßtabelle mit zwölf Spalten funktioniert am Schreibtisch: Der Unterschied zwischen zwei Ausführungen liegt dort in einer einzigen Bildschirmbreite nebeneinander. Ein Telefon im Hochformat stellt zwischen 360 und 430 CSS-Pixel bereit. CSS-Pixel ist die Maßeinheit, in der ein Browser Breiten rechnet, unabhängig von der Punktdichte des Displays. Nach Abzug der Seitenränder bleiben rund 330 bis 400 für den Inhalt. Zwölf Spalten bekommen darin je etwa 30 Pixel, und 30 Pixel tragen keine Zahl mit Einheit.

Welche Angaben ein technisches Datenblatt enthalten muss und über welche Wege ein Fachkunde danach sucht, steht im Beitrag über technische Datenblätter für B2B-Kunden. Dort geht es um die Bereitstellung der Daten. Hier geht es um den Schritt danach: Die Werte sind gepflegt und geprüft, und sie sollen auf rund 390 Pixeln Breite so erscheinen, dass ein Monteur, ein Einkäufer oder ein Planer den gesuchten Wert findet.

Vier Darstellungen kommen dafür infrage: das waagerechte Scrollen im eigenen Rahmen, der Umbau jeder Zeile zu Paaren aus Beschriftung und Wert, das Aufteilen in mehrere kleine Tabellen und die Reduktion auf die entscheidenden Spalten mit einer Ausklappfunktion für den Rest. Keine davon passt auf jeden Datenbestand.

Vier Fragen führen zur passenden Darstellung

Spaltenzahl, Leseabsicht, Trennbarkeit und Leseort

1. Spaltenzahl
wie viele entscheidenwie viele belegen nur
Umfang
2. Leseabsicht
Zeilen vergleicheneinen Datensatz lesen
Aufgabe
3. Trennbarkeit
Maße, Werte, Anschlusseigene Blöcke möglich
Gliederung
4. Leseort
Werkstatt, Lager, Baustelleeine Hand frei
Bedienlage

Eine Tabelle bricht, sobald eine Spalte schmaler wird als ihr längster Eintrag

Eine Tabelle ordnet Werte in einem Raster aus Zeilen und Spalten, damit sich zwei Zeilen an derselben Stelle vergleichen lassen. Dieser Nutzen hängt an einer Bedingung: Die zu vergleichenden Werte müssen gleichzeitig sichtbar sein. Fällt die Bedingung weg, bleibt vom Raster der Aufwand und keine Ordnung.

Auf schmalen Bildschirmen fällt sie auf vier Wegen weg.

  • Die ganze Seite scrollt waagerecht. Jeder Wisch nach unten verschiebt den Inhalt auch zur Seite, Überschriften und Fließtext rutschen aus dem Bild, und der Leser verliert seine Stelle.
  • Die Spalten werden gequetscht. Eine Kopfzeile wie „Betriebsdruck“ bricht auf fünf Zeilen um, die Zeilenhöhen laufen auseinander, und eine Datenzeile ist als Zeile nicht mehr zu erkennen.
  • Die Schrift wird verkleinert. Die Werte stehen weiterhin im Raster, liegen aber unter der Größe, ab der ein Auge sie ohne Zoomen erfasst.
  • Der Spaltenkopf verschwindet. Wer seitwärts schiebt, sieht die Zahl ohne ihre Überschrift. Eine 16 ohne Kopfzeile ist weder Millimeter noch bar.

Der Verlust ist in allen vier Fällen derselbe: Der Leser sieht Zahlen, ohne sie zuordnen zu können. Die Grenzwerte für Schriftgröße, Zeilenlänge und Kontrast stehen im Beitrag über das, was Texte lesbar macht; am Telefon gelten sie unverändert, nur auf weniger Fläche.

Häufiger Fehler:

Die Tabelle wird als Bild eingebunden, weil sie darin genauso aussieht wie im gedruckten Katalog. Auf dem Telefon skaliert das Bild auf Bildschirmbreite herunter und nimmt die Werte mit. Dazu lässt sich darin kein Wert markieren, keiner vorlesen und keiner über die Seitensuche finden.

Waagerechtes Scrollen im eigenen Rahmen erhält die Tabellenform

Der eigene Rahmen ist ein Bereich, der die Tabelle umschließt und sein eigenes seitliches Scrollen mitbringt. Die Tabelle bewegt sich darin nach links und rechts, die Seite darunter bleibt stehen. Der Fließtext behält seine Breite, die Tabelle behält ihre Spalten, und beide stören sich nicht.

Diese Darstellung trägt, wenn drei Bedingungen zusammenkommen: Die Tabelle hat viele Zeilen und wenige Spalten, der Leser vergleicht innerhalb einer Zeile, und die Spaltenfolge ist ihm aus dem Katalog vertraut. Drei Eigenschaften entscheiden dann über die Brauchbarkeit.

  1. Die erste Spalte bleibt stehen. Sie benennt den Datensatz und wandert beim Schieben nicht mit. Ohne sie zeigt der Rahmen nach zwei Wischbewegungen Zahlen ohne Zugehörigkeit.
  2. Der rechte Rand ist angeschnitten. Die Tabelle endet am Rahmenrand mit einer halb sichtbaren Spalte. Das ist der einzige Hinweis darauf, dass rechts noch Angaben folgen.
  3. Die Kopfzeile bleibt sichtbar. Bei langen Tabellen hält sie beim senkrechten Scrollen ihre Position, sonst verlieren die Werte weiter unten ihren Bezug.
Beispiel einer Wertetabelle mit vier Spalten: Auf einem Telefon bewegt sie sich innerhalb ihres Rahmens nach links und rechts, während die Seite an ihrer Stelle bleibt.
AusführungNennweiteBetriebsdruckEinbaulänge
Baureihe 40-16DN 4016 bar200 mm
Baureihe 50-16DN 5016 bar230 mm
Baureihe 65-10DN 6510 bar290 mm

Verdeckt bleibt, was rechts außerhalb des Rahmens liegt. Wer die Tabelle nicht kennt, weiß nichts von den acht Spalten dahinter und schiebt deshalb nicht. Die Darstellung taugt für Bestandskunden mit der Katalogseite im Kopf, für einen Erstbesucher selten.

Der Umbau zu Beschriftung und Wert macht jeden Datensatz für sich lesbar

Bei dieser Darstellung wird aus jeder Tabellenzeile ein eigener Block. Der Spaltenkopf wandert vor den Wert: Aus einer Zeile mit zwölf Zellen werden zwölf Paare aus Beschriftung und Wert, untereinander angeordnet. Der Block bekommt eine Überschrift, üblicherweise die Artikelnummer oder die Bezeichnung der Ausführung.

Die Form passt, wenn der Leser einen Datensatz liest und keine Reihe vergleicht. Er hat die Ausführung bereits gewählt und sucht eine einzelne Angabe. Sie passt außerdem bei vielen Merkmalen und wenigen Datensätzen: Die Länge eines Blocks wächst mit der Zahl der Merkmale, die Zahl der Blöcke bleibt klein.

Zwei Punkte entscheiden über das Ergebnis. Erstens braucht das Paar aus Beschriftung und Wert eine sichtbare Zuordnung: Beschriftung zurückhaltend, Wert kräftig, zwischen zwei Paaren weniger Abstand als zwischen zwei Blöcken. Was nah beieinandersteht, wird als zusammengehörig gelesen; der Beitrag über ruhige Seiten und ihre Wirkung führt das aus. Zweitens benennt die Blocküberschrift den Datensatz eindeutig, damit der Leser nach dreißig Zeilen noch weiß, welche Ausführung vor ihm steht.

Der Vergleich zweier Ausführungen verlangt in dieser Form, an einem ganzen Block vorbeizuscrollen und sich den ersten Wert zu merken. Bei drei Merkmalen ist das zumutbar, bei fünfzehn führt es zu Fehlbestellungen im Einkauf.

Mehrere kleine Tabellen tragen dort, wo eine große scheitert

Eine Tabelle mit zwölf Spalten lässt sich häufig in vier Tabellen mit drei Spalten zerlegen: Maße, Betriebswerte, Anschlüsse und Werkstoffe. Jede der vier passt ohne Schieben und ohne Schrumpfen auf einen Telefonbildschirm. Der Datensatz steht in jeder als erste Spalte, damit die Zeilen über die Blöcke hinweg zuordenbar bleiben.

Die Aufteilung folgt der Frage des Lesers, nicht der Spaltenfolge aus dem Warenwirtschaftssystem. Drei Regeln halten sie brauchbar.

  1. Nach Themen trennen, die getrennt gefragt werden. Wer die Einbaumaße sucht, fragt im selben Moment selten nach dem Werkstoff der Dichtung. Die Trennlinie verläuft dort, wo im Vertrieb die Frage endet.
  2. Jeder Block bekommt eine eigene Überschrift. Sie macht den Block über das Inhaltsverzeichnis ansteuerbar und sagt dem Leser vor dem Lesen, ob seine Angabe dort steht.
  3. Der Datensatz wird in jedem Block wiederholt. Eine Zeile ohne Bezeichnung ist nach dem dritten Block nicht mehr zuzuordnen, auch wenn die Reihenfolge der Zeilen überall gleich bleibt.

Die Aufteilung zahlt sich an einer zweiten Stelle aus: Ein benannter, in sich geschlossener Block ist die Einheit, die Suchmaschinen und Antwortsysteme auslesen und zitieren. Zwölf Spalten liefern ihnen ein Raster ohne Thema, vier beschriftete Blöcke vier beantwortbare Fragen.

Praxis-Tipp:

Die Reihenfolge der Blöcke ergibt sich aus Ihren Anfragen. Notieren Sie eine Woche lang, welche Angabe am Telefon erfragt wird. Die drei häufigsten gehören in den ersten Block, alles Weitere folgt dahinter.

Die entscheidenden Spalten bleiben offen, der Rest klappt auf

Ausklappen bezeichnet eine Bedienung, bei der ein Teil der Angaben zunächst verborgen bleibt und auf Tippen erscheint. Auf dem Telefon bleiben damit zwei bis drei Spalten dauerhaft sichtbar, die übrigen stehen hinter einer Zeile, die sich öffnen lässt.

Sichtbar bleiben die Spalten, die die Auswahl entscheiden. Das sind selten die ersten aus dem Datenblatt. Bei einer Armatur entscheiden Nennweite und Druckstufe, bei einem Antrieb Leistung und Drehzahl, bei einem Profil Querschnitt und Länge. Werkstoffangabe, Gewicht und Bestellnummer werden gelesen, nachdem die Wahl gefallen ist.

Drei Anforderungen gelten für den geschlossenen Zustand

  • Die Zeile sagt, was dahinter liegt. „Acht weitere Angaben“ ist eine Ansage, „Mehr“ ist keine. Wer nicht weiß, was ihn erwartet, tippt nicht.
  • Der Inhalt steht im Quelltext. Verborgen heißt verborgen für das Auge. Werden die Angaben erst nach dem Tippen nachgeladen, fehlen sie in der Seitensuche des Browsers und in dem, was eine Suchmaschine von der Seite erfasst.
  • Der geöffnete Zustand bleibt erhalten. Wer eine Zeile öffnet, weiterscrollt und zurückkommt, findet sie offen vor. Ein Zurückspringen in den geschlossenen Zustand kostet ihn den zweiten Weg.
Die vier Darstellungen und die Datenlage, zu der sie jeweils passen.
DarstellungPasst zuVerdeckt
Waagerechtes Scrollen im Rahmenvielen Zeilen, wenigen Spaltendie Spalten rechts außerhalb des Rahmens
Beschriftung und Wert je Datensatzwenigen Datensätzen, vielen Merkmalenden Vergleich zweier Datensätze
Mehrere kleine TabellenAngaben, die sich thematisch trennen lassenden Zusammenhang über die Blöcke hinweg
Reduktion mit Ausklappeneiner klaren Auswahlentscheidungdie selten gefragten Angaben bis zum Tippen

Am Telefon steht die Spalte vorn, die die Auswahl entscheidet

Auf einem breiten Bildschirm ist die Spaltenfolge eine Frage der Gewohnheit. Alle Spalten sind gleichzeitig sichtbar, und die Anordnung stammt aus dem gedruckten Katalog oder aus dem Export des Warenwirtschaftssystems. Am Telefon sind zwei Spalten sichtbar, bevor der Leser eine Bewegung macht. Diese zwei Positionen sind die einzigen, über die sich ohne Bedienung etwas mitteilen lässt.

Daraus folgt eine Reihenfolge, die von der Desktop-Ansicht abweichen darf: zuerst das Merkmal, das den Datensatz benennt, dann das Merkmal, das die Ausführungen voneinander unterscheidet, dann alles Weitere. Eine laufende Nummer, ein internes Kürzel oder ein Erfassungsdatum gehören auf keinen der beiden ersten Plätze, auch wenn sie im Export dort stehen.

Die Werte selbst bleiben in beiden Ansichten gleich, verschoben wird allein die Anordnung. Damit bleibt die Seite auch für den Bestandskunden nachvollziehbar, der dieselbe Tabelle im Büro geöffnet hat.

Die Prüfung dauert eine Minute: Öffnen Sie Ihre Tabelle am Telefon und lesen Sie ausschließlich, was ohne Wischen sichtbar ist. Steht dort die Angabe, nach der ein Kunde als Erstes fragt?

Drei Datenlagen sprechen gegen die Tabelle als Darstellungsform

Eine Tabelle ist das Mittel für den Vergleich gleichartiger Datensätze. Fehlt der Vergleich oder die Gleichartigkeit, kosten Rahmen und Trennlinien Fläche, ohne Ordnung zu schaffen.

  • Zwei Spalten mit Begriff und Wert. Eine Angabe je Zeile ergibt keine Vergleichsfläche. Eine Aufzählung mit hervorgehobener Beschriftung zeigt dieselben Inhalte, bricht auf schmalen Geräten sauber um und verlangt keinen waagerechten Weg.
  • Ein einzelner Datensatz. Ohne zweite Zeile gibt es nichts zu vergleichen. Hier ist die Paardarstellung aus Beschriftung und Wert von vornherein die passende Form.
  • Ungleichartige Inhalte. Sobald eine Spalte Freitext unterschiedlicher Länge enthält, richtet sich die Spaltenbreite nach dem längsten Eintrag. Die Zeilen werden unterschiedlich hoch, und das Raster verliert seine Funktion.

Ein vierter Fall betrifft die Technik hinter der Darstellung. Eine Tabelle, die lediglich zwei Textblöcke nebeneinanderstellt, trägt eine Auszeichnung, die ihrem Inhalt widerspricht: Eine Vorlesesoftware kündigt Zeilen und Spalten an, die keine Bedeutung haben. Auf dem Telefon zwingt eine solche Konstruktion die Seite zusätzlich in die Breite, obwohl ihr Inhalt umbrechen könnte.

Ein Wert muss mit einer Hand und in wenigen Sekunden auffindbar sein

Technische Daten werden selten am Schreibtisch gelesen. Der Leseort ist die Maschine, das Lager, die Baustelle oder das Ersatzteilregal des Kunden: eine Hand am Telefon, die andere am Werkstück, Licht von der Seite, und genau eine Frage, etwa nach dem Anzugsmoment.

Für diese Lage zählt die Zeit bis zum Wert, nicht die Vollständigkeit der Seite. Vier Eigenschaften verkürzen sie.

Ein Suchfeld über der Tabelle

Wer die Artikelnummer kennt, tippt sie ein und landet auf der Zeile. Ohne Suchfeld scrollt er an zweihundert Zeilen vorbei.

Große Klickziele mit Abstand dazwischen

Ein Daumen im Arbeitshandschuh trifft keine Fläche von wenigen Pixeln. Der Abstand zwischen zwei Zielen verhindert den Fehlgriff.

Ein Register am Anfang der Seite

Sprungmarken zu den einzelnen Blöcken ersparen den langen Weg nach unten und bringen den Leser mit einem Tippen an die richtige Stelle.

Kein Zwang zum Dateidownload

Eine einzelne Zahl rechtfertigt keinen Download und keine Anmeldung. Wer beides verlangt, bekommt den Anruf in der Zentrale.

Der Maßstab ist schnell angelegt: Ein Kunde, der Ihre Seite zum ersten Mal am Telefon öffnet, muss den gesuchten Wert ohne Zoomen, ohne Drehen des Geräts und ohne Rückfrage finden. Jede dieser drei Handlungen zeigt, dass die Darstellung für den Schreibtisch gebaut wurde.

Häufig gestellte Fragen

Die Darstellung entscheidet, ob gepflegte Daten den Kunden erreichen

Der Aufwand für saubere Produktdaten ist in den meisten Betrieben längst erbracht: Die Werte sind gepflegt, geprüft und mit einem Ausgabestand versehen. Ob ein Kunde sie nutzen kann, entscheidet das Gerät in seiner Hand. Die Korrektur betrifft die Darstellung, der Datenbestand bleibt unberührt.

Tabellen sind eine von fünf Stellen, an denen eine B2B-Website am kleinen Bildschirm nachgibt. Welche vier weiteren das sind und in welcher Reihenfolge sich der Rückstand aufholen lässt, steht im Beitrag zu B2B-Websites am Smartphone.

REDAKTIONELLE VERANTWORTUNG
Dagmar Seebo, CEO von ProXWorks®Dagmar Seebo

Dagmar Seebo, B.A., ist CEO von ProXWorks® und verbindet über 27 Jahre Erfahrung im E-Commerce und Marketing mit digitalem Know-how.

Die Inhalte entstehen unter Einsatz moderner KI-gestützter Systeme. Vor Veröffentlichung erfolgt die Überprüfung und redaktionelle Kontrolle durch Dagmar Seebo.

Antwort in 1 Werktag

Wir sagen Ihnen in 1 Werktag, welche Ihrer Tabellen am Telefon unlesbar sind und welche Darstellung sie trägt.

Tabellen prüfen lassen
ProXWorks® KI-News

Künstliche Intelligenz, fundiert erklärt.

Jede Woche ein neuer KI-Fachbeitrag, praxisnah aufbereitet und vollständig in der E-Mail. Jederzeit abbestellbar.

Zu den KI-News