Der kleine Bildschirm ist kein Nebenschauplatz

Deine Website für Smartphone und Tablet gestalten

Viele Menschen öffnen eine Website unterwegs oder vom Sofa aus. Sie haben weniger Platz und bedienen die Seite mit den Fingern. Dein Inhalt muss dort genauso verständlich bleiben wie auf einem großen Bildschirm.

Eine gute mobile Ansicht ist deshalb mehr als eine verkleinerte Desktopseite. Abschnitte werden neu angeordnet, Bilder anders zugeschnitten und wichtige Verweise müssen erreichbar bleiben.

Eine kleine Website auf Desktop, Tablet und Smartphone.

Die Freunde betrachten ihren Entwurf auf mehreren Bildschirmgrößen.

Schritt 1

Prüfe mit einer Aufgabe statt nur mit einem Blick.

Versuche in der mobilen Vorschau, dein Angebot zu finden und dich zu kontaktieren. Kannst du die Navigation bequem öffnen? Sind Links voneinander zu unterscheiden? Passt das Bild noch zum Text, wenn beide untereinander stehen?

Achte besonders auf lange Überschriften und Tabellen. Wenn du seitwärts schieben musst, ist die Darstellung an dieser Stelle noch nicht passend. Kürzere Formulierungen oder eine andere Anordnung können helfen.

Die Freunde fotografieren und wählen passende Motive aus.

Schritt 2

Lass den Inhalt atmen.

Zu kleine Schrift spart zwar Platz, macht das Lesen aber anstrengend. Auch dicht nebeneinanderliegende Links sind mit einem Finger schwer zu treffen. Abstand ist auf dem Smartphone ein Teil der Bedienung.

Ein umfangreicher Bildbereich darf sich mobil anders zusammensetzen. Die Erklärung sollte trotzdem vollständig bleiben. Ein Motiv wegzulassen ist leichter zu vertreten als eine wichtige Information verschwinden zu lassen.

Es darf Schritt für Schritt gehen

Ein kleiner Ablauf. Ein eigener Auftritt.

Unsere Begleiter zeigen die Idee im Bild. Die passenden Erklärungen findest du direkt darunter.

Hier kannst du weiterlesen.

Ein guter Auftritt entsteht aus mehreren kleinen Entscheidungen. Nimm dir die Erklärung mit, die gerade zu deiner Frage passt.

Website-Bilder auswählen, die dein Angebot erklären Website veröffentlichen: Von der Vorschau ins Internet