Eine Kamera, die zeigt, was man lesen kann

Die Rückmeldung war vage und richtig: Manchmal zeigt ein Film eine kleine Ecke der Seite, und das wirkt komisch. Wir haben nachgemessen. Eine quadratische Anzeige rahmte einen Weiter-Button, nur ein Zehntel der Bildbreite, und die Kamera fuhr auf ihren maximalen Zoom von 1,9x. Bei diesem Zoom passt nur die halbe Seite ins Bild, die Ansicht stößt an einen Rand, und die Überschrift wurde mitten im Wort abgeschnitten: uality video in minutes.

Ein kleines Bedienelement bekommt jetzt Kontext statt einer Nahaufnahme. Unter einem Sechstel der Bildbreite ist der Zoom auf 1,35x begrenzt, so bleiben etwa drei Viertel der Seite im Bild. Welcher Button zählt, zeigen der heranfahrende Cursor und der Klick, nicht ein Zoom, der alles drumherum wegschneidet. Eine Karte, die mehr vom Bild füllt, bekommt weiterhin die volle Nahaufnahme, denn genau dafür ist der Zoom da.

Derselbe Fehler hatte eine zweite Form. Jeder Startseitenfilm tippt eine Webadresse in ein Feld, das breit, aber sehr flach ist. Die Kamera gab ihm den vollen Zoom, klebte es an den unteren Rand und füllte den Rest mit einer angeschnittenen Überschrift. Ein Motiv unter einem Zehntel der Bildhöhe ist jetzt auf 1,45x begrenzt.

Zwei Verfeinerungen folgten:

• Am Seitenende. Dort kann die Ansicht nicht weiter scrollen, also schiebt ein kleinerer Zoom das Motiv nach unten, Richtung Untertitel, statt nach oben. Motive am unteren Rand behalten den vollen Spielraum.
• Stufenlos statt in Stufen. Unsere ersten Grenzen waren Treppen: 204 Pixel ergaben einen Zoom, 205 einen anderen. Jetzt sind es sanfte Rampen, und ein Motiv, das einen Pixel größer ist, sieht genauso aus.

Zwanzig Sekunden in den französischen Startseitenfilm sprach die Stimme über die Galerie, während riesig ein Ausschnitt der Hauptüberschrift lief. Der Grund war das Timing. Die Position eines Elements wird relativ zum sichtbaren Fenster gemessen, und scrollt die Seite vor dem Ende der Szene, zielt die Kamera auf eine Stelle, an der jetzt etwas anderes steht.

• Die Scrollposition wird mit dem Element gespeichert und am Ende der Szene erneut geprüft. Hat sie sich verändert, nutzt die Kamera die alte Position nicht.
• Wurde ein Element nicht gefunden, landete die Ersatzansicht alle paar Szenen oben auf der Seite. Jetzt geht sie an eine Stelle, die der Film noch nicht gezeigt hat.
• Eine Eröffnungseinstellung rahmt den ganzen Abschnitt um ihr Motiv, samt Überschrift, statt nur das Element.

Dann kam der umgekehrte Fall. Manche Motive waren anderthalb, sogar zweieinviertel Bildschirme hoch. Weiter herauszoomen kann die Kamera nicht, und das Scrollen des Browsers zentrierte das Element, was bei einem Hero-Abschnitt die leere Fläche zwischen Überschrift und Buttons zeigt.

Jetzt schaut die Kamera hinein. Passt das Motiv, bleibt es, wie es ist. Sonst suchen wir den größten Block darin, der ins Bild passt und eine Überschrift, ein Bild oder einen echten Satz trägt, denn dorthin wandert das Auge. Gibt es so etwas nicht, etwa bei einer langen Textwand, richten wir den oberen Rand des Motivs am oberen Bildrand aus, wo das Lesen beginnt. Klicks und Tippen behalten ihr genaues Element, damit der Cursor immer an der richtigen Stelle drückt.

Die letzte Korrektur war die feinste. Die Kamera setzte Motive etwas höher, um den eingebrannten Untertitel freizuhalten, mit ihrer eigenen Vorstellung davon, wo er sitzt. Untertitel, Wasserzeichen und jede Karte nutzten eine andere, und beide wichen um bis zu ein Achtel des Bildes voneinander ab. So konnte die Kamera ein Motiv mit voller Überzeugung halb hinter den Untertitel stellen.

Das Band, das die Kamera meidet, wird jetzt aus dem Band gelesen, das der Untertitel zeichnet, eine Funktion für beide. Ein Formular unter einer Überschrift wird mit dieser Überschrift gerahmt, und die Überschrift einer Seite wird nie dort geparkt, wo der Untertitel hinkommt. Das Ergebnis siehst du in den Filmen unserer Galerie.