Cross-Device-Konsistenz heißt, dass ein Besucher auf dem Telefon dieselben Inhalte und dieselben Funktionen vorfindet wie am Rechner. Verschieden sein darf die Anordnung; der Umfang bleibt gleich. Der Begriff klingt abstrakt, lässt sich aber an einer einfachen Frage prüfen: Kann jemand jede Aufgabe, die am Rechner möglich ist, auch auf dem Telefon zu Ende bringen?
- Cross-Device-Konsistenz
Grundsatz, dass Besucher auf jedem Gerät dieselben Inhalte und dieselben Funktionen vorfinden, auch wenn die Darstellung sich unterscheidet.
Beispiel: „Das Preisblatt hängt nur im Desktop-Footer, auf dem Telefon findet es niemand. Das ist ein Bruch in der Cross-Device-Konsistenz.“Auch: geräteübergreifende Konsistenz. Gemeint ist eine Eigenschaft des Angebots. Erreicht wird sie technisch über eine gemeinsame Inhaltsquelle und ein gemeinsames Template-Set.
Abgrenzung: Responsive Design regelt, wie sich ein Layout an die Breite anpasst. Cross-Device-Konsistenz regelt, was dabei unangetastet bleibt.
Was auf jedem Gerät gleich bleibt
Gleich bleiben die Inhalte in voller Länge. Ein Absatz, der auf dem Telefon per CSS ausgeblendet wird, fehlt auch bei Google, denn für Indexierung und Ranking zählt die mobile Fassung einer Seite. Gleich bleiben außerdem die Funktionen: Wenn der Konfigurator, der Download oder die Filterung am Rechner erreichbar ist, muss es dafür auf dem Telefon einen Weg geben, auch wenn er anders aussieht.
Dasselbe gilt für die Sprache. Ein Menüpunkt, der am Rechner „Leistungen“ heißt und im Burger-Menü „Angebot“, kostet Wiedererkennung. Bei Preisangaben und Rechtstexten wird eine Abweichung zusätzlich zum Haftungsthema.
Was sich unterscheiden darf
Fast alles, was die Form betrifft: die Zahl der Spalten, die Reihenfolge der Blöcke, die Form der Navigation, der Bildausschnitt und die Menge an Text, die ohne Scrollen sichtbar ist. Eine Tabelle mit acht Spalten darf auf dem Telefon zu gestapelten Karten werden, solange jede einzelne Angabe erhalten bleibt.
Auch die Bedienung selbst darf sich unterscheiden. Am Rechner zeigt ein Hover zusätzliche Informationen, auf dem Telefon braucht es dafür einen Tipp oder eine ständig sichtbare Anzeige. Die Konsistenz bleibt gewahrt, solange die Information an beiden Stellen ankommt.
Wo die Konsistenz im Alltag bricht
Brüche entstehen selten aus einer Entscheidung. Sie entstehen, wenn Inhalte an zwei Stellen gepflegt werden, oder wenn ein Block nachträglich für eine Bildschirmbreite abgeschaltet wird, um Platz zu sparen. Der Klassiker aus unseren Relaunch-Projekten ist die Filterleiste, die im mobilen Template fehlt, weil sie beim Umbau keinen Platz fand.
Am größten ist die Gefahr bei getrennten Auslieferungen. Wer für Telefon und Rechner unterschiedliche Templates oder gar unterschiedliche Adressen betreibt, wie es beim Adaptive Design und bei den alten m-Domains üblich war, muss jede Änderung zweimal nachziehen. Wir empfehlen deshalb eine Inhaltsquelle und ein Template-Set, das sich je nach Breite anders anordnet.