Von Mobile First zu Content First: Websites von innen nach außen denken

Seit über einem Jahrzehnt gilt „Mobile First” als Standard im Webdesign: Erst die kleine Bildschirmgröße gestalten, dann nach oben skalieren. Das war ein wichtiger Schritt – und trotzdem greift dieser Ansatz zu kurz, wenn er die zentrale Frage ausklammert: Worum geht es auf der Seite eigentlich?

Was Mobile First richtig gemacht hat

Mobile First hat eine gesunde Disziplin erzwungen. Wer mit dem kleinsten Viewport beginnt, muss priorisieren. Auf 360 Pixeln Breite ist kein Platz für überladene Navigationen, riesige Slider oder fünf konkurrierende Handlungsaufforderungen. Diese Beschränkung hat viele Auftritte schlanker, schneller und fokussierter gemacht.

Der Ansatz hat außerdem die Realität anerkannt: Der größte Teil des Web-Traffics kommt längst von mobilen Geräten. Eine Seite, die dort funktioniert, funktioniert in der Regel auch auf größeren Bildschirmen.

Wo das Geräte-Denken an Grenzen stößt

Das Problem ist die Perspektive. „Mobile First” startet bei einem Gerät – also bei der Darstellung. Damit beginnt die Gestaltung am Ende der Wertschöpfungskette: beim Wie, nicht beim Was. In der Praxis führt das zu einem typischen Muster: Es gibt ein hübsches Layout, und dann werden Texte hineingefüllt, bis der Platz passt. Inhalte werden gekürzt, weil das Design es verlangt – nicht, weil die Botschaft es erfordert.

Hinzu kommt: Die Gerätelandschaft ist heute zu vielfältig, um sie als Ausgangspunkt zu nehmen. Smartphones, Tablets, Laptops, große Monitore, Vorlese-Software, Smartwatches und zunehmend KI-Systeme, die Inhalte auslesen und zusammenfassen. Wer für ein konkretes Gerät plant, plant immer schon an einem Teil seines Publikums vorbei.

Content First: zuerst die Substanz

Content First dreht die Reihenfolge um. Am Anfang steht die Frage, welche Inhalte eine Seite transportieren soll und in welcher Hierarchie. Was ist die Kernbotschaft? Welche Information braucht die Zielgruppe zuerst, welche danach? Welche Inhalte tragen zur Entscheidung bei, welche sind Beiwerk?

Erst wenn diese Struktur steht, geht es um die Darstellung – und zwar für alle Ausgabekanäle gleichzeitig. Ein Layout, das auf einer klaren Inhaltshierarchie aufsetzt, lässt sich nahezu automatisch auf jede Bildschirmgröße übertragen. Die Inhalte ordnen sich von selbst, weil ihre Reihenfolge inhaltlich begründet ist und nicht aus dem Layout abgeleitet wurde.

Content First bedeutet nicht, Design gering zu schätzen. Im Gegenteil: Gutes Design wird dadurch leichter, weil es eine Grundlage hat, der es dienen kann.

Wie sich das in der Praxis zeigt

Der Unterschied wird früh im Projekt sichtbar. Ein Content-First-Prozess beginnt nicht mit Wireframes, sondern mit echten oder realistischen Inhalten: Überschriften, Texten, den tatsächlichen Daten. Sogenannter Blindtext verschleiert Probleme – echte Inhalte legen sie offen. Eine Überschrift, die in der Theorie kurz klingt, ist im Ernstfall dreizeilig. Ein „kurzer” Teaser hat plötzlich 400 Zeichen.

Dieser Ansatz wirkt sich auch auf die Technik aus. Wer Inhalte ernst nimmt, strukturiert sie semantisch korrekt: sinnvolle Überschriftenhierarchien, klar ausgezeichnete Listen, beschreibende Verlinkungen. Genau diese saubere Struktur zahlt unmittelbar auf Barrierefreiheit und Suchmaschinen ein – und ist die Voraussetzung dafür, dass auch KI-Systeme Inhalte korrekt erfassen.

Und nicht zuletzt verändert Content First die Zusammenarbeit. Redaktion und Entwicklung arbeiten nicht mehr nacheinander, sondern gemeinsam an derselben Frage. Inhalte sind dann kein Nachgedanke, der ins fertige Design gepresst wird, sondern der Ausgangspunkt, an dem sich alles andere orientiert.

Beide Prinzipien gehören zusammen

Content First ersetzt Mobile First nicht – es stellt es auf ein tragfähiges Fundament. Die Disziplin des Priorisierens bleibt wertvoll; sie setzt nur an der richtigen Stelle an. Zuerst klären, was gesagt werden soll. Dann entscheiden, in welcher Reihenfolge. Und erst danach, wie es auf dem jeweiligen Gerät aussieht.

Das Ergebnis sind Web-Auftritte, die auf jedem Bildschirm funktionieren, weil sie nicht für einen Bildschirm gedacht wurden, sondern für die Menschen, die etwas wissen oder entscheiden wollen. Wer von innen nach außen denkt – von der Substanz zur Darstellung – schafft ein Fundament, das jeden Technologiewechsel überdauert.