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.
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
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.
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.
- 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.
- 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.
- Die Kopfzeile bleibt sichtbar. Bei langen Tabellen hält sie beim senkrechten Scrollen ihre Position, sonst verlieren die Werte weiter unten ihren Bezug.
| Ausführung | Nennweite | Betriebsdruck | Einbaulänge |
|---|---|---|---|
| Baureihe 40-16 | DN 40 | 16 bar | 200 mm |
| Baureihe 50-16 | DN 50 | 16 bar | 230 mm |
| Baureihe 65-10 | DN 65 | 10 bar | 290 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.
- 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.
- 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.
- 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.
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.
| Darstellung | Passt zu | Verdeckt |
|---|---|---|
| Waagerechtes Scrollen im Rahmen | vielen Zeilen, wenigen Spalten | die Spalten rechts außerhalb des Rahmens |
| Beschriftung und Wert je Datensatz | wenigen Datensätzen, vielen Merkmalen | den Vergleich zweier Datensätze |
| Mehrere kleine Tabellen | Angaben, die sich thematisch trennen lassen | den Zusammenhang über die Blöcke hinweg |
| Reduktion mit Ausklappen | einer klaren Auswahlentscheidung | die 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.
Wer die Artikelnummer kennt, tippt sie ein und landet auf der Zeile. Ohne Suchfeld scrollt er an zweihundert Zeilen vorbei.
Ein Daumen im Arbeitshandschuh trifft keine Fläche von wenigen Pixeln. Der Abstand zwischen zwei Zielen verhindert den Fehlgriff.
Sprungmarken zu den einzelnen Blöcken ersparen den langen Weg nach unten und bringen den Leser mit einem Tippen an die richtige Stelle.
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
Vier Formen sind tragfähig. Erstens bleibt die Tabelle als Tabelle erhalten und bewegt sich innerhalb eines eigenen Rahmens seitwärts. Zweitens wird jede Zeile in einen Block umgebaut, in dem Beschriftung und Wert untereinander stehen. Drittens zerfällt eine breite Tabelle in mehrere thematische Tabellen mit je zwei bis drei Spalten. Viertens bleiben die auswahlentscheidenden Spalten sichtbar, während die übrigen Angaben hinter einer aufklappbaren Zeile liegen. Welche Form passt, entscheiden Spaltenzahl, Leseabsicht, Trennbarkeit der Angaben und der Ort des Lesens.
Wenn die Tabelle viele Zeilen und wenige Spalten hat, der Nutzer innerhalb einer Zeile vergleicht und ihm die Spaltenfolge aus dem Katalog vertraut ist. Drei Eigenschaften machen die Darstellung brauchbar: eine erste Spalte, die beim Schieben stehen bleibt und den Datensatz benennt, ein angeschnittener rechter Rand als Hinweis auf verdeckte Spalten und eine Kopfzeile, die beim senkrechten Scrollen sichtbar bleibt. Scrollen darf ausschließlich die Tabelle, niemals die ganze Seite.
Ein Bild skaliert auf die Bildschirmbreite herunter und nimmt die Werte mit. Auf einem Telefon liegen sie danach unter der Lesbarkeitsgrenze, und die einzige Abhilfe ist Zoomen. Markieren, Vorlesen und die Suche innerhalb der Seite greifen bei einem Bild ohnehin nicht. Auch Suchmaschinen lesen die Zahlen darin nicht, weshalb die Angaben aus dem Suchergebnis verschwinden.
Ja. Auf einem breiten Bildschirm sind alle Spalten gleichzeitig sichtbar, ihre Reihenfolge ist deshalb eine Frage der Gewohnheit. Am Telefon sind vor der ersten Bewegung des Nutzers zwei Spalten sichtbar. Dorthin gehören das Merkmal, das den Datensatz benennt, und das Merkmal, das die Ausführungen voneinander unterscheidet. In beiden Ansichten stehen dieselben Werte; geändert wird allein ihre Reihenfolge.
Bei drei Datenlagen: wenn nur zwei Spalten mit Begriff und Wert vorliegen, wenn ein einzelner Datensatz gezeigt wird und wenn eine Spalte Freitext unterschiedlicher Länge enthält. In den ersten beiden Fällen fehlt die Vergleichsfläche, im dritten richtet sich die Spaltenbreite nach dem längsten Eintrag und das Raster verliert seine Funktion. Eine Aufzählung mit hervorgehobener Beschriftung zeigt dieselben Angaben und bricht auf schmalen Geräten sauber um.
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.
Wir sagen Ihnen in 1 Werktag, welche Ihrer Tabellen am Telefon unlesbar sind und welche Darstellung sie trägt.
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